@aicayzer/inkkit 0.3.1 → 0.3.3

package/dist/chunks/{highlight-GlZZ_7st.js → highlight-X_ZzV-a6.js}

@@ -1,4 +1,4 @@
-import { a as Decoration, c as PluginKey, d as __toESM, i as $prose, o as DecorationSet, s as Plugin, u as __commonJSMin } from "./core-Dx4gTiUo.js";
+import { a as Decoration, c as PluginKey, d as __toESM, i as $prose, o as DecorationSet, s as Plugin, u as __commonJSMin } from "./core-BsI6Awlu.js";
 //#region node_modules/.pnpm/highlight.js@11.11.2/node_modules/highlight.js/es/languages/arduino.js
 /** @type LanguageFn */
 function cPlusPlus(hljs) {

package/dist/core.js

@@ -1,2 +1,2 @@
-import { r as InkKitError, t as InkKitEditor } from "./chunks/core-Dx4gTiUo.js";
+import { r as InkKitError, t as InkKitEditor } from "./chunks/core-BsI6Awlu.js";
 export { InkKitEditor, InkKitError };

package/dist/editor.d.ts

@@ -27,7 +27,7 @@ export interface CaretState {
     /** One quote holds the whole selection; the block is what sits inside it. */
     quoted: boolean;
 }
-declare const formatCommands: readonly ['heading1', 'heading2', 'heading3', 'heading4', 'heading5', 'heading6', 'paragraph', 'bold', 'italic', 'strikethrough', 'highlight', 'code', 'codeBlock', 'quote', 'bulletList', 'orderedList', 'taskList', 'link'];
+declare const formatCommands: readonly ['heading1', 'heading2', 'heading3', 'heading4', 'heading5', 'heading6', 'paragraph', 'bold', 'italic', 'strikethrough', 'highlight', 'code', 'codeBlock', 'quote', 'bulletList', 'orderedList', 'taskList', 'toggleTask', 'link'];
 /** A command for `format`. */
 export type FormatCommand = (typeof formatCommands)[number];
 /** `destination` goes only with `link`, and `language` only with `codeBlock`. */
@@ -50,9 +50,9 @@ export interface ImageInsertion {
     alt: string;
     title?: string;
 }
-/** A name in `Keymap`: every format command except `link`, history, block moves, list indentation,
+/** A name in `Keymap`: every format command except `link`, history, link opening, block moves, list indentation,
  *  and every table command. */
-export type ShortcutName = Exclude<FormatCommand, 'link'> | 'undo' | 'redo' | 'moveBlockUp' | 'moveBlockDown' | 'indent' | 'outdent' | `table${Capitalize<TableCommand>}`;
+export type ShortcutName = Exclude<FormatCommand, 'link'> | 'undo' | 'redo' | 'moveBlockUp' | 'moveBlockDown' | 'indent' | 'outdent' | 'openLink' | `table${Capitalize<TableCommand>}`;
 /** Host bindings in ProseMirror key notation, by shortcut name. */
 export type Keymap = Partial<Record<ShortcutName, readonly string[]>>;
 /** Every `ShortcutName`. */
@@ -206,6 +206,7 @@ export declare class InkKitEditor {
     private suggestionBase?;
     private changePlugin;
     private keys;
+    private readingKeys;
     private readonly events;
     /** The host's extra link schemes, in lower case. */
     private readonly linkSchemes;
@@ -267,6 +268,8 @@ export declare class InkKitEditor {
     get editable(): boolean;
     /** Turns editing on or off for both surfaces. Throws `composition` during text composition. */
     setEditable(editable: boolean): void;
+    /** Supplies native host activation for selection presentation. Null restores browser detection. */
+    setHostActive(active: boolean | null): void;
     /** Replaces the input preferences. A field left out takes its default. Throws `composition`
      *  during text composition. */
     setTextInputPreferences(preferences: TextInputPreferences): void;
@@ -299,6 +302,7 @@ export declare class InkKitEditor {
     private deferSource;
     private rememberTypedStep;
     private showTypedSource;
+    private setSourceValue;
     /**
      * Undoes or redoes typed source that the formatted document has not taken
      * in, on the text alone. Returns whether there was a step to take.
@@ -426,11 +430,11 @@ export declare class InkKitEditor {
      * Resolves wiki links and file embeds again, all of them or those whose `target` is named, after
      * something they point to changed. A file keeps its card until the new answer differs. Changes no
      * document state, so it works in a read-only editor and during composition. Source and TXT modes
-     * draw no references, and they resolve afresh when formatted mode returns.
+     * draw no references; named file answers are invalidated and resolved when formatted mode returns.
      */
     refreshReferences(targets?: readonly string[], expectedGeneration?: number): void;
     /** Replaces every binding. Keys are in ProseMirror's notation. A key given to two shortcuts goes
-     *  to the later one, in the order history, formatting, block moves, tables, so it lands the same
+     *  to the later one, in the order history, link opening, formatting, block moves, tables, so it lands the same
      *  way every time. A table binding passes a key it shares with a block move to the move outside
      *  a table. List indentation keys apply after all of these, and after the table keys the editor
      *  keeps for itself. */

package/dist/index.js

@@ -1,4 +1,4 @@
-import { n as registerMermaid, r as InkKitError, t as InkKitEditor } from "./chunks/core-Dx4gTiUo.js";
+import { n as registerMermaid, r as InkKitError, t as InkKitEditor } from "./chunks/core-BsI6Awlu.js";
 //#region src/index.ts
 registerMermaid(async () => (await import("mermaid")).default);
 //#endregion

package/dist/style.css

@@ -1,4 +1,5 @@
 .inkkit-root {
+  --_inkkit-font-size: var(--inkkit-font-size, 15px);
   box-sizing: border-box;
   color-scheme: var(--inkkit-color-scheme, light dark);
   color: var(--inkkit-text-color, CanvasText);
@@ -9,11 +10,11 @@
     system-ui,
     sans-serif
   );
-  font-size: var(--inkkit-font-size, 15px);
+  font-size: var(--_inkkit-font-size);
   line-height: var(--inkkit-line-height, normal);
   -webkit-font-smoothing: antialiased;
   -webkit-text-size-adjust: none;
-  --_inkkit-accent: var(--inkkit-accent-color, #0a84ff);
+  --_inkkit-accent: var(--inkkit-accent-color, light-dark(#0069d1, #409cff));
   --_inkkit-text: var(--inkkit-text-color, CanvasText);
   --_inkkit-muted: var(
     --inkkit-muted-color,
@@ -60,7 +61,7 @@
     var(--inkkit-padding-bottom, 48px);
   background: transparent;
   color: var(--_inkkit-text);
-  font: calc(var(--inkkit-font-size, 15px) * 1)/var(--inkkit-line-height, 1.5)
+  font: calc(var(--_inkkit-font-size) * 1)/var(--inkkit-line-height, 1.5)
     var(--_inkkit-mono);
 }
 
@@ -75,7 +76,7 @@
 .inkkit-root .inkkit-table-block {
   position: relative;
   margin: 0 0
-    var(--inkkit-paragraph-spacing, calc(var(--inkkit-font-size, 15px) * 0.667));
+    var(--inkkit-paragraph-spacing, calc(var(--_inkkit-font-size) * 0.667));
 }
 .inkkit-root .inkkit-table-scroll {
   overflow-x: auto;
@@ -91,9 +92,9 @@
 .inkkit-root .ProseMirror th {
   position: relative;
   box-sizing: border-box;
-  min-width: calc(var(--inkkit-font-size, 15px) * 4);
-  padding: calc(var(--inkkit-font-size, 15px) * 0.4)
-    calc(var(--inkkit-font-size, 15px) * 0.6);
+  min-width: calc(var(--_inkkit-font-size) * 4);
+  padding: calc(var(--_inkkit-font-size) * 0.4)
+    calc(var(--_inkkit-font-size) * 0.6);
   border: 0 solid var(--_inkkit-rule);
   border-width: 0 1px 1px 0;
   vertical-align: top;
@@ -263,7 +264,7 @@
 .inkkit-root .ProseMirror .inkkit-image-block {
   display: block;
   margin: 0 0
-    var(--inkkit-paragraph-spacing, calc(var(--inkkit-font-size, 15px) * 0.667));
+    var(--inkkit-paragraph-spacing, calc(var(--_inkkit-font-size) * 0.667));
   line-height: 0;
 }
 .inkkit-root .ProseMirror .inkkit-image-block > .inkkit-image {
@@ -346,6 +347,7 @@
   opacity: 0;
 }
 .inkkit-root .ProseMirror .inkkit-image:hover .inkkit-image-handle,
+.inkkit-root .ProseMirror .inkkit-image:focus-within .inkkit-image-handle,
 .inkkit-root .ProseMirror .inkkit-image-handle:active {
   opacity: 1;
 }
@@ -526,7 +528,7 @@
 
 .inkkit-root .ProseMirror p {
   margin: 0 0
-    var(--inkkit-paragraph-spacing, calc(var(--inkkit-font-size, 15px) * 0.667));
+    var(--inkkit-paragraph-spacing, calc(var(--_inkkit-font-size) * 0.667));
 }
 
 .inkkit-root .ProseMirror h1,
@@ -534,32 +536,32 @@
 .inkkit-root .ProseMirror h3 {
   line-height: 1.25;
   letter-spacing: -0.01em;
-  margin: calc(var(--inkkit-font-size, 15px) * 1.867) 0
-    calc(var(--inkkit-font-size, 15px) * 0.533);
+  margin: calc(var(--_inkkit-font-size) * 1.867) 0
+    calc(var(--_inkkit-font-size) * 0.533);
 }
 
 .inkkit-root .ProseMirror h1 {
-  font-size: calc(var(--inkkit-font-size, 15px) * 1.733);
+  font-size: calc(var(--_inkkit-font-size) * 1.733);
   font-weight: 700;
 }
 
 .inkkit-root .ProseMirror h2 {
-  font-size: calc(var(--inkkit-font-size, 15px) * 1.4);
+  font-size: calc(var(--_inkkit-font-size) * 1.4);
   font-weight: 700;
 }
 
 .inkkit-root .ProseMirror h3 {
-  font-size: calc(var(--inkkit-font-size, 15px) * 1.133);
+  font-size: calc(var(--_inkkit-font-size) * 1.133);
   font-weight: 600;
 }
 
 .inkkit-root .ProseMirror h4,
 .inkkit-root .ProseMirror h5,
 .inkkit-root .ProseMirror h6 {
-  font-size: calc(var(--inkkit-font-size, 15px) * 1);
+  font-size: calc(var(--_inkkit-font-size) * 1);
   font-weight: 600;
-  margin: calc(var(--inkkit-font-size, 15px) * 1.333) 0
-    calc(var(--inkkit-font-size, 15px) * 0.4);
+  margin: calc(var(--_inkkit-font-size) * 1.333) 0
+    calc(var(--_inkkit-font-size) * 0.4);
 }
 
 .inkkit-root .ProseMirror strong {
@@ -600,25 +602,25 @@
   font-size: 0.88em;
   background: var(--_inkkit-code-bg);
   border-radius: 5px;
-  padding: calc(var(--inkkit-font-size, 15px) * 0.067)
-    calc(var(--inkkit-font-size, 15px) * 0.333);
+  padding: calc(var(--_inkkit-font-size) * 0.067)
+    calc(var(--_inkkit-font-size) * 0.333);
 }
 
 .inkkit-root .ProseMirror pre {
   position: relative;
   font-family: var(--_inkkit-mono);
-  font-size: calc(var(--inkkit-font-size, 15px) * 0.867);
+  font-size: calc(var(--_inkkit-font-size) * 0.867);
   line-height: 1.5;
   background: var(--_inkkit-code-bg);
   border-radius: 8px;
-  padding: calc(var(--inkkit-font-size, 15px) * 0.8)
-    calc(var(--inkkit-font-size, 15px) * 0.933);
-  margin: 0 0 calc(var(--inkkit-font-size, 15px) * 0.8);
+  padding: calc(var(--_inkkit-font-size) * 0.8)
+    calc(var(--_inkkit-font-size) * 0.933);
+  margin: 0 0 calc(var(--_inkkit-font-size) * 0.8);
   overflow-x: auto;
 }
 
 .inkkit-root .ProseMirror pre[data-language] {
-  padding-top: max(calc(var(--inkkit-font-size, 15px) * 2), 30px);
+  padding-top: max(calc(var(--_inkkit-font-size) * 2), 30px);
 }
 
 .inkkit-root .ProseMirror pre .inkkit-copy {
@@ -661,8 +663,8 @@
 }
 
 .inkkit-root .ProseMirror blockquote {
-  margin: 0 0 calc(var(--inkkit-font-size, 15px) * 0.8);
-  padding: 2px 0 2px calc(var(--inkkit-font-size, 15px) * 0.8);
+  margin: 0 0 calc(var(--_inkkit-font-size) * 0.8);
+  padding: 2px 0 2px calc(var(--_inkkit-font-size) * 0.8);
   border-left: 2px solid var(--_inkkit-accent);
 }
 
@@ -677,18 +679,18 @@
 .inkkit-root .ProseMirror hr {
   border: 0;
   border-top: 1px solid var(--_inkkit-rule);
-  margin: calc(var(--inkkit-font-size, 15px) * 1.333) 0;
+  margin: calc(var(--_inkkit-font-size) * 1.333) 0;
 }
 
 .inkkit-root .ProseMirror ul,
 .inkkit-root .ProseMirror ol {
   margin: 0 0
-    var(--inkkit-paragraph-spacing, calc(var(--inkkit-font-size, 15px) * 0.667));
-  padding-left: calc(var(--inkkit-font-size, 15px) * 1.733);
+    var(--inkkit-paragraph-spacing, calc(var(--_inkkit-font-size) * 0.667));
+  padding-left: calc(var(--_inkkit-font-size) * 1.733);
 }
 
 .inkkit-root .ProseMirror li {
-  margin: 0 0 calc(var(--inkkit-font-size, 15px) * 0.267);
+  margin: 0 0 calc(var(--_inkkit-font-size) * 0.267);
 }
 
 .inkkit-root .ProseMirror li > p {
@@ -697,7 +699,7 @@
 
 .inkkit-root .ProseMirror li ul,
 .inkkit-root .ProseMirror li ol {
-  margin-top: calc(var(--inkkit-font-size, 15px) * 0.267);
+  margin-top: calc(var(--_inkkit-font-size) * 0.267);
   margin-bottom: 0;
 }
 
@@ -712,7 +714,7 @@
   /* The box is centered on the first line: 1lh is the line height the item's
      text uses, including when it is normal, and --inkkit-checkbox-offset
      moves the box down for a font whose lines look off-center. */
-  --_inkkit-task-size: calc(var(--inkkit-font-size, 15px) * 0.933);
+  --_inkkit-task-size: calc(var(--_inkkit-font-size) * 0.933);
   --_inkkit-task-top: calc(
     (1lh - var(--_inkkit-task-size)) / 2 + var(--inkkit-checkbox-offset, 0px)
   );
@@ -721,7 +723,7 @@
 .inkkit-root .ProseMirror li[data-item-type='task']::before {
   content: '';
   position: absolute;
-  left: calc(var(--inkkit-font-size, 15px) * -1.667);
+  left: calc(var(--_inkkit-font-size) * -1.667);
   top: var(--_inkkit-task-top);
   width: var(--_inkkit-task-size);
   height: var(--_inkkit-task-size);
@@ -729,7 +731,7 @@
   border: 1.5px solid
     var(
       --inkkit-checkbox-border-color,
-      color-mix(in srgb, CanvasText 35%, transparent)
+      color-mix(in srgb, CanvasText 55%, transparent)
     );
   border-radius: 4px;
   cursor: pointer;
@@ -747,10 +749,10 @@
   li[data-item-type='task'][data-checked='true']::after {
   content: '';
   position: absolute;
-  left: calc(var(--inkkit-font-size, 15px) * -1.333);
-  top: calc(var(--_inkkit-task-top) + var(--inkkit-font-size, 15px) * 0.133);
-  width: calc(var(--inkkit-font-size, 15px) * 0.2);
-  height: calc(var(--inkkit-font-size, 15px) * 0.467);
+  left: calc(var(--_inkkit-font-size) * -1.333);
+  top: calc(var(--_inkkit-task-top) + var(--_inkkit-font-size) * 0.133);
+  width: calc(var(--_inkkit-font-size) * 0.2);
+  height: calc(var(--_inkkit-font-size) * 0.467);
   border: solid Canvas;
   border-width: 0 1.5px 1.5px 0;
   transform: rotate(45deg);
@@ -761,6 +763,33 @@
   color: var(--_inkkit-muted);
 }
 
+/* The semantic control overlays the existing marker without entering its text. */
+.inkkit-root .inkkit-task-checkbox {
+  position: absolute;
+  left: calc(var(--_inkkit-font-size) * -1.667);
+  top: var(--_inkkit-task-top);
+  width: var(--_inkkit-task-size);
+  height: var(--_inkkit-task-size);
+  cursor: pointer;
+  border-radius: 4px;
+}
+
+.inkkit-root .inkkit-task-checkbox:focus-visible {
+  outline: 2px solid var(--inkkit-focus-color, var(--_inkkit-accent));
+  outline-offset: 2px;
+}
+
+@media (forced-colors: active) {
+  .inkkit-root .ProseMirror li[data-item-type='task']::before {
+    border-color: CanvasText;
+  }
+  .inkkit-root
+    .ProseMirror
+    li[data-item-type='task'][data-checked='true']::after {
+    border-color: CanvasText;
+  }
+}
+
 .inkkit-root .ProseMirror del {
   color: var(--_inkkit-muted);
 }
@@ -853,28 +882,28 @@
 .inkkit-root .ProseMirror .inkkit-literal-markdown {
   white-space: pre-wrap;
   font-family: var(--_inkkit-mono);
-  font-size: calc(var(--inkkit-font-size, 15px) * 0.9);
+  font-size: calc(var(--_inkkit-font-size) * 0.9);
 }
 
 .inkkit-root .inkkit-footnote-reference {
   cursor: pointer;
   color: var(--_inkkit-accent, currentColor);
-  font-size: calc(var(--inkkit-font-size, 15px) * 0.75);
+  font-size: calc(var(--_inkkit-font-size) * 0.75);
 }
 
 .inkkit-root .inkkit-footnote-definition {
   border-inline-start: 2px solid var(--_inkkit-muted, currentColor);
-  padding-inline-start: calc(var(--inkkit-font-size, 15px) * 1);
+  padding-inline-start: calc(var(--_inkkit-font-size) * 1);
 }
 
 .inkkit-root .inkkit-footnote-definition::before {
   content: '[' attr(data-inkkit-label) ']';
-  font-size: calc(var(--inkkit-font-size, 15px) * 0.8);
+  font-size: calc(var(--_inkkit-font-size) * 0.8);
 }
 
 .inkkit-root .inkkit-reference-definition {
   font-family: var(--_inkkit-mono);
-  font-size: calc(var(--inkkit-font-size, 15px) * 0.8);
+  font-size: calc(var(--_inkkit-font-size) * 0.8);
   opacity: 0.7;
 }
 
@@ -886,8 +915,8 @@
 .inkkit-root .ProseMirror .inkkit-callout {
   --_inkkit-callout-color: var(--_inkkit-accent);
   border-inline-start: 3px solid var(--_inkkit-callout-color);
-  padding: calc(var(--inkkit-font-size, 15px) * 0.65)
-    calc(var(--inkkit-font-size, 15px) * 1);
+  padding: calc(var(--_inkkit-font-size) * 0.65)
+    calc(var(--_inkkit-font-size) * 1);
   background: color-mix(in srgb, var(--_inkkit-callout-color) 7%, transparent);
 }
 
@@ -907,14 +936,14 @@
 .inkkit-root .inkkit-callout-header {
   display: flex;
   align-items: baseline;
-  gap: calc(var(--inkkit-font-size, 15px) * 0.75);
+  gap: calc(var(--_inkkit-font-size) * 0.75);
 }
 
 .inkkit-root [data-inkkit-callout-toggle] {
   color: var(--_inkkit-muted);
   background: transparent;
   border: 0;
-  padding: calc(var(--inkkit-font-size, 15px) * 0.25);
+  padding: calc(var(--_inkkit-font-size) * 0.25);
   cursor: pointer;
 }
 
@@ -936,7 +965,7 @@
 
 .inkkit-root [data-inkkit-comments-visible='true'] .inkkit-comment-block {
   display: block;
-  padding: calc(var(--inkkit-font-size, 15px) * 0.5);
+  padding: calc(var(--_inkkit-font-size) * 0.5);
 }
 
 @media print {
@@ -980,11 +1009,12 @@
 }
 .inkkit-root .inkkit-mermaid-preview[data-state='error'] {
   color: var(--inkkit-diagram-error-color, #9b2424);
-  font-size: calc(var(--inkkit-font-size, 15px) * 0.9);
+  font-size: calc(var(--_inkkit-font-size) * 0.9);
 }
 
 /* One ring for every control InkKit draws; the editing surfaces can be set apart. */
 .inkkit-root button:focus-visible,
+.inkkit-root .inkkit-image-handle:focus-visible,
 .inkkit-root .inkkit-file audio:focus-visible,
 .inkkit-root .inkkit-file video:focus-visible {
   outline: var(--inkkit-focus-width, 2px) solid
@@ -1028,8 +1058,8 @@
   background: var(--inkkit-menu-background, light-dark(#fff, #252529));
   color: var(--inkkit-menu-text, CanvasText);
   box-shadow: var(--inkkit-menu-shadow, 0 4px 18px #0003);
-  font: calc(var(--inkkit-font-size, 15px) * 14 / 15) /
-    calc(var(--inkkit-font-size, 15px) * 1.6)
+  font: calc(var(--_inkkit-font-size) * 14 / 15) /
+    calc(var(--_inkkit-font-size) * 1.6)
     var(--inkkit-font-family, system-ui, sans-serif);
 }
 .inkkit-root .inkkit-suggestions [role='option'] {

package/dist/types.d.ts

@@ -249,6 +249,7 @@ export interface EditorLabels {
     slashBulletList: string;
     slashOrderedList: string;
     slashTaskList: string;
+    taskCheckbox: string;
     slashQuote: string;
     slashCodeBlock: string;
     slashTable: string;
@@ -292,6 +293,7 @@ export interface EditorLabels {
     fileOpen: string;
     filePreviewUnavailable: string;
     filePDFPreview: string;
+    imageResize: string;
     wikiMissing: string;
     /** Name of an author comment, which stays out of the readable text. */
     comment: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aicayzer/inkkit",
-  "version": "0.3.1",
+  "version": "0.3.3",
   "description": "A preserving Markdown editor for offline web views and the web",
   "license": "MIT",
   "type": "module",
@@ -38,10 +38,10 @@
   },
   "packageManager": "pnpm@11.0.9",
   "engines": {
-    "node": ">=22.14"
+    "node": ">=26"
   },
   "scripts": {
-    "build": "node scripts/clean-build.mjs && tsc -p tsconfig.build.json && vite build --config vite.package.config.ts && node scripts/finish-build.mjs",
+    "build": "node scripts/clean-build.mjs && tsc -p tsconfig.build.json && vite build --config vite.package.config.ts && node scripts/build-host-notices.ts && node scripts/finish-build.mjs",
     "typecheck": "tsc --noEmit",
     "test": "vitest run",
     "format": "prettier --write .",