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
Copy file name to clipboardExpand all lines: README.md
+9-9Lines changed: 9 additions & 9 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -17,11 +17,11 @@ This extension now supports the new **ObservableHQ Notebook 2.0** format! 🎉
17
17
18
18
### Quick Start with ObservableHQ Notebook
19
19
20
-
1.Use Command Palette: "Observable Kit: Create New Notebook"
21
-
2. Choose a name (e.g., `my-notebook`) - will create`my-notebook.onb.html`
22
-
3.Start writing vanilla JavaScript with `display()` function
23
-
4. Use "Observable Kit: Preview" to see live preview
24
-
5.Use "Observable Kit: Build Static Site" for deployment
20
+
1.Run the Command Palette entry **"Observable Kit: Observable Kit Notebook"** to scaffold a new notebook
21
+
2. Choose a name (e.g., `my-notebook`) – the command creates`my-notebook.onb.html`
22
+
3.Click **Switch to Notebook View** (toolbar button or command) to open the interactive editor and start writing vanilla JavaScript with `display()`
23
+
4. Use **Switch to Text View** any time you want to edit the underlying HTML shell or metadata
24
+
5.Run **Observable Kit: Build Static Site** when you are ready to produce deployable output
25
25
26
26
### HTML File Detection & View Switching
27
27
@@ -75,13 +75,13 @@ Once a file is open, you can switch between views using toolbar buttons:
75
75
76
76
## Recommended Extension Pack
77
77
78
-
To get the full experience, it is recommended to install this extension as part of the [JavsaScript Notebook](https://marketplace.visualstudio.com/items?itemName=GordonSmith.js-notebook-extension-pack) extension pack.
78
+
To get the full experience, install this extension as part of the [JavaScript Notebook](https://marketplace.visualstudio.com/items?itemName=GordonSmith.js-notebook-extension-pack) extension pack.
79
79
80
80
## Quick Start with ObservableHQ Notebook-Kit
81
81
82
82

83
83
84
-
1. Open a `notebook-kit`notebook (extension .html)
84
+
1. Open a `notebook-kit`notebook (extension .html)
85
85
2. Click "Switch to Notebook View" in the text toolbar.
86
86
3. Edit, run and save your notebook.
87
87
4. Optionally click "Switch to Text View" to go back to the HTML source.
@@ -110,7 +110,7 @@ To get the full experience, it is recommended to install this extension as part
110
110
111
111
## Commands
112
112
113
-
_All commands are prefixed with "OJS" and are available via the command palette or by default shortcut key mappings_
113
+
_Legacy commands are prefixed with "OJS"; Notebook Kit commands appear under "Observable Kit" in the Command Palette_
114
114
115
115
### Legacy OJS Commands
116
116
@@ -137,7 +137,7 @@ _All commands are prefixed with "OJS" and are available via the command palette
137
137
138
138
## Settings
139
139
140
-
_All settings are prefixed with "ojs." and are available via `file -> preferneces -> settings` menu_
140
+
_All settings are prefixed with "ojs." and are available via `File -> Preferences -> Settings`_
Copy file name to clipboardExpand all lines: package.json
+1-1Lines changed: 1 addition & 1 deletion
Original file line number
Diff line number
Diff line change
@@ -4,7 +4,7 @@
4
4
"version": "0.4.56",
5
5
"publisher": "GordonSmith",
6
6
"displayName": "Observable JS",
7
-
"description": "Interpreter for ObservableHQ Notebooks - Includes VS Code Notebooks with Observable, Observable \"Markdown\" files with embedded Observable (.omd) and Observable \"JavaScript\" files.",
7
+
"description": "ObservableHQ Notebook + Notebook Kit 2.0 tools for VS Code: author .onb.html notebooks, switch between HTML/notebook views, edit legacy .ojsnb/.ojs/.omd files, preview, import/export, and build static sites.",
0 commit comments