@damiro/stylo 0.5.0 → 0.7.0

package/README.md

@@ -26,7 +26,8 @@ built in.
 - **First-class math** — `$…$` and `$$…$$` rendered with KaTeX, live in the
   canvas and in preview.
 - **`[[wikilinks]]`** — recognised, styled, and clickable, with an
-  `onWikiLinkClick` callback.
+  `onWikiLinkClick` callback and opt-in `[[` autocomplete from an index you
+  supply (`wikiLinkSource`).
 - **Interactive tables** — edit a rendered table cell by cell in the in-place
   canvas, with row / column controls; or keep plain source pipes.
 - **Callouts** — `> [!note]` blockquotes render as tinted admonition blocks
@@ -149,11 +150,15 @@ function Editor() {
 your own `ToolbarCustomItem` buttons, and a `render` slot to wrap it. See the
 [toolbar reference](./docs/wiki/reference/toolbar.md).
 
-`inPlace` and `codeLanguages` are read once, when the editing surface mounts —
-give `<Stylo>` a `key` derived from the config to apply a change. Every other
-prop is fully reactive. See
+`inPlace`, `codeLanguages`, and `wikiLinkSource` are read once, when the editing
+surface mounts — give `<Stylo>` a `key` derived from the config to apply a
+change. Every other prop is fully reactive. See
 [props · applied at mount](./docs/wiki/reference/props.md#config-applied-at-mount).
 
+Pass `wikiLinkSource` — `(query) => { target, label? }[]`, sync or async — to
+turn on `[[wikilink]]` autocomplete backed by your own index. See
+[Wikilink autocomplete](./docs/wiki/reference/props.md#wikilink-autocomplete).
+
 Fenced code blocks render in plain monospace — no token colours — until you pass
 `codeLanguages` with the grammars you want. Stylo bundles none by design (the
 full grammar set is ~110 lazy chunks). See
@@ -164,8 +169,9 @@ full grammar set is ~110 lazy chunks). See
 Every colour is a `--stylo-*` custom property; override any of them on `.stylo`
 or an ancestor. A dark palette ships built in and activates under a `.dark` or
 `[data-theme="dark"]` ancestor — the `next-themes` / shadcn convention.
-`--stylo-font-size` (default `0.9375rem`) sets the base editor size; everything
-inside scales from it.
+`--stylo-font-size` (default `0.9375rem`) sets the base editor size and
+everything inside scales from it; `--stylo-font-family` and
+`--stylo-font-family-mono` set the prose and code fonts.
 
 ---
 
@@ -208,12 +214,15 @@ Engineering journal and Architectural Decision Records:
 
 ```bash
 npm install
-npm run dev        # playground
+npm run dev            # playground
 npm run typecheck
-npm run test
-npm run build      # library bundle
+npm run test           # unit suite (Vitest + jsdom)
+npm run test:browser   # in-place canvas in real Chromium (Playwright)
+npm run build          # library bundle
 ```
 
+`npm run test:browser` needs the browser once: `npx playwright install chromium`.
+
 ## License
 
 MIT © damiro