mt-block-editor-block 1.1.18 → 1.3.0

package/React.d.ts

@@ -1,3 +1,3 @@
 declare const React: import(".").Map;
-declare const useState: any, useEffect: any, useRef: any, useCallback: any;
-export { React as default, useState, useEffect, useRef, useCallback };
+declare const useState: any, useEffect: any, useRef: any;
+export { React as default, useState, useEffect, useRef };

package/React.js

@@ -1,10 +1,9 @@
 "use strict";
 exports.__esModule = true;
-exports.useCallback = exports.useRef = exports.useEffect = exports.useState = exports["default"] = void 0;
+exports.useRef = exports.useEffect = exports.useState = exports["default"] = void 0;
 var React = window.MTBlockEditor.React;
 exports["default"] = React;
-var useState = React.useState, useEffect = React.useEffect, useRef = React.useRef, useCallback = React.useCallback;
+var useState = React.useState, useEffect = React.useEffect, useRef = React.useRef;
 exports.useState = useState;
 exports.useEffect = useEffect;
 exports.useRef = useRef;
-exports.useCallback = useCallback;

package/dist/Block.d.ts

@@ -0,0 +1,24 @@
+import { Editor } from "./index";
+export interface Metadata {
+    [key: string]: any;
+}
+export interface EditorOptions {
+    focus: boolean;
+    focusBlock?: boolean;
+    canRemove?: boolean;
+}
+export interface NewOptions {
+    editor: Editor;
+    event: Event;
+}
+export interface NewFromHtmlOptions {
+    html: string;
+    node: Element;
+    factory: any;
+    meta: Metadata;
+}
+export interface SerializeOptions {
+    editor: Editor;
+}
+declare const _default: typeof import("./index").Block;
+export default _default;

package/dist/Block.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = window.MTBlockEditor.Block;

package/dist/Component.d.ts

@@ -0,0 +1,2 @@
+declare const BlockIframePreview: any, BlockToolbar: any, BlockToolbarButton: any, BlockConfigPanel: any, BlockSetup: any, BlockSetupCommon: any, BlockLabel: any, EditorMode: any, Dialog: any, DialogHeader: any, DialogBody: any, DialogFooter: any;
+export { BlockIframePreview, BlockToolbar, BlockToolbarButton, BlockConfigPanel, BlockSetup, BlockSetupCommon, BlockLabel, EditorMode, Dialog, DialogHeader, DialogBody, DialogFooter, };

package/dist/Component.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DialogFooter = exports.DialogBody = exports.DialogHeader = exports.Dialog = exports.EditorMode = exports.BlockLabel = exports.BlockSetupCommon = exports.BlockSetup = exports.BlockConfigPanel = exports.BlockToolbarButton = exports.BlockToolbar = exports.BlockIframePreview = void 0;
+var _a = window.MTBlockEditor.Component, BlockIframePreview = _a.BlockIframePreview, BlockToolbar = _a.BlockToolbar, BlockToolbarButton = _a.BlockToolbarButton, BlockConfigPanel = _a.BlockConfigPanel, BlockSetup = _a.BlockSetup, BlockSetupCommon = _a.BlockSetupCommon, BlockLabel = _a.BlockLabel, EditorMode = _a.EditorMode, Dialog = _a.Dialog, DialogHeader = _a.DialogHeader, DialogBody = _a.DialogBody, DialogFooter = _a.DialogFooter;
+exports.BlockIframePreview = BlockIframePreview;
+exports.BlockToolbar = BlockToolbar;
+exports.BlockToolbarButton = BlockToolbarButton;
+exports.BlockConfigPanel = BlockConfigPanel;
+exports.BlockSetup = BlockSetup;
+exports.BlockSetupCommon = BlockSetupCommon;
+exports.BlockLabel = BlockLabel;
+exports.EditorMode = EditorMode;
+exports.Dialog = Dialog;
+exports.DialogHeader = DialogHeader;
+exports.DialogBody = DialogBody;
+exports.DialogFooter = DialogFooter;

package/dist/Context.d.ts

@@ -0,0 +1,2 @@
+declare const EditorContext: any, useEditorContext: any, BlocksContext: any, useBlocksContext: any;
+export { EditorContext, useEditorContext, BlocksContext, useBlocksContext };

package/dist/Context.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useBlocksContext = exports.BlocksContext = exports.useEditorContext = exports.EditorContext = void 0;
+var _a = window.MTBlockEditor.Context, EditorContext = _a.EditorContext, useEditorContext = _a.useEditorContext, BlocksContext = _a.BlocksContext, useBlocksContext = _a.useBlocksContext;
+exports.EditorContext = EditorContext;
+exports.useEditorContext = useEditorContext;
+exports.BlocksContext = BlocksContext;
+exports.useBlocksContext = useBlocksContext;

package/dist/Hook.d.ts

@@ -0,0 +1,2 @@
+declare const useCommands: any;
+export { useCommands };

package/dist/Hook.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCommands = void 0;
+var useCommands = window.MTBlockEditor.Hook.useCommands;
+exports.useCommands = useCommands;

package/dist/React.d.ts

@@ -0,0 +1,3 @@
+declare const React: import(".").Map;
+declare const useState: any, useEffect: any, useRef: any, useCallback: any;
+export { React as default, useState, useEffect, useRef, useCallback };

package/dist/React.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCallback = exports.useRef = exports.useEffect = exports.useState = exports.default = void 0;
+var React = window.MTBlockEditor.React;
+exports.default = React;
+var useState = React.useState, useEffect = React.useEffect, useRef = React.useRef, useCallback = React.useCallback;
+exports.useState = useState;
+exports.useEffect = useEffect;
+exports.useRef = useRef;
+exports.useCallback = useCallback;

package/dist/decorator.d.ts

@@ -0,0 +1,2 @@
+declare const blockProperty: any;
+export { blockProperty };

package/dist/decorator.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.blockProperty = void 0;
+var blockProperty = window.MTBlockEditor.decorator.blockProperty;
+exports.blockProperty = blockProperty;

package/dist/i18n.d.ts

@@ -0,0 +1,2 @@
+declare const i18n: import("i18next").i18n;
+export default i18n;

package/dist/i18n.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var i18n = window.MTBlockEditor.i18n;
+exports.default = i18n;

package/dist/icon.d.ts

@@ -0,0 +1,2 @@
+declare const edit: any, link: any;
+export { edit, link };

package/dist/icon.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.link = exports.edit = void 0;
+var _a = window.MTBlockEditor.icon, edit = _a.edit, link = _a.link;
+exports.edit = edit;
+exports.link = link;

package/dist/index.d.ts

@@ -0,0 +1,166 @@
+import type { JSX } from "react";
+import type * as React from "react";
+import { i18n, InitOptions as InitOptionsI18n } from "i18next";
+
+interface Map {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  [key: string]: any;
+}
+
+export interface Metadata {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  [key: string]: any;
+}
+
+export interface EditorOptions {
+  id: string;
+  mode: string;
+  stylesheets: string[];
+  rootClassName?: string;
+  rootAttributes?: Record<string, string>;
+  panelBlockTypes?: string[];
+  shortcutBlockTypes?: string[];
+  block: Metadata;
+  i18n: InitOptionsI18n;
+}
+
+export interface BoilerplateBlockOptions {
+  typeId: string;
+  className: string;
+  rootBlock?: string | null;
+  label: string;
+  icon?: string;
+  iconString?: string;
+  html: string;
+  canRemoveBlock: boolean;
+  panelBlockTypes?: string[];
+  shortcutBlockTypes?: string[];
+  shouldBeCompiled: boolean;
+  previewHeader: string;
+}
+
+export interface SerializeOptions {
+  editor: Editor;
+}
+
+interface SetFocusedIdsOptions {
+  forceUpdate: boolean;
+}
+
+type SetFocusedIds = (ids: string[], opts?: SetFocusedIdsOptions) => void;
+
+interface EditorContextProps {
+  editor: Editor;
+  setFocusedIds: SetFocusedIds;
+  getFocusedIds: () => string[];
+}
+
+export interface EditHistoryHandlers {
+  id: symbol;
+  merge?: (a: EditHistory, b: EditHistory) => EditHistory | undefined | null;
+  undo: (history: EditHistory, props: EditorContextProps) => void;
+  redo: (history: EditHistory, props: EditorContextProps) => void;
+}
+
+export interface EditHistory {
+  block: Block;
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  data: any;
+  group?: number | undefined;
+  handlers: EditHistoryHandlers;
+}
+
+export class EditManager {
+  public unload(): void;
+  public canUndo(): boolean;
+  public canRedo(): boolean;
+  public add(history: EditHistory): void;
+  public undo(props: EditorContextProps, group?: number): void;
+  public redo(props: EditorContextProps, group?: number): void;
+  public generateGroup(): number;
+  public beginGrouping(): void;
+  public endGrouping(): void;
+}
+
+export class Editor {
+  public id: string;
+  public opts: EditorOptions;
+  public serialize(): Promise<void>;
+  public editManager: EditManager;
+
+  /** Definitions from eventemitter */
+  static prefixed: string | boolean;
+  public eventNames(): any;
+  public listeners(event: any): any[];
+  public listenerCount(event: any): number;
+  public emit(event: any, ...args: any): boolean;
+  public on(event: any, fn: any, context?: any): this;
+  public addListener(event: any, fn: any, context?: any): this;
+  public once(event: any, fn: any, context?: any): this;
+  public removeListener(
+    event: any,
+    fn?: any,
+    context?: any,
+    once?: boolean
+  ): this;
+  public off(event: any, fn?: any, context?: any, once?: boolean): this;
+  public removeAllListeners(event?: any): this;
+}
+
+export class Block {
+  public static typeId: string;
+  public static label: string;
+  public static icon: string;
+  public static selectable: boolean;
+  public static shouldBeCompiled: boolean;
+  public id: string;
+  public compiledHtml: string | undefined;
+  public placeholderLabel(): string;
+  public placeholder(): JSX.Element;
+  public metadata(): Metadata | null;
+  public metadataByOwnKeys(opts?: { keys?: string[] }): Metadata | null;
+  public keysForSetup(): string[];
+  public compile(opts: SerializeOptions): Promise<void>;
+}
+
+export class EditorUtil {
+  public static version: string;
+  public static i18n: i18n;
+  public static Component: Map;
+  public static decorator: Map;
+  public static icon: Map;
+  public static util: Map;
+  public static React: Map;
+  public static jsxRuntime: {
+    jsx: (type: any, props: any, key?: React.Key) => any;
+    jsxs: (type: any, props: any, key?: React.Key) => any;
+    jsxDEV?: (
+      type: any,
+      props: any,
+      key?: React.Key,
+      isStatic?: boolean,
+      source?: any,
+      self?: any
+    ) => any;
+    Fragment: typeof React.Fragment;
+  };
+  public static Context: Map;
+  public static Hook: Map;
+  public static Block: typeof Block;
+  public static apply(opts: EditorOptions): Promise<Editor>;
+  public static get({ id }: { id: string }): Editor | undefined;
+  public static unload({ id }: { id: string }): Promise<void>;
+  public static serialize(): Promise<void>;
+  public static registerBlockType(block: typeof Block): void;
+  public static createBoilerplateBlock(
+    opts: BoilerplateBlockOptions
+  ): typeof Block;
+  public static isSupportedEnvironment(): boolean;
+}
+
+declare global {
+  interface Window {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    MTBlockEditor: typeof EditorUtil;
+  }
+}

package/dist/jsx-dev-runtime.d.ts

@@ -0,0 +1,9 @@
+import type * as React from "react";
+export interface JSXSource {
+    fileName?: string | undefined;
+    lineNumber?: number | undefined;
+    columnNumber?: number | undefined;
+}
+export declare const jsxDEV: (type: React.ElementType, props: unknown, key: React.Key | undefined, isStatic: boolean, source?: JSXSource, self?: unknown) => React.ReactElement;
+export declare const Fragment: typeof React.Fragment;
+export type { JSX } from "react";

package/dist/jsx-dev-runtime.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Fragment = exports.jsxDEV = void 0;
+var jsxRuntime = window.MTBlockEditor.jsxRuntime;
+exports.jsxDEV = jsxRuntime.jsxDEV || jsxRuntime.jsx;
+exports.Fragment = jsxRuntime.Fragment;

package/dist/jsx-runtime.d.ts

@@ -0,0 +1,5 @@
+import type * as React from "react";
+export declare const jsx: (type: React.ElementType, props: unknown, key?: React.Key) => React.ReactElement;
+export declare const jsxs: (type: React.ElementType, props: unknown, key?: React.Key) => React.ReactElement;
+export declare const Fragment: typeof React.Fragment;
+export type { JSX } from "react";

package/dist/jsx-runtime.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Fragment = exports.jsxs = exports.jsx = void 0;
+var jsxRuntime = window.MTBlockEditor.jsxRuntime;
+exports.jsx = jsxRuntime.jsx;
+exports.jsxs = jsxRuntime.jsxs;
+exports.Fragment = jsxRuntime.Fragment;

package/dist/util.d.ts

@@ -0,0 +1,2 @@
+declare const nl2br: any, sanitize: any, isIos: any, isTouchDevice: any, focusIfIos: any;
+export { nl2br, sanitize, isIos, isTouchDevice, focusIfIos };

package/dist/util.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.focusIfIos = exports.isTouchDevice = exports.isIos = exports.sanitize = exports.nl2br = void 0;
+var _a = window.MTBlockEditor.util, nl2br = _a.nl2br, sanitize = _a.sanitize, isIos = _a.isIos, isTouchDevice = _a.isTouchDevice, focusIfIos = _a.focusIfIos;
+exports.nl2br = nl2br;
+exports.sanitize = sanitize;
+exports.isIos = isIos;
+exports.isTouchDevice = isTouchDevice;
+exports.focusIfIos = focusIfIos;

package/index.d.ts

@@ -41,16 +41,19 @@ export interface SerializeOptions {
   editor: Editor;
 }
 
-interface SetFocusedIdsOptions {
+interface SetFocusedIdOptions {
   forceUpdate: boolean;
 }
 
-type SetFocusedIds = (ids: string[], opts?: SetFocusedIdsOptions) => void;
+type SetFocusedId = (
+  id: string | null,
+  opts?: SetFocusedIdOptions
+) => void;
 
 interface EditorContextProps {
   editor: Editor;
-  setFocusedIds: SetFocusedIds;
-  getFocusedIds: () => string[];
+  setFocusedId: SetFocusedId;
+  getFocusedId: () => string | null;
 }
 
 export interface EditHistoryHandlers {
@@ -112,7 +115,7 @@ export class Block {
   public static selectable: boolean;
   public static shouldBeCompiled: boolean;
   public id: string;
-  public compiledHtml: string | undefined;
+  public compiledHtml: string;
   public placeholderLabel(): string;
   public placeholder(): JSX.Element;
   public metadata(): Metadata | null;

package/package.json

@@ -1,11 +1,61 @@
 {
   "name": "mt-block-editor-block",
-  "version": "1.1.18",
+  "version": "1.3.0",
   "description": "This package helps you define custom block types.",
-  "main": "index.js",
-  "types": "index.d.ts",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./Block": {
+      "types": "./dist/Block.d.ts",
+      "default": "./dist/Block.js"
+    },
+    "./Component": {
+      "types": "./dist/Component.d.ts",
+      "default": "./dist/Component.js"
+    },
+    "./Context": {
+      "types": "./dist/Context.d.ts",
+      "default": "./dist/Context.js"
+    },
+    "./decorator": {
+      "types": "./dist/decorator.d.ts",
+      "default": "./dist/decorator.js"
+    },
+    "./Hook": {
+      "types": "./dist/Hook.d.ts",
+      "default": "./dist/Hook.js"
+    },
+    "./i18n": {
+      "types": "./dist/i18n.d.ts",
+      "default": "./dist/i18n.js"
+    },
+    "./icon": {
+      "types": "./dist/icon.d.ts",
+      "default": "./dist/icon.js"
+    },
+    "./React": {
+      "types": "./dist/React.d.ts",
+      "default": "./dist/React.js"
+    },
+    "./util": {
+      "types": "./dist/util.d.ts",
+      "default": "./dist/util.js"
+    },
+    "./jsx-runtime": {
+      "types": "./dist/jsx-runtime.d.ts",
+      "default": "./dist/jsx-runtime.js"
+    },
+    "./jsx-dev-runtime": {
+      "types": "./dist/jsx-dev-runtime.d.ts",
+      "default": "./dist/jsx-dev-runtime.js"
+    }
+  },
   "scripts": {
-    "build": "rimraf dist && tsc -d src/*.ts --outDir dist && cpy \"./src/index.d.ts\" \"./dist/*\" ./",
+    "build": "rimraf dist && tsc -d src/*.ts --outDir dist --lib esnext,dom && cpy \"./src/index.d.ts\" ./dist/ --flat",
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "author": "",
@@ -14,10 +64,10 @@
     "cpy": "^11.0.1",
     "cpy-cli": "^5.0.0",
     "rimraf": "^3.0.2",
-    "typescript": "^3.9.2"
+    "typescript": "^5.9.3"
   },
   "dependencies": {
     "@types/i18next": "^13.0.0",
-    "@types/react": "^16.9.53"
+    "@types/react": "^19.2.8"
   }
 }

package/src/index.d.ts

@@ -1,3 +1,5 @@
+import type { JSX } from "react";
+import type * as React from "react";
 import { i18n, InitOptions as InitOptionsI18n } from "i18next";
 
 interface Map {
@@ -129,6 +131,19 @@ export class EditorUtil {
   public static icon: Map;
   public static util: Map;
   public static React: Map;
+  public static jsxRuntime: {
+    jsx: (type: any, props: any, key?: React.Key) => any;
+    jsxs: (type: any, props: any, key?: React.Key) => any;
+    jsxDEV?: (
+      type: any,
+      props: any,
+      key?: React.Key,
+      isStatic?: boolean,
+      source?: any,
+      self?: any
+    ) => any;
+    Fragment: typeof React.Fragment;
+  };
   public static Context: Map;
   public static Hook: Map;
   public static Block: typeof Block;

package/src/jsx-dev-runtime.ts

@@ -0,0 +1,22 @@
+import type * as React from "react";
+
+const jsxRuntime = window.MTBlockEditor.jsxRuntime;
+
+export interface JSXSource {
+  fileName?: string | undefined;
+  lineNumber?: number | undefined;
+  columnNumber?: number | undefined;
+}
+
+export const jsxDEV: (
+  type: React.ElementType,
+  props: unknown,
+  key: React.Key | undefined,
+  isStatic: boolean,
+  source?: JSXSource,
+  self?: unknown
+) => React.ReactElement = jsxRuntime.jsxDEV || jsxRuntime.jsx;
+
+export const Fragment: typeof React.Fragment = jsxRuntime.Fragment;
+
+export type { JSX } from "react";

package/src/jsx-runtime.ts

@@ -0,0 +1,19 @@
+import type * as React from "react";
+
+const jsxRuntime = window.MTBlockEditor.jsxRuntime;
+
+export const jsx: (
+  type: React.ElementType,
+  props: unknown,
+  key?: React.Key
+) => React.ReactElement = jsxRuntime.jsx;
+
+export const jsxs: (
+  type: React.ElementType,
+  props: unknown,
+  key?: React.Key
+) => React.ReactElement = jsxRuntime.jsxs;
+
+export const Fragment: typeof React.Fragment = jsxRuntime.Fragment;
+
+export type { JSX } from "react";