@cgboiler/biz-basic 1.0.25 → 1.0.26

package/es/index.d.ts

@@ -5,6 +5,6 @@ declare namespace _default {
 }
 export default _default;
 export function install(app: any): void;
-export const version: "1.0.24";
+export const version: "1.0.25";
 import RichTextEditor from './rich-text-editor';
 export { RichTextEditor };

package/es/index.js

@@ -1,5 +1,5 @@
 import RichTextEditor from "./rich-text-editor";
-const version = "1.0.24";
+const version = "1.0.25";
 function install(app) {
   const components = [
     RichTextEditor

package/es/rich-text-editor/useExtensions.d.ts

@@ -1,2 +1,2 @@
 import { Extension } from '@tiptap/core';
-export declare function useExtensions({ props, emit }: any): (import("@tiptap/core").Node<any, any> | Extension<import("@tiptap/starter-kit").StarterKitOptions, any> | import("@tiptap/core").Mark<import("@tiptap/extension-text-style").TextStyleOptions, any> | Extension<import("@tiptap/extension-text-style").ColorOptions, any> | Extension<import("tiptap-markdown").MarkdownOptions, import("tiptap-markdown").MarkdownStorage> | Extension<any, any> | import("@tiptap/core").Node<import("@tiptap/extension-image").ImageOptions, any> | Extension<import("@tiptap/extension-table").TableKitOptions, any> | Extension<import("@tiptap/extensions").PlaceholderOptions, any> | Extension<import("@tiptap/extension-list").ListKitOptions, any> | import("@tiptap/core").Node<import("@tiptap/extension-mention").MentionOptions<any, import("@tiptap/extension-mention").MentionNodeAttrs>, any>)[];
+export declare function useExtensions({ props, emit }: any): (import("@tiptap/core").Node<any, any> | Extension<import("@tiptap/starter-kit").StarterKitOptions, any> | Extension<any, any> | import("@tiptap/core").Mark<import("@tiptap/extension-text-style").TextStyleOptions, any> | Extension<import("@tiptap/extension-text-style").ColorOptions, any> | Extension<import("tiptap-markdown").MarkdownOptions, import("tiptap-markdown").MarkdownStorage> | import("@tiptap/core").Node<import("@tiptap/extension-image").ImageOptions, any> | Extension<import("@tiptap/extension-table").TableKitOptions, any> | Extension<import("@tiptap/extensions").PlaceholderOptions, any> | Extension<import("@tiptap/extension-list").ListKitOptions, any> | import("@tiptap/core").Node<import("@tiptap/extension-mention").MentionOptions<any, import("@tiptap/extension-mention").MentionNodeAttrs>, any>)[];

package/es/rich-text-editor/useExtensions.js

@@ -6,14 +6,56 @@ import Mention from "@tiptap/extension-mention";
 import { TextStyle } from "@tiptap/extension-text-style";
 import { Color } from "@tiptap/extension-color";
 import { Markdown } from "tiptap-markdown";
-import { Extension } from "@tiptap/core";
-import { InputRule } from "@tiptap/core";
+import { Extension, InputRule } from "@tiptap/core";
 import HtmlBlock from "./extensions/HtmlBlock";
 import { Placeholder } from "@tiptap/extensions";
 function useExtensions({ props, emit }) {
   const extensions = [
     StarterKit,
     HtmlBlock,
+    // Video input rule extension for !video(url) syntax
+    Extension.create({
+      name: "videoInputRule",
+      addInputRules() {
+        return [
+          new InputRule({
+            find: /!video\(([^)]+)\)\s/,
+            handler: ({ state, range, match, commands }) => {
+              const [, url] = match;
+              if (url) {
+                const html = `<video src="${url}" autoplay="" loop="" muted="" controls="" playsinline=""></video>`;
+                commands.deleteRange(range);
+                commands.insertContent({
+                  type: "htmlBlock",
+                  attrs: { html }
+                });
+              }
+            }
+          })
+        ];
+      }
+    }),
+    Extension.create({
+      name: "audioInputRule",
+      addInputRules() {
+        return [
+          new InputRule({
+            find: /!audio\(([^)]+)\)\s/,
+            handler: ({ state, range, match, commands }) => {
+              const [, url] = match;
+              if (url) {
+                const html = `<audio src="${url}" controls="" playsinline=""></audio>`;
+                commands.deleteRange(range);
+                commands.insertContent({
+                  type: "htmlBlock",
+                  attrs: { html }
+                });
+              }
+            }
+          })
+        ];
+      }
+    }),
     // TextStyle 是 Color 的依赖，必须添加
     TextStyle.configure({
       // 如果你还想支持其他 style 属性，可以在这里配置

package/lib/index.d.ts

@@ -5,6 +5,6 @@ declare namespace _default {
 }
 export default _default;
 export function install(app: any): void;
-export const version: "1.0.24";
+export const version: "1.0.25";
 import RichTextEditor from './rich-text-editor';
 export { RichTextEditor };

package/lib/index.js

@@ -36,7 +36,7 @@ __export(stdin_exports, {
 module.exports = __toCommonJS(stdin_exports);
 var import_rich_text_editor = __toESM(require("./rich-text-editor"));
 __reExport(stdin_exports, require("./rich-text-editor"), module.exports);
-const version = "1.0.24";
+const version = "1.0.25";
 function install(app) {
   const components = [
     import_rich_text_editor.default

package/lib/rich-text-editor/useExtensions.d.ts

@@ -1,2 +1,2 @@
 import { Extension } from '@tiptap/core';
-export declare function useExtensions({ props, emit }: any): (import("@tiptap/core").Node<any, any> | Extension<import("@tiptap/starter-kit").StarterKitOptions, any> | import("@tiptap/core").Mark<import("@tiptap/extension-text-style").TextStyleOptions, any> | Extension<import("@tiptap/extension-text-style").ColorOptions, any> | Extension<import("tiptap-markdown").MarkdownOptions, import("tiptap-markdown").MarkdownStorage> | Extension<any, any> | import("@tiptap/core").Node<import("@tiptap/extension-image").ImageOptions, any> | Extension<import("@tiptap/extension-table").TableKitOptions, any> | Extension<import("@tiptap/extensions").PlaceholderOptions, any> | Extension<import("@tiptap/extension-list").ListKitOptions, any> | import("@tiptap/core").Node<import("@tiptap/extension-mention").MentionOptions<any, import("@tiptap/extension-mention").MentionNodeAttrs>, any>)[];
+export declare function useExtensions({ props, emit }: any): (import("@tiptap/core").Node<any, any> | Extension<import("@tiptap/starter-kit").StarterKitOptions, any> | Extension<any, any> | import("@tiptap/core").Mark<import("@tiptap/extension-text-style").TextStyleOptions, any> | Extension<import("@tiptap/extension-text-style").ColorOptions, any> | Extension<import("tiptap-markdown").MarkdownOptions, import("tiptap-markdown").MarkdownStorage> | import("@tiptap/core").Node<import("@tiptap/extension-image").ImageOptions, any> | Extension<import("@tiptap/extension-table").TableKitOptions, any> | Extension<import("@tiptap/extensions").PlaceholderOptions, any> | Extension<import("@tiptap/extension-list").ListKitOptions, any> | import("@tiptap/core").Node<import("@tiptap/extension-mention").MentionOptions<any, import("@tiptap/extension-mention").MentionNodeAttrs>, any>)[];

package/lib/rich-text-editor/useExtensions.js

@@ -39,13 +39,55 @@ var import_extension_text_style = require("@tiptap/extension-text-style");
 var import_extension_color = require("@tiptap/extension-color");
 var import_tiptap_markdown = require("tiptap-markdown");
 var import_core = require("@tiptap/core");
-var import_core2 = require("@tiptap/core");
 var import_HtmlBlock = __toESM(require("./extensions/HtmlBlock"));
 var import_extensions = require("@tiptap/extensions");
 function useExtensions({ props, emit }) {
   const extensions = [
     import_starter_kit.default,
     import_HtmlBlock.default,
+    // Video input rule extension for !video(url) syntax
+    import_core.Extension.create({
+      name: "videoInputRule",
+      addInputRules() {
+        return [
+          new import_core.InputRule({
+            find: /!video\(([^)]+)\)\s/,
+            handler: ({ state, range, match, commands }) => {
+              const [, url] = match;
+              if (url) {
+                const html = `<video src="${url}" autoplay="" loop="" muted="" controls="" playsinline=""></video>`;
+                commands.deleteRange(range);
+                commands.insertContent({
+                  type: "htmlBlock",
+                  attrs: { html }
+                });
+              }
+            }
+          })
+        ];
+      }
+    }),
+    import_core.Extension.create({
+      name: "audioInputRule",
+      addInputRules() {
+        return [
+          new import_core.InputRule({
+            find: /!audio\(([^)]+)\)\s/,
+            handler: ({ state, range, match, commands }) => {
+              const [, url] = match;
+              if (url) {
+                const html = `<audio src="${url}" controls="" playsinline=""></audio>`;
+                commands.deleteRange(range);
+                commands.insertContent({
+                  type: "htmlBlock",
+                  attrs: { html }
+                });
+              }
+            }
+          })
+        ];
+      }
+    }),
     // TextStyle 是 Color 的依赖，必须添加
     import_extension_text_style.TextStyle.configure({
       // 如果你还想支持其他 style 属性，可以在这里配置
@@ -69,7 +111,7 @@ function useExtensions({ props, emit }) {
       name: "markdownLinkInputRule",
       addInputRules() {
         return [
-          new import_core2.InputRule({
+          new import_core.InputRule({
             find: /\[([^\]]+)\]\(([^\)]+)\)\s/,
             handler: ({ state, range, match, commands }) => {
               const [, text, href] = match;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cgboiler/biz-basic",
-  "version": "1.0.25",
+  "version": "1.0.26",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.js",