@kubohiroya/turbowarp-extension-data-editor 0.8.0 → 0.8.2

package/README.ja.md

@@ -109,6 +109,7 @@ pnpm test
 ```
 
 `pnpm test` は型宣言を含むビルド後、コアと標準フォームのテストを実行します。
+`pnpm run test:runtime` は、最小 editor runtime（`@kubohiroya/turbowarp-plus-editor-test-runtime`）の上で、TurboWarp Plus Editor が固定する VM と Scratch Blocks を使い、Editor をビルドせずにエディターを Chromium で試します。試験用の拡張機能が固定入力のエディターを登録し、ブロックのアイコンからダイアログを開いて、検証・保存・本物のドロップダウンの操作を確かめます。先に Playwright の Chromium を入れてください（`pnpm exec playwright install chromium`）。
 パッケージは ESM です。ブラウザには ES2022 の組み込み API が必要です。
 標準フォームの React / ReactDOM peer は 16.14 / 17 / 18。GUI は既存の 16.14 を共有します。
 初回の実験版は `@kubohiroya/turbowarp-extension-data-editor@0.1.0` です。固定SchemaのSource/Form編集は `0.2.0`、既定OFFの固定入力契約・標準field transaction・固定フォームとGUI接続は `0.2.1` で追加しました。配布版 `0.2.2` は、編集見出しのブロック名・アイコン、項目の削除メニュー・追加ボタン、key-valueの2行表示を含みます。
@@ -153,7 +154,7 @@ npm install --save-exact @kubohiroya/turbowarp-extension-data-editor@0.2.2
 
 ## Optional editing examples
 
-Repository examples are opt-in teaching code, not template blocks or additional package exports. See [the JSON/YAML document example](examples/document-properties.mjs) and [its guide](examples/README.ja.md). Each extension owns its actual data contract.
+Repository examples are opt-in teaching code, not template blocks or additional package exports. See [the JSON/YAML document example](examples/document-properties.ts) and [its guide](examples/README.ja.md). Each extension owns its actual data contract.
 
 Prepared source editing is an optional host capability. See [the source/form contract](docs/source-forms.ja.md) for fixed-schema bindings, atomic saves, compatibility, and rollback.
 

package/README.md

@@ -107,6 +107,7 @@ pnpm test
 ```
 
 `pnpm test` builds the package, including type declarations, then runs the core and standard form tests.
+`pnpm run test:runtime` runs the editors on the TurboWarp Plus Editor's pinned VM and Scratch Blocks in Chromium, through the minimal editor runtime (`@kubohiroya/turbowarp-plus-editor-test-runtime`), without building the Editor: a fixture extension registers a fixed input editor, and the tests open its dialog from the block's icon, validate, save and use the native dropdown. Install Chromium for Playwright first (`pnpm exec playwright install chromium`).
 The package uses ESM. Browsers need ES2022 built-in APIs.
 The standard form supports React / ReactDOM peers 16.14, 17, and 18. The GUI shares its existing React 16.14 installation.
 The first experimental release was `@kubohiroya/turbowarp-extension-data-editor@0.1.0`. Fixed-schema Source/Form editing was added in `0.2.0`; default-off fixed-input contracts, standard field transactions, fixed-input forms, and GUI integration followed in `0.2.1`. Release `0.2.2` includes block names and icons in editor headings, field removal menus and add buttons, and two-line key-value layouts.
@@ -151,7 +152,7 @@ The cross-repository validation record collected when introducing the existing S
 
 ## Optional editing examples
 
-Repository examples are opt-in teaching code, not template blocks or additional package exports. See [the JSON/YAML document example](examples/document-properties.mjs) and [its guide (Japanese)](examples/README.ja.md). Each extension owns its actual data contract.
+Repository examples are opt-in teaching code, not template blocks or additional package exports. See [the JSON/YAML document example](examples/document-properties.ts) and [its guide (Japanese)](examples/README.ja.md). Each extension owns its actual data contract.
 
 Prepared source editing is an optional host capability. See [the source/form contract (Japanese)](docs/source-forms.ja.md) for fixed-schema bindings, atomic saves, compatibility, and rollback.
 

package/dist/build-info.json

@@ -1,10 +1,10 @@
 {
   "name": "@kubohiroya/turbowarp-extension-data-editor",
-  "version": "0.8.0",
+  "version": "0.8.2",
   "repository": "https://github.com/kubohiroya/turbowarp-extension-data-editor",
-  "revision": "5b8c653c6536518cf87c8b1273f73ff9eb47e1ca",
+  "revision": "28d7ca791fb696007ed014ebf3c2d28ba389a33a",
   "sourceState": "commit",
-  "sourceSha256": "03d7dca0e78358e05dc242f769d71a4e90c0c49fdb7fa6b6f7196dd4281dcca2",
+  "sourceSha256": "fa5c13abb9fef48ea6c0e79eb01bbedc894927d2ef512fd33c9317d21a5027d6",
   "capabilities": {
     "preparedSource": 1
   }

package/dist/form-presentation.d.ts

@@ -5,4 +5,4 @@ export declare function FormHelp({ description, id }: {
     description: unknown;
     id?: string;
 }): React.ReactElement | null;
-export declare const formStyles = "\n[data-editor-form]{--editor-accent:var(--block-editor-accent,#426ad6);--editor-line:var(--block-editor-border,#dde3ed);--editor-muted:var(--block-editor-muted,var(--block-editor-text,#637086));color:var(--block-editor-text,#25334a);font:14px/1.5 system-ui,sans-serif;min-width:0}\n[data-editor-form] *,[data-editor-form] *:before,[data-editor-form] *:after{box-sizing:border-box}\n[data-editor-form] fieldset{min-width:0}\n[data-editor-form] fieldset.editor-form-binding,[data-editor-form] .editor-form-section,[data-editor-form] .rjsf fieldset{padding:0;border:0;margin:0 0 18px}\n[data-editor-form] .editor-form-section>legend,[data-editor-form] .rjsf fieldset>legend{font-size:15px;font-weight:650;padding:0;margin:0 0 10px;color:inherit}\n[data-editor-form] .editor-form-field,[data-editor-form] .rjsf .form-group{margin:0 0 14px;min-width:0}\n[data-editor-form] .editor-form-field>label,[data-editor-form] .rjsf .control-label{display:block;font-size:13px;font-weight:600;margin:0 0 6px;color:inherit}\n[data-editor-form] .required{color:var(--editor-accent);margin-left:3px}\n[data-editor-form] input:not([type=checkbox]):not([type=radio]),[data-editor-form] select,[data-editor-form] textarea{display:block;width:100%;min-height:38px;margin:0;padding:8px 11px;border:1px solid var(--editor-line);border-radius:7px;background:var(--block-editor-input,white);color:inherit;font:inherit;box-shadow:0 1px 2px #172b4d05}\n[data-editor-form] textarea{min-height:76px;resize:vertical}\n[data-editor-form] input:focus-visible,[data-editor-form] select:focus-visible,[data-editor-form] textarea:focus-visible,[data-editor-form] button:focus-visible,[data-editor-form] summary:focus-visible{outline:2px solid var(--editor-accent);outline-offset:2px}\n[data-editor-form] input[readonly]{background:var(--block-editor-subtle,var(--block-editor-background,#f5f7fb));color:var(--editor-muted)}\n[data-editor-form] input[type=checkbox]{width:17px;height:17px;margin:0;accent-color:var(--editor-accent)}\n[data-editor-form] .editor-form-field>label.editor-form-toggle,[data-editor-form] .rjsf .checkbox>label{display:flex;align-items:center;gap:8px;font-weight:500;margin:8px 0}\n[data-editor-form] button{font:inherit;cursor:pointer;border:1px solid var(--editor-line);border-radius:6px;background:var(--block-editor-input,white);color:inherit;padding:6px 10px;margin:0}\n[data-editor-form] button:disabled{cursor:default;opacity:.5}\n[data-editor-form] .editor-form-hint,[data-editor-form] .editor-form-help{color:var(--editor-muted);font-size:12px;line-height:1.5;margin:5px 0 10px}\n[data-editor-form] .editor-form-help>summary{display:list-item;list-style:disclosure-closed inside;cursor:pointer;width:fit-content;font-weight:500}\n[data-editor-form] .editor-form-help[open]>summary{list-style-type:disclosure-open}\n[data-editor-form] .editor-form-help p{margin:8px 0}\n[data-editor-form] .block-editor-layout-tabs>[role=tablist]{display:flex;gap:4px;flex-wrap:wrap;padding:5px;background:var(--block-editor-subtle,var(--block-editor-background,#f1f4f9));border:1px solid var(--editor-line);border-radius:9px;margin:4px 0 20px}\n[data-editor-form] .block-editor-layout-tabs>[role=tablist]>button{border:0;border-radius:6px;background:transparent;color:var(--editor-muted);padding:8px 18px;margin:0;font-weight:550;text-decoration:none;min-width:76px}\n[data-editor-form] .block-editor-layout-tabs>[role=tablist]>[aria-selected=true]{background:var(--block-editor-input,white);color:var(--editor-accent);box-shadow:0 1px 4px #1d30431a}\n[data-editor-form] .editor-form-error-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;margin-left:7px;padding:0 5px;border-radius:10px;background:#fff0f0;color:#b53d45;font-size:11px}\n[data-editor-form] fieldset.block-editor-layout-group{border:1px solid var(--editor-line);border-radius:10px;padding:16px 18px 4px;margin:0 0 18px;background:var(--block-editor-background,white)}\n[data-editor-form] fieldset.block-editor-layout-group>legend{padding:0 6px;font-size:13px;font-weight:650}\n[data-editor-form] .block-editor-layout-grid{display:grid;gap:0 18px;grid-template-columns:repeat(var(--editor-columns),minmax(0,1fr));align-items:start}\n[data-editor-form] .block-editor-layout-grid>*{min-width:0}\n[data-editor-form] .block-editor-layout-tabs>[hidden]{display:none!important}\n[data-editor-form] .editor-form-toolbar{display:flex;align-items:start;justify-content:space-between;gap:12px;margin:0 0 18px;padding-bottom:14px;border-bottom:1px solid var(--editor-line)}\n[data-editor-form] .editor-form-modes{display:flex;gap:3px;border:1px solid var(--editor-line);border-radius:8px;padding:3px;background:var(--block-editor-subtle,var(--block-editor-background,#f1f4f9))}\n[data-editor-form] .editor-form-modes>button{border:0;border-radius:5px;padding:5px 14px;background:transparent;color:var(--editor-muted);margin:0}\n[data-editor-form] .editor-form-modes>[aria-pressed=true]{background:var(--block-editor-input,white);color:var(--editor-accent);box-shadow:0 1px 3px #1d30431a}\n[data-editor-form] .editor-form-tools{font-size:12px;color:var(--editor-muted);margin:0 0 12px}\n[data-editor-form] .editor-form-tools>summary{cursor:pointer;padding:5px 0;list-style-position:inside}\n[data-editor-form] .editor-form-tools[open]{padding:10px 12px;border:1px solid var(--editor-line);border-radius:8px;background:var(--block-editor-subtle,var(--block-editor-background,#f7f9fc))}\n[data-editor-form] .editor-form-tools button{border:1px solid var(--editor-line);border-radius:6px;background:var(--block-editor-input,white);padding:5px 9px;margin:5px 5px 5px 0;color:inherit}\n[data-editor-form] .editor-form-tools label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:5px 0}\n[data-editor-form] .editor-form-invalid{font-size:12px;color:#b53d45;margin:5px 0}\n[data-editor-form] [data-source-error=true]>input,[data-editor-form] [data-source-error=true]>textarea{border-color:#b53d45}\n[data-editor-form] .editor-form-array-item{display:flex;align-items:start;gap:10px}\n[data-editor-form] .editor-form-array-item>.editor-form-field{flex:1;min-width:0}\n@media(max-width:600px){[data-editor-form] .block-editor-layout-grid{grid-template-columns:minmax(0,1fr)}[data-editor-form] fieldset.block-editor-layout-group{padding:12px 12px 0}[data-editor-form] .block-editor-layout-tabs>[role=tablist]>button{padding:7px 12px;min-width:60px}[data-editor-form] .editor-form-toolbar{flex-wrap:wrap}}\n";
+export declare const formStyles = "\n[data-editor-form]{--editor-accent:var(--block-editor-accent,#426ad6);--editor-line:var(--block-editor-border,#dde3ed);--editor-muted:var(--block-editor-muted,var(--block-editor-text,#637086));color:var(--block-editor-text,#25334a);font:14px/1.5 system-ui,sans-serif;min-width:0}\n[data-editor-form] *,[data-editor-form] *:before,[data-editor-form] *:after{box-sizing:border-box}\n[data-editor-form] fieldset{min-width:0}\n[data-editor-form] fieldset.editor-form-binding,[data-editor-form] .editor-form-section,[data-editor-form] .rjsf fieldset{padding:0;border:0;margin:0 0 18px}\n[data-editor-form] .editor-form-section>legend,[data-editor-form] .rjsf fieldset>legend{font-size:15px;font-weight:650;padding:0;margin:0 0 10px;color:inherit}\n[data-editor-form] .editor-form-field,[data-editor-form] .rjsf .form-group{margin:0 0 14px;min-width:0}\n[data-editor-form] .editor-form-field>label,[data-editor-form] .rjsf .control-label{display:block;font-size:13px;font-weight:600;margin:0 0 6px;color:inherit}\n[data-editor-form] [data-block-editor-pair-row] label,[data-editor-form] .rjsf [data-block-editor-pair-row] .control-label{margin-bottom:0}\n[data-editor-form] .required{color:var(--editor-accent);margin-left:3px}\n[data-editor-form] input:not([type=checkbox]):not([type=radio]),[data-editor-form] select,[data-editor-form] textarea{display:block;width:100%;min-height:38px;margin:0;padding:8px 11px;border:1px solid var(--editor-line);border-radius:7px;background:var(--block-editor-input,white);color:inherit;font:inherit;box-shadow:0 1px 2px #172b4d05}\n[data-editor-form] textarea{min-height:76px;resize:vertical}\n[data-editor-form] input:not([type=checkbox]):not([type=radio])[data-block-editor-invalid=\"true\"],[data-editor-form] select[data-block-editor-invalid=\"true\"],[data-editor-form] textarea[data-block-editor-invalid=\"true\"]{border-color:var(--block-editor-error-border,#c62828);box-shadow:0 0 0 1px var(--block-editor-error-border,#c62828);background:linear-gradient(var(--block-editor-error-tint,rgba(198,40,40,0.08)),var(--block-editor-error-tint,rgba(198,40,40,0.08))),var(--block-editor-input,white)}\n[data-editor-form] input:focus-visible,[data-editor-form] select:focus-visible,[data-editor-form] textarea:focus-visible,[data-editor-form] button:focus-visible,[data-editor-form] summary:focus-visible{outline:2px solid var(--editor-accent);outline-offset:2px}\n[data-editor-form] input[readonly]{background:var(--block-editor-subtle,var(--block-editor-background,#f5f7fb));color:var(--editor-muted)}\n[data-editor-form] input[type=checkbox]{width:17px;height:17px;margin:0;accent-color:var(--editor-accent)}\n[data-editor-form] .editor-form-field>label.editor-form-toggle,[data-editor-form] .rjsf .checkbox>label{display:flex;align-items:center;gap:8px;font-weight:500;margin:8px 0}\n[data-editor-form] button{font:inherit;cursor:pointer;border:1px solid var(--editor-line);border-radius:6px;background:var(--block-editor-input,white);color:inherit;padding:6px 10px;margin:0}\n[data-editor-form] button:disabled{cursor:default;opacity:.5}\n[data-editor-form] .editor-form-hint,[data-editor-form] .editor-form-help{color:var(--editor-muted);font-size:12px;line-height:1.5;margin:5px 0 10px}\n[data-editor-form] .editor-form-help>summary{display:list-item;list-style:disclosure-closed inside;cursor:pointer;width:fit-content;font-weight:500}\n[data-editor-form] .editor-form-help[open]>summary{list-style-type:disclosure-open}\n[data-editor-form] .editor-form-help p{margin:8px 0}\n[data-editor-form] .block-editor-layout-tabs>[role=tablist]{display:flex;gap:4px;flex-wrap:wrap;padding:5px;background:var(--block-editor-subtle,var(--block-editor-background,#f1f4f9));border:1px solid var(--editor-line);border-radius:9px;margin:4px 0 20px}\n[data-editor-form] .block-editor-layout-tabs>[role=tablist]>button{border:0;border-radius:6px;background:transparent;color:var(--editor-muted);padding:8px 18px;margin:0;font-weight:550;text-decoration:none;min-width:76px}\n[data-editor-form] .block-editor-layout-tabs>[role=tablist]>[aria-selected=true]{background:var(--block-editor-input,white);color:var(--editor-accent);box-shadow:0 1px 4px #1d30431a}\n[data-editor-form] .editor-form-error-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;margin-left:7px;padding:0 5px;border-radius:10px;background:#fff0f0;color:#b53d45;font-size:11px}\n[data-editor-form] fieldset.block-editor-layout-group{border:1px solid var(--editor-line);border-radius:10px;padding:16px 18px 4px;margin:0 0 18px;background:var(--block-editor-background,white)}\n[data-editor-form] fieldset.block-editor-layout-group>legend{padding:0 6px;font-size:13px;font-weight:650}\n[data-editor-form] .block-editor-layout-grid{display:grid;gap:0 18px;grid-template-columns:repeat(var(--editor-columns),minmax(0,1fr));align-items:start}\n[data-editor-form] .block-editor-layout-grid>*{min-width:0}\n[data-editor-form] .block-editor-layout-tabs>[hidden]{display:none!important}\n[data-editor-form] .editor-form-toolbar{display:flex;align-items:start;justify-content:space-between;gap:12px;margin:0 0 18px;padding-bottom:14px;border-bottom:1px solid var(--editor-line)}\n[data-editor-form] .editor-form-modes{display:flex;gap:3px;border:1px solid var(--editor-line);border-radius:8px;padding:3px;background:var(--block-editor-subtle,var(--block-editor-background,#f1f4f9))}\n[data-editor-form] .editor-form-modes>button{border:0;border-radius:5px;padding:5px 14px;background:transparent;color:var(--editor-muted);margin:0}\n[data-editor-form] .editor-form-modes>[aria-pressed=true]{background:var(--block-editor-input,white);color:var(--editor-accent);box-shadow:0 1px 3px #1d30431a}\n[data-editor-form] .editor-form-tools{font-size:12px;color:var(--editor-muted);margin:0 0 12px}\n[data-editor-form] .editor-form-tools>summary{cursor:pointer;padding:5px 0;list-style-position:inside}\n[data-editor-form] .editor-form-tools[open]{padding:10px 12px;border:1px solid var(--editor-line);border-radius:8px;background:var(--block-editor-subtle,var(--block-editor-background,#f7f9fc))}\n[data-editor-form] .editor-form-tools button{border:1px solid var(--editor-line);border-radius:6px;background:var(--block-editor-input,white);padding:5px 9px;margin:5px 5px 5px 0;color:inherit}\n[data-editor-form] .editor-form-tools label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:5px 0}\n[data-editor-form] .editor-form-invalid{font-size:12px;color:#b53d45;margin:5px 0}\n[data-editor-form] [data-source-error=true]>input,[data-editor-form] [data-source-error=true]>textarea{border-color:#b53d45}\n[data-editor-form] .editor-form-array-item{display:flex;align-items:start;gap:10px}\n[data-editor-form] .editor-form-array-item>.editor-form-field{flex:1;min-width:0}\n@media(max-width:600px){[data-editor-form] .block-editor-layout-grid{grid-template-columns:minmax(0,1fr)}[data-editor-form] fieldset.block-editor-layout-group{padding:12px 12px 0}[data-editor-form] .block-editor-layout-tabs>[role=tablist]>button{padding:7px 12px;min-width:60px}[data-editor-form] .editor-form-toolbar{flex-wrap:wrap}}\n";

package/dist/form-presentation.js

@@ -23,9 +23,11 @@ export const formStyles = `
 [data-editor-form] .editor-form-section>legend,[data-editor-form] .rjsf fieldset>legend{font-size:15px;font-weight:650;padding:0;margin:0 0 10px;color:inherit}
 [data-editor-form] .editor-form-field,[data-editor-form] .rjsf .form-group{margin:0 0 14px;min-width:0}
 [data-editor-form] .editor-form-field>label,[data-editor-form] .rjsf .control-label{display:block;font-size:13px;font-weight:600;margin:0 0 6px;color:inherit}
+[data-editor-form] [data-block-editor-pair-row] label,[data-editor-form] .rjsf [data-block-editor-pair-row] .control-label{margin-bottom:0}
 [data-editor-form] .required{color:var(--editor-accent);margin-left:3px}
 [data-editor-form] input:not([type=checkbox]):not([type=radio]),[data-editor-form] select,[data-editor-form] textarea{display:block;width:100%;min-height:38px;margin:0;padding:8px 11px;border:1px solid var(--editor-line);border-radius:7px;background:var(--block-editor-input,white);color:inherit;font:inherit;box-shadow:0 1px 2px #172b4d05}
 [data-editor-form] textarea{min-height:76px;resize:vertical}
+[data-editor-form] input:not([type=checkbox]):not([type=radio])[data-block-editor-invalid="true"],[data-editor-form] select[data-block-editor-invalid="true"],[data-editor-form] textarea[data-block-editor-invalid="true"]{border-color:var(--block-editor-error-border,#c62828);box-shadow:0 0 0 1px var(--block-editor-error-border,#c62828);background:linear-gradient(var(--block-editor-error-tint,rgba(198,40,40,0.08)),var(--block-editor-error-tint,rgba(198,40,40,0.08))),var(--block-editor-input,white)}
 [data-editor-form] input:focus-visible,[data-editor-form] select:focus-visible,[data-editor-form] textarea:focus-visible,[data-editor-form] button:focus-visible,[data-editor-form] summary:focus-visible{outline:2px solid var(--editor-accent);outline-offset:2px}
 [data-editor-form] input[readonly]{background:var(--block-editor-subtle,var(--block-editor-background,#f5f7fb));color:var(--editor-muted)}
 [data-editor-form] input[type=checkbox]{width:17px;height:17px;margin:0;accent-color:var(--editor-accent)}

package/dist/react.js

@@ -197,6 +197,9 @@ export class BlockEditorDialog extends React.Component {
                 this.stopFieldErrors = bindBlockEditorFieldErrors(this.body);
             if (typeof this.props.session.getNodes !== 'function')
                 this.unmountBody = this.props.session.mount(this.body);
+            // Mounting the body validates what it shows without notifying; read the result, or Save stays enabled
+            // for a form that opened invalid.
+            this.setState(this.props.session.getState());
             // The modal establishes its focus scope after creating the portal.
             this.focusFrame = requestAnimationFrame(() => {
                 if (!this.mounted)

package/dist/turbowarp/appearance.d.ts

@@ -1,7 +1,8 @@
-export default readBlockEditorAppearance;
-declare function readBlockEditorAppearance(block: any, ScratchBlocks: any, editableArguments: any): {
-    name: any;
-    colour: string;
-    tint: string;
-    iconURI: string;
+import type { NativeBlock, NativeScratchBlocks } from './native-types.js';
+declare const readBlockEditorAppearance: (block: NativeBlock | null, ScratchBlocks: NativeScratchBlocks, editableArguments?: readonly string[]) => {
+    name?: string;
+    colour?: string;
+    tint?: string;
+    iconURI?: string;
 };
+export default readBlockEditorAppearance;

package/dist/turbowarp/bridge.d.ts

@@ -1,22 +1,17 @@
-export default createBlockEditorBridge;
-declare function createBlockEditorBridge({ ScratchBlocks, workspace, vm, service, label, canOpen, onOpen, onError, descendants, fixedInputs }: {
-    ScratchBlocks: any;
-    workspace: any;
-    vm: any;
-    service: any;
-    label: any;
-    canOpen: any;
-    onOpen: any;
-    onError: any;
-    descendants?: boolean | undefined;
-    fixedInputs?: boolean | undefined;
-}): {
+import type { TurboWarpBlockEditorOptions } from '../turbowarp.js';
+import type { BlockEditorHost, BlockReference } from '../types.js';
+import type { EditorRegistry } from '../registry.js';
+declare const openBlockEditorSession: ({ registry, reference, host, descendants }: {
+    registry: EditorRegistry;
+    reference: BlockReference;
+    host: BlockEditorHost;
+    descendants: boolean;
+}) => import("../descendants.js").DescendantSession | import("../session.js").EditorSession | undefined;
+declare const createBlockEditorBridge: ({ ScratchBlocks: nativeBlocks, workspace: nativeWorkspace, vm: nativeVM, service, label, canOpen, onOpen, onError, descendants, fixedInputs }: TurboWarpBlockEditorOptions & {
+    onError(error: unknown): void;
+}) => {
     refresh: () => void;
     dispose: () => void;
 };
-export function openBlockEditorSession({ registry, reference, host, descendants }: {
-    registry: any;
-    reference: any;
-    host: any;
-    descendants: any;
-}): any;
+export default createBlockEditorBridge;
+export { openBlockEditorSession };

package/dist/turbowarp/bridge.js

@@ -17,7 +17,10 @@ const openBlockEditorSession = ({ registry, reference, host, descendants }) => {
     return descendants && supportsDescendantEditing(host) ?
         registry.openDescendants(reference, host) : registry.open(reference, host);
 };
-const createBlockEditorBridge = ({ ScratchBlocks, workspace, vm, service, label, canOpen, onOpen, onError, descendants = false, fixedInputs = false }) => {
+const createBlockEditorBridge = ({ ScratchBlocks: nativeBlocks, workspace: nativeWorkspace, vm: nativeVM, service, label, canOpen, onOpen, onError, descendants = false, fixedInputs = false }) => {
+    const ScratchBlocks = nativeBlocks;
+    const workspace = nativeWorkspace;
+    const vm = nativeVM;
     const host = createBlockEditorHost({ ScratchBlocks,
         workspace,
         vm,
@@ -40,7 +43,7 @@ const createBlockEditorBridge = ({ ScratchBlocks, workspace, vm, service, label,
         }
     };
     let disposed = false;
-    let timer = null;
+    let timer;
     let activeSession = null;
     let openingSnapshot = null;
     let openingFixedDeclaration = null;
@@ -49,7 +52,7 @@ const createBlockEditorBridge = ({ ScratchBlocks, workspace, vm, service, label,
         const session = activeSession;
         if (!session)
             return;
-        if (typeof session.invalidate === 'function') {
+        if ('invalidate' in session && typeof session.invalidate === 'function') {
             session.invalidate();
             return;
         }
@@ -61,42 +64,43 @@ const createBlockEditorBridge = ({ ScratchBlocks, workspace, vm, service, label,
             stopWaiting = session.subscribe(() => {
                 if (session.getState().status === 'saving')
                     return;
-                stopWaiting();
+                stopWaiting === null || stopWaiting === void 0 ? void 0 : stopWaiting();
                 stopWaiting = null;
                 session.dispose();
             });
         }
     };
     const checkSession = () => {
-        var _a;
+        var _a, _b;
         // The host owns rollback. Its synchronous transaction must retain the draft on failure.
         if (host.isCommitting())
             return;
         if (!activeSession || !openingSnapshot ||
             !['editing', 'saving'].includes(activeSession.getState().status))
             return;
-        const current = typeof activeSession.getNodes === 'function' ?
+        const current = 'getNodes' in activeSession ?
             host.descendants.readSubtree(activeSession.reference) : host.readBlock(activeSession.reference);
         if (openingFixedDeclaration) {
             // Same-target external edits conflict at save while the session retains its draft.
             // Project/target/registration replacement ends the session and drops that draft.
-            if (!current || ((_a = current.fixedContext) === null || _a === void 0 ? void 0 : _a.generation) !== openingSnapshot.fixedContext.generation ||
-                fixedDeclaration(service.registry, current) !== openingFixedDeclaration)
+            if (!current || (!('fixedContext' in current) || !('fixedContext' in openingSnapshot) ||
+                ((_a = current.fixedContext) === null || _a === void 0 ? void 0 : _a.generation) !== ((_b = openingSnapshot.fixedContext) === null || _b === void 0 ? void 0 : _b.generation)) ||
+                fixedDeclaration(service.registry, 'opcode' in current ? current : null) !== openingFixedDeclaration)
                 endSession();
             return;
         }
         if (!current || JSON.stringify(current) !== JSON.stringify(openingSnapshot))
             endSession();
     };
-    const available = block => {
+    const available = (block) => {
         if (disposed || !vm.editingTarget || !canOpen() || !service.registry.resolve(block.type))
             return false;
         const snapshot = host.readBlock({ targetId: vm.editingTarget.id, blockId: block.id });
         if (fixedDeclaration(service.registry, snapshot))
             return supportsFixedInputEditing(host);
-        return snapshot && Object.values(snapshot.arguments).every(slot => slot.kind === 'literal');
+        return snapshot !== null && Object.values(snapshot.arguments).every(slot => slot.kind === 'literal');
     };
-    const open = block => {
+    const open = (block) => {
         var _a, _b;
         clearHover();
         if (activeSession && ['editing', 'saving'].includes(activeSession.getState().status))
@@ -109,15 +113,15 @@ const createBlockEditorBridge = ({ ScratchBlocks, workspace, vm, service, label,
             if (session) {
                 ScratchBlocks.hideChaff();
                 activeSession = session;
-                openingSnapshot = typeof session.getNodes === 'function' ?
+                openingSnapshot = 'getNodes' in session ?
                     host.descendants.readSubtree(session.reference) : host.readBlock(session.reference);
-                openingFixedDeclaration = fixedDeclaration(service.registry, openingSnapshot) || null;
+                openingFixedDeclaration = fixedDeclaration(service.registry, openingSnapshot && 'opcode' in openingSnapshot ? openingSnapshot : null) || null;
                 const labels = {};
                 const appearances = Object.create(null);
                 const rootAppearance = readBlockEditorAppearance(block, ScratchBlocks, (_a = service.registry.resolve(block.type)) === null || _a === void 0 ? void 0 : _a.editableArguments);
                 appearances[reference.blockId] = rootAppearance;
                 labels[reference.blockId] = rootAppearance.name || block.type;
-                if (typeof session.getNodes === 'function') {
+                if ('getNodes' in session) {
                     for (const node of session.getNodes()) {
                         const source = workspace.getBlockById(node.reference.blockId);
                         const appearance = readBlockEditorAppearance(source, ScratchBlocks, (_b = service.registry.resolve(node.opcode)) === null || _b === void 0 ? void 0 : _b.editableArguments);
@@ -205,12 +209,13 @@ const createBlockEditorBridge = ({ ScratchBlocks, workspace, vm, service, label,
     const unregister = service.subscribe(() => {
         // Aggregate sessions observe relevant registry changes themselves.
         if (openingFixedDeclaration && activeSession) {
-            if (service.registry.resolveFixed(openingSnapshot.opcode) !== openingFixedDeclaration) {
+            if (openingSnapshot && 'opcode' in openingSnapshot &&
+                service.registry.resolveFixed(openingSnapshot.opcode) !== openingFixedDeclaration) {
                 host.invalidate();
                 endSession();
             }
         }
-        else if (!activeSession || typeof activeSession.getNodes !== 'function') {
+        else if (!activeSession || !('getNodes' in activeSession)) {
             host.invalidate();
             endSession();
         }

package/dist/turbowarp/error-session.d.ts

@@ -1,18 +1,4 @@
+import type { BlockReference } from '../types.js';
+import type { BlockEditorFailureSession } from '../turbowarp.js';
+declare const createBlockEditorErrorSession: (reference: BlockReference, error: unknown) => BlockEditorFailureSession;
 export default createBlockEditorErrorSession;
-declare function createBlockEditorErrorSession(reference: any, error: any): Readonly<{
-    reference: any;
-    getState: () => {
-        status: string;
-        canSave: boolean;
-        issues: never[];
-        error: any;
-    };
-    subscribe: (listener: any) => () => boolean;
-    mount: () => () => void;
-    save: () => Promise<{
-        status: string;
-        error: any;
-    }>;
-    cancel: () => boolean;
-    dispose: () => true;
-}>;

package/dist/turbowarp/error-session.js

@@ -2,7 +2,7 @@
 const createBlockEditorErrorSession = (reference, error) => {
     let status = 'editing';
     const listeners = new Set();
-    const finish = next => {
+    const finish = (next) => {
         if (status !== 'editing')
             return false;
         status = next;
@@ -14,7 +14,7 @@ const createBlockEditorErrorSession = (reference, error) => {
     return Object.freeze({
         reference,
         getState: () => ({ status, canSave: false, issues: [], error }),
-        subscribe: listener => {
+        subscribe: (listener) => {
             listeners.add(listener);
             return () => listeners.delete(listener);
         },

package/dist/turbowarp/fixed-fields.d.ts

@@ -1,82 +1,67 @@
+import type { FixedInputMetadata } from '../fixed-input-types.js';
+import type { ArgumentSlot } from '../types.js';
+import type { Identify, NativeBlock, NativeField, NativeFieldClass, NativeScratchBlocks, NativeTarget, VMBlock } from './native-types.js';
+export interface FieldBinding {
+    block: NativeBlock;
+    field: NativeField;
+    fieldName: string;
+    value: string;
+    vmBlock: VMBlock;
+    kind: 'text' | 'number' | 'menu' | 'color';
+    Class: NativeFieldClass;
+    prototype: object;
+    allowedValues: readonly string[] | null | undefined;
+    restoreValue: NativeField['setValue'];
+    rawState: PropertyState[];
+    restoreHandles(): void;
+    restoreDom(): void;
+    restoreState?: ReturnType<typeof colorState>;
+}
+interface Inspection {
+    slot: ArgumentSlot;
+    metadata: FixedInputMetadata;
+    signatureParts: unknown[];
+    binding?: FieldBinding;
+}
+type PropertyState = [name: string, descriptor: PropertyDescriptor | undefined];
 /** Freeze native method identities once when the host attaches, before opening editors. */
-export function initializeFixedFields(ScratchBlocks: any): void;
+export declare function initializeFixedFields(ScratchBlocks: NativeScratchBlocks): void;
+declare const colorState: (block: NativeBlock, field: NativeField) => {
+    colors: unknown[];
+    hsv: unknown[][];
+    blockProperties: PropertyState[];
+};
 /** Native objects stay local; only primitive metadata is returned in snapshots. */
-export function inspectFixedArgument({ ScratchBlocks, block, vmBlock, target, argument, role, identify, extensionId }: {
-    ScratchBlocks: any;
-    block: any;
-    vmBlock: any;
-    target: any;
-    argument: any;
-    role: any;
-    identify: any;
-    extensionId: any;
-}): {
-    slot: {
-        kind: string;
-        value: string | number | boolean;
-    } | {
-        kind: string;
-        value?: never;
-    };
-    metadata: {
-        role: any;
-        source: any;
-        identity: string;
-        reason: any;
-    };
-    signatureParts: any[];
-} | {
-    slot: {
-        kind: string;
-        value?: never;
-    };
-    metadata: {
-        role: any;
-        source: string;
-        identity: string;
-        field?: never;
-    };
-    signatureParts: any[];
-} | {
-    signatureParts: any[];
-    binding?: {
-        restoreState?: {
-            colors: any[];
-            hsv: any[][];
-            blockProperties: any;
-        };
-        block: any;
-        field: any;
-        fieldName: any;
-        value: string;
-        vmBlock: any;
-        kind: string;
-        Class: any;
-        prototype: any;
-        allowedValues: readonly string[] | null | undefined;
-        restoreValue: any;
-        rawState: any;
-        restoreHandles: any;
-        restoreDom: any;
-    };
-    slot: {
-        kind: string;
-        value: string | number;
-    };
-    metadata: {
-        role: any;
-        source: string;
-        identity: string;
-        field: {
-            blockId: any;
-            name: any;
-            type: string | undefined;
-        };
-    };
-} | null;
+export declare function inspectFixedArgument({ ScratchBlocks, block, vmBlock, target, argument, role, identify, extensionId }: {
+    ScratchBlocks: NativeScratchBlocks;
+    block: NativeBlock;
+    vmBlock: VMBlock;
+    target: NativeTarget;
+    argument: string;
+    role: FixedInputMetadata['role'];
+    identify: Identify;
+    extensionId: string;
+}): Inspection | null;
 /** Validate the exact saved primitive; native setters must not silently normalize it. */
-export function prepareFixedChange(binding: any, value: any): any;
+export declare function prepareFixedChange(binding: FieldBinding, value: unknown): {
+    next: string;
+    block: NativeBlock;
+    field: NativeField;
+    fieldName: string;
+    value: string;
+    vmBlock: VMBlock;
+    kind: "text" | "number" | "menu" | "color";
+    Class: NativeFieldClass;
+    prototype: object;
+    allowedValues: readonly string[] | null | undefined;
+    restoreValue: NativeField["setValue"];
+    rawState: PropertyState[];
+    restoreHandles(): void;
+    restoreDom(): void;
+    restoreState?: ReturnType<typeof colorState>;
+};
 /** Capture a later external value without invoking replacement field methods. */
-export function captureFixedFieldState(binding: any): any;
+export declare function captureFixedFieldState(binding: FieldBinding): FieldBinding;
 /** Restore raw text and the standard color field's additional block/UI state. */
-export function restoreFixedField(binding: any): void;
+export declare function restoreFixedField(binding: FieldBinding): void;
+export {};

package/dist/turbowarp/fixed-fields.js

@@ -3,7 +3,7 @@ const own = (object, key) => {
     const descriptor = object && Object.getOwnPropertyDescriptor(object, key);
     return descriptor && 'value' in descriptor ? descriptor.value : undefined;
 };
-const primitive = value => typeof value === 'string' || typeof value === 'number' || typeof value === 'boolean';
+const primitive = (value) => typeof value === 'string' || typeof value === 'number' || typeof value === 'boolean';
 const token = /^-?(?:0|[1-9][0-9]*)(?:\.[0-9]+)?(?:[eE][+-]?[0-9]+)?$/u;
 // Inspect data properties without invoking custom field accessors or menu providers.
 const inherited = (object, name) => {
@@ -41,7 +41,7 @@ const safeField = (field, Class) => {
         if (currentPrototype !== entry.prototype)
             return false;
         for (const [name, expected] of entry.own) {
-            const actual = Object.getOwnPropertyDescriptor(currentPrototype, name);
+            const actual = Object.getOwnPropertyDescriptor(entry.prototype, name);
             if (Boolean(actual) !== Boolean(expected) ||
                 (actual && (!('value' in actual) || !expected || !('value' in expected) || actual.value !== expected.value)))
                 return false;
@@ -71,7 +71,7 @@ const safeField = (field, Class) => {
     }
     return false;
 };
-const arrayData = value => {
+const arrayData = (value) => {
     if (!Array.isArray(value) || Object.getPrototypeOf(value) !== Array.prototype)
         return null;
     const result = [];
@@ -83,7 +83,7 @@ const arrayData = value => {
     }
     return result;
 };
-const staticValues = field => {
+const staticValues = (field) => {
     const items = arrayData(own(field, 'menuGenerator_'));
     if (!items || items.length === 0)
         return null;
@@ -156,7 +156,7 @@ export function inspectFixedArgument({ ScratchBlocks, block, vmBlock, target, ar
         return { slot: { kind: 'reporter' }, metadata: { role, source: 'reporter', identity: JSON.stringify(sourceIdentity) },
             signatureParts: sourceIdentity };
     }
-    let owner = direct ? block : connected;
+    const owner = direct ? block : connected;
     if (!owner) {
         if (vmBlock.fields && owns(vmBlock.fields, argument))
             return null;
@@ -204,7 +204,7 @@ export function inspectFixedArgument({ ScratchBlocks, block, vmBlock, target, ar
             }
         if (names.length !== 1)
             return unavailable('unsupported', 'The menu shadow does not have one standard field.');
-        [name] = names;
+        name = names[0];
     }
     else
         return unavailable('unsupported', 'The shadow field family is unsupported.');

package/dist/turbowarp/fixed-transaction.d.ts

@@ -1,18 +1,23 @@
-export default function createFixedInputPort({ ScratchBlocks, workspace, vm, registry, identify, getState, begin, markEvent, finish, onError, subscribeScope }: {
-    ScratchBlocks: any;
-    workspace: any;
-    vm: any;
-    registry: any;
-    identify: any;
-    getState: any;
-    begin: any;
-    markEvent: any;
-    finish: any;
-    onError: any;
-    subscribeScope: any;
-}): Readonly<{
-    capability: "fixed-inputs-v1";
-    readBlock: (reference: any, declaration: any) => import("../fixed-input-types.js").FixedBlockSnapshot | null;
-    commit: (request: any) => void;
-    subscribeInvalidation: (reference: any, declaration: any, listener: any) => () => void;
-}>;
+import type { FixedInputEditorHost } from '../fixed-input-types.js';
+import type { EditorRegistry } from '../registry.js';
+import type { Identify, NativeChange, NativeScratchBlocks, NativeVM, NativeWorkspace } from './native-types.js';
+interface FixedPortOptions {
+    ScratchBlocks: NativeScratchBlocks;
+    workspace: NativeWorkspace;
+    vm: NativeVM;
+    registry: EditorRegistry;
+    identify: Identify;
+    getState(): {
+        disposed: boolean;
+        revision: number;
+        generation: number;
+        externalRevision: number;
+    };
+    begin(): void;
+    markEvent(event: NativeChange): void;
+    finish(succeeded: boolean): void;
+    onError(error: unknown): void;
+    subscribeScope(listener: () => void): () => void;
+}
+export default function createFixedInputPort({ ScratchBlocks, workspace, vm, registry, identify, getState, begin, markEvent, finish, onError, subscribeScope }: FixedPortOptions): FixedInputEditorHost;
+export {};