You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
1. Install this extension from the marketplace, then run `Developer: Reload Window`.
34
10
35
11
1. Open the `GistPad` tab _(look for the notebook icon in the activity bar)_. From there, you can open a gist or GitHub repo by ID/URL, or sign in with a GitHub account in order to manage your [gists](#gist-management) and [repositories](#repositories). To sign-in, simply click the `Sign In` button and follow the provided flow in order to authenticate with your GitHub account.
36
12
37
13
From here, you can create and edit [gists](#gist-management), [repositories](#repositories), [wikis](#wikis) and [runnable code samples](#codeswing). And in addition to doing this from the `Gists` tree view, you can also do it from [Copilot chat](#copilot-chat) (thanks to a [built-in MCP server](https://npmjs.com/gistpad-mcp)). Have fun, and let us know how we can make your knowledge-management experience even more awesome! 🙌
38
-
<br>
39
14
40
-
[Back to Table of Contents](#table-of-contents)
41
-
</details>
42
-
<details>
43
-
<summary>Gist Management</summary>
15
+
---
44
16
45
-
## Gist Management
17
+
<detailsopen>
18
+
<summary><h2>Gist Management</h2></summary>
46
19
47
20
In order to create a new gist, simply open the `Gists` tree in the `GistPad` tab, and click the `+` icon in the toolbar. Specify the description and files to seed it with (including support for [directories](#files-and-directories)!). Additionally, you can create gists from local files or snippets by right-clicking them in the `Explorer` tree, or by right-clicking an editor window/tab and selecting `Copy File to Gist`, `Add Selection to Gist`, or `Paste Gist File Contents` ([details](#contributed-commands-editor)).
48
21
@@ -145,12 +118,10 @@ To see what can be done with gists and [code swings](#codeswing), and to keep up
GistPad also allows you to create and edit GitHub repos without needing to clone anything locally. To get started, run the `GistPad: Open Repository` command, and specify/select the name of the repo you'd like to start managing. If you want to create a new repo, then select the `Create new repo` or `Create new private repo` options, then specify the name of the repo.
156
127
@@ -230,44 +201,37 @@ Furthermore, when you open a page that contains backlinks, the set of backlinks
230
201
#### Embedding Files
231
202
232
203
In addition to adding links to pages, it's sometimes valuable to embed the contents of another page directly into a note, so that you can easily read them together. To do this, you can use the `![[link]]` syntax, where you'll recieve auto-completion support just like regular links. When you use an embed link, the target page's contents will be displayed within the note whenever you view it's markdown preview.
233
-
<br>
234
204
235
-
[Back to Table of Contents](#table-of-contents)
236
205
</details>
237
-
<details>
238
-
<summary>CodeSwing</summary>
239
-
240
-
## CodeSwing
206
+
207
+
<detailsopen>
208
+
<summary><h2>CodeSwing</h2></summary>
241
209
242
210
If you're building web applications, and want to create a quick playground environment in order to experiment with HTML, CSS or JavaScript (or [Sass/SCSS, Less, Pug and TypeScript](#additional-language-support)), you can install the [CodeSwing extension](https://aka.ms/codeswing), in order to have a CodePen-like web experience, integrated into VS Code. GistPad provides an integration with CodeSwing, and so once it's installed, you can right-click the `Your Gists` node in the `GistPad` tree and select `New CodeSwing` or `New Secret CodeSwing`. This will create a new gist, seeded with the selected template fields, and then provide you with a live preview Webview, so that you can iterate on the code and visually see how it behaves.
243
211
244
212
When you create a new swing, you'll be asked to select a template, which is simply a way to get started quickly, using the libraries and languages you intend to use (e.g. React.js, Vue.js). Since the swing is backed by a Gist, your changes are saved and shareable with your friends. Additionally, as you find other swings that you'd like to use, simply fork them and create your own swings. That way, you can use Gists as "templates" for swing environments, and collaborate on them with others just like you would any other gist. When you're done with a swing, simply close the preview window and all other documents will be automatically closed. If you no longer need the swing, then delete it just like any other gist 👍
245
-
<br>
246
213
247
-
[Back to Table of Contents](#table-of-contents)
248
214
</details>
249
-
<details>
250
-
<summary>Copilot chat</summary>
251
-
252
-
## Copilot chat
215
+
216
+
<detailsopen>
217
+
<summary><h2>Copilot chat</h2></summary>
253
218
254
219
In addition to managing gists via the `Gists` tree view, you can also use Copilot chat (in `Agent` mode) to discuss and edit your gists/daily notes via natural language. For example, if you opened up Copilot chat and asked `What is the summary of my <X> gist?`, then Copilot would look up your list of gists, find the one about `<X>`, and then generate a summary for you. Or if you asked `Create a new gist that talks about the JavaScript programming language?`, then Copilot would generate a description + file contents based on the requested topic and then create a new gist for you.
255
220
256
221
This experience works because the GistPad extension ships with the [GistPad MCP server](https://npmjs.com/gistpad-mcp) out of the box. Beyond simplifying setup, this approach is also more secure, since it creates and manages a GitHub token on your behald, with the minimal scopes. For more details about what you can do with GistPad + Copilot, refer to the `GistPad > MCP` settings and/or check out the docs for the GistPad MCP server (including it's list of tools, resources, and prompts support).
257
-
<br>
258
222
259
-
[Back to Table of Contents](#table-of-contents)
260
223
</details>
261
-
<details>
262
-
<summary>Contributed Commands</summary>
224
+
225
+
<detailsopen>
226
+
<summary><h2>Contributed Commands</h2></summary>
263
227
264
-
## Contributed Commands (File Explorer)
228
+
###Contributed Commands (File Explorer)
265
229
266
230
In addition to the `Gists` view, GistPad also contributes an `Copy File to Gist` command to the context menu of the `Explorer` file tree, which allows you to easily add local files to a new or existing Gist.
In addition to the `Explorer` file tree commands, GistPad also contributes the following commands to the editor's context menu:
273
237
@@ -281,7 +245,7 @@ In addition to the `Explorer` file tree commands, GistPad also contributes the f
281
245
282
246
The `Copy File to Gist` command is also available on the editor tab's context menu.
283
247
284
-
## Contributed Commands (Editor Title Bar)
248
+
###Contributed Commands (Editor Title Bar)
285
249
286
250
In addition to the commands added to the editor context menu, GistPad also contributes the following commands to the editor's title bar menu (click the `...` in the upper right section of an editor window):
287
251
@@ -292,7 +256,7 @@ Additionally, if you disable the `Gistpad: Sync on Save` setting, then the follo
292
256
293
257
-`Sync Gist` - Sync the file's pending changes back to GitHub.
294
258
295
-
## Contributed Commands (Command Palette)
259
+
###Contributed Commands (Command Palette)
296
260
297
261
In addition to the `Gists` view, this extension also provides the following commands:
298
262
@@ -323,14 +287,11 @@ In addition to the `Gists` view, this extension also provides the following comm
323
287
-`GistPad: Starred Gists` - Lists your starred Gists, and then opens the files for the selected one.
324
288
325
289
-`GistPad: Paste Gist File` - Allows you to paste the contents of a gist file into the active editor.
-`GistPad > Comments: Show Thread` - Specifies when to show the comment thread UI whenever you open a gist file. Can be set to one of the following values:
336
297
@@ -393,3 +354,5 @@ In addition to the `Gists` view, this extension also provides the following comm
393
354
-`Gistpad > Wikis > Daily: Title Format` - Specifies the date format (using Moment.js syntax) that is used to for the title of daily pages. Defaults to `LL`.
394
355
395
356
-`Gistpad > Wikis > Daily: Filename Format` - Specifies the date format (using Moment.js syntax) that is used to for the filename of daily pages. Defaults to `YYYY-MM-DD`.
0 commit comments