@webx-ui/module-blocks 0.16.2 → 0.16.3

package/dist/BlockEditorPage.d.ts

@@ -19,77 +19,10 @@ type __VLS_Props = {
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     base: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    templateEditor: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
-        modelValue?: string;
-    } & import('@webx-ui/core').CodeEditorProps> & Readonly<{
-        onChange?: ((value: string) => any) | undefined;
-        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-        onBlur?: (() => any) | undefined;
-        onFocus?: (() => any) | undefined;
-        onLint?: ((diagnostics: import('@webx-ui/core').CodeEditorDiagnostic[]) => any) | undefined;
-    }>, {
-        view: import('vue').ShallowRef<import('@codemirror/view').EditorView | null, import('@codemirror/view').EditorView | null>;
+    templateEditor: {
+        view: import('@codemirror/view').EditorView | null;
         focus: () => void | undefined;
         format: () => boolean;
-    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-        change: (value: string) => any;
-        "update:modelValue": (value: string) => any;
-        blur: () => any;
-        focus: () => any;
-        lint: (diagnostics: import('@webx-ui/core').CodeEditorDiagnostic[]) => any;
-    }, import('vue').PublicProps, {
-        size: import('@webx-ui/core').ControlSize;
-        disabled: boolean;
-        placeholder: string;
-        ariaLabel: string;
-        status: import('@webx-ui/core').ControlStatus;
-        id: string;
-        language: import('@webx-ui/core').CodeEditorLanguage;
-        readonly: boolean;
-        minHeight: string;
-        maxHeight: string;
-        lineNumbers: boolean;
-        lineWrapping: boolean;
-        tabSize: number;
-        lint: boolean;
-        extensions: import('@codemirror/state').Extension[];
-    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
-        host: HTMLDivElement;
-    }, any, import('vue').ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<{
-        modelValue?: string;
-    } & import('@webx-ui/core').CodeEditorProps> & Readonly<{
-        onChange?: ((value: string) => any) | undefined;
-        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-        onBlur?: (() => any) | undefined;
-        onFocus?: (() => any) | undefined;
-        onLint?: ((diagnostics: import('@webx-ui/core').CodeEditorDiagnostic[]) => any) | undefined;
-    }>, {
-        view: import('vue').ShallowRef<import('@codemirror/view').EditorView | null, import('@codemirror/view').EditorView | null>;
-        focus: () => void | undefined;
-        format: () => boolean;
-    }, {}, {}, {}, {
-        size: import('@webx-ui/core').ControlSize;
-        disabled: boolean;
-        placeholder: string;
-        ariaLabel: string;
-        status: import('@webx-ui/core').ControlStatus;
-        id: string;
-        language: import('@webx-ui/core').CodeEditorLanguage;
-        readonly: boolean;
-        minHeight: string;
-        maxHeight: string;
-        lineNumbers: boolean;
-        lineWrapping: boolean;
-        tabSize: number;
-        lint: boolean;
-        extensions: import('@codemirror/state').Extension[];
-    }> | null;
+    } | null;
 }, HTMLDivElement>;
 export default _default;

package/dist/BlockStage.d.ts

@@ -1,3 +1,4 @@
+import { BlockAssets } from './frame';
 /**
  * The block as it will stand on the site, at a chosen width: a desktop scaled down to fit the
  * column, a tablet or a phone at one to one.
@@ -12,6 +13,8 @@ type __VLS_Props = {
     styles: string;
     script?: string | null;
     runtime?: string | null;
+    /** What the widgets in the block load: a map's stylesheet and script. */
+    assets?: BlockAssets | null;
     /** The address of the stage page; null draws the block on a bare document. */
     stage?: string | null;
     loading?: boolean;
@@ -20,6 +23,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
     script: string | null;
     loading: boolean;
     runtime: string | null;
+    assets: BlockAssets | null;
     stage: string | null;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     box: HTMLDivElement;

package/dist/BlocksField.d.ts

@@ -36,8 +36,8 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
     allow: string[] | null;
     shortcodes: ShortcodeToken[] | null;
     disabled: boolean;
-    name: string;
     localized: boolean;
+    name: string;
     node: ScreenNode;
     max: number | null;
     context: RenderContext;
@@ -56,7 +56,7 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
         onEdit?: (() => any) | undefined;
         onSelect?: ((key: string | null) => any) | undefined;
     }>, {
-        replace: (key: string, html: string) => boolean;
+        replace: (key: string, html: string, assets?: import('./frame').BlockAssets | null) => boolean;
         refresh: () => void;
         open: () => boolean;
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -90,7 +90,7 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
         onEdit?: (() => any) | undefined;
         onSelect?: ((key: string | null) => any) | undefined;
     }>, {
-        replace: (key: string, html: string) => boolean;
+        replace: (key: string, html: string, assets?: import('./frame').BlockAssets | null) => boolean;
         refresh: () => void;
         open: () => boolean;
     }, {}, {}, {}, {

package/dist/BlocksPreview.d.ts

@@ -1,3 +1,4 @@
+import { BlockAssets } from './frame';
 /**
  * The page in an iframe, the way it will be: the same handler, the same view, the draft
  * laid over the columns. The whole page at desktop width, unless the bar is asked for a
@@ -25,8 +26,11 @@ type __VLS_Props = {
      */
     region?: string | null;
 };
-/** Swap one block's markup in place; false when the page has to be reloaded instead. */
-declare function replace(key: string, html: string): boolean;
+/**
+ * Swap one block's markup in place, with what its widgets load; false when the page has to be
+ * reloaded instead.
+ */
+declare function replace(key: string, html: string, assets?: BlockAssets | null): boolean;
 declare function refresh(): void;
 declare const _default: import('vue').DefineComponent<__VLS_Props, {
     replace: typeof replace;

package/dist/frame.d.ts

@@ -124,6 +124,22 @@ export declare function fillStage(doc: Document, input: {
  * there. Added as an element, since that is what makes a browser run it.
  */
 export declare function mountScript(doc: Document, script: string): void;
+/** What the widgets of a drawn block load: tags for `<head>` and for the end of `<body>`. */
+export interface BlockAssets {
+    head: string[];
+    body: string[];
+}
+/**
+ * Put what a block's widgets load into a page printed before the block was there — the
+ * stylesheet and the script of a map, the dialog of a form it opens. The server gathers them
+ * as it does for a whole page; a page gets each of them once, so what the page already has
+ * (the same address, the same id, the same inline style) is skipped.
+ *
+ * A stylesheet goes beside the widgets' stylesheets the page has, where the server puts them:
+ * under every theme layer, which restyles a widget by coming later. A script is made anew,
+ * since one parsed from markup never runs.
+ */
+export declare function addAssets(doc: Document, assets: BlockAssets | null | undefined): void;
 export interface StageInput {
     html: string;
     styles: string;
@@ -135,6 +151,8 @@ export interface StageInput {
     base?: string | null;
     /** Styles the site's layout would give the page: fonts, the ground colour. */
     frame?: string | null;
+    /** What the block's widgets load. */
+    assets?: BlockAssets | null;
 }
 /**
  * A whole document for the editor's stage: the block on its own, with its styles, its script

package/dist/index.d.ts

@@ -4,7 +4,8 @@ export { blocksMessages } from './messages';
 export { blocksFragmentKey, blocksPreviewKey, blocksTopKey, provideBlocksPreview, provideBlocksTop, useBlocksPreview, type BlocksFragmentHost, type BlocksPreview, type BlocksTop, } from './preview';
 export { cloneNode, countType, insertNode, isNode, isNodeList, locate, makeNode, newKey, removeNode, replaceList, swapNode, typesIn, updateValues, walk, type Located, } from './content';
 export { lintBlock, undeclared } from './lint';
-export { findRange, findRegion, frameRegion, highlightBlock, regionRect, replaceBlock, stageDocument, } from './frame';
+export { addAssets, findRange, findRegion, frameRegion, highlightBlock, regionRect, replaceBlock, stageDocument, } from './frame';
+export type { BlockAssets } from './frame';
 export { callTag, formSchema, kindOf } from './schema';
 export { default as WxBlocks } from './BlocksField';
 export { default as WxBlocksSiteBarTab } from './BlocksSiteBarTab';