Skip to content

Commit 2fe8ac6

Browse files
committed
fix wasm and docs and bump
1 parent d3f8658 commit 2fe8ac6

File tree

5 files changed

+12
-8
lines changed

5 files changed

+12
-8
lines changed

editor/codemirror/package-lock.json

Lines changed: 2 additions & 2 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

editor/codemirror/package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "@gnata-sqlite/codemirror",
3-
"version": "0.2.2",
3+
"version": "0.2.3",
44
"description": "CodeMirror 6 language support for JSONata — syntax highlighting, linting, and autocomplete",
55
"type": "module",
66
"main": "dist/index.cjs",

react/package-lock.json

Lines changed: 2 additions & 2 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

react/package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "@gnata-sqlite/react",
3-
"version": "0.2.2",
3+
"version": "0.2.3",
44
"description": "Composable React widget for the gnata JSONata editor with WASM LSP support",
55
"type": "module",
66
"main": "./dist/index.js",

website/content/docs/guides/editor-setup.mdx

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -47,13 +47,17 @@ make wasm
4747

4848
CodeMirror tooltips (hover docs, autocomplete, diagnostics) render as portals outside the editor DOM. They need global CSS to be styled.
4949

50-
A Tokyo Night stylesheet is included as a starting point:
50+
A Tokyo Night stylesheet is included with each package:
5151

5252
```tsx
53+
// If using @gnata-sqlite/codemirror directly:
54+
import '@gnata-sqlite/codemirror/styles.css';
55+
56+
// If using @gnata-sqlite/react:
5357
import '@gnata-sqlite/react/tooltips.css';
5458
```
5559

56-
This covers dark and light mode using the Tokyo Night palette. For custom themes, copy `tooltips.css` from the package and adjust the colors to match your design system. The key selectors are `.cm-tooltip-hover`, `.cm-hover-tooltip`, `.cm-tooltip-autocomplete`, and `.cm-lintRange-error`.
60+
This covers dark and light mode using the Tokyo Night palette. For custom themes, override the key selectors: `.cm-tooltip-hover`, `.cm-hover-tooltip`, `.cm-tooltip-autocomplete`, and `.cm-lintRange-error`.
5761

5862
## Schema for autocomplete
5963

0 commit comments

Comments
 (0)