@ablogcms/wysiwyg-editor 3.2.27

package/README.md

@@ -0,0 +1,29 @@
+# @ablogcms/wysiwyg-editor
+
+Trumbowyg ベースの WYSIWYG エディタを提供するパッケージ。ローダー（trumbowyg 本体・プラグイン・
+CSS・日本語ロケールの読み込み）と、React から使うための `WysiwygEditor` コンポーネントをセットで
+収容する。`@ablogcms/lib/wysiwyg`（ローダー）と `@ablogcms/components/wysiwyg-editor`
+（コンポーネント）から切り出したもの。
+
+## 利用契約
+
+jQuery はグローバル前提（webpack の `externals: { jquery: 'jQuery' }` と同じ設計）で、
+このパッケージ自体は jquery/trumbowyg をランタイム依存として `dependencies` に含めない
+（`trumbowyg` は型宣言と CSS/プラグインのロードパスのためだけに参照する）。
+
+## 使い方
+
+```tsx
+import { WysiwygEditor } from '@ablogcms/wysiwyg-editor/wysiwyg-editor';
+
+<WysiwygEditor value={html} onChange={setHtml} />;
+```
+
+素の trumbowyg ローダーを直接呼びたい場合（動的 import での遅延ロード等）は次を使う。
+
+```ts
+const { default: initWysiwyg } = await import('@ablogcms/wysiwyg-editor/wysiwyg');
+initWysiwyg(textarea, config);
+```
+
+CSS import・jQuery プラグイン登録を伴う副作用パッケージのため、ルートバレル（`.`）は公開しない。

package/dist/chunk-R5Y7KGSC.mjs

@@ -0,0 +1,22 @@
+// src/wysiwyg.js
+import "trumbowyg";
+import "trumbowyg/dist/plugins/colors/trumbowyg.colors";
+import "trumbowyg/dist/plugins/fontsize/trumbowyg.fontsize";
+import "trumbowyg/dist/plugins/lineheight/trumbowyg.lineheight";
+import "trumbowyg/dist/plugins/table/trumbowyg.table";
+import "trumbowyg/dist/langs/ja";
+import "trumbowyg/dist/plugins/colors/ui/trumbowyg.colors.css";
+import "trumbowyg/dist/plugins/table/ui/trumbowyg.table.css";
+import "trumbowyg/dist/ui/trumbowyg.css";
+import "trumbowyg/dist/ui/icons.svg";
+var wysiwyg_default = (elm, config) => {
+  $(() => {
+    $.trumbowyg.svgPath = `${ACMS.Config.root}js/dest/assets/icons.svg`;
+    $(elm).trumbowyg(config);
+  });
+};
+
+export {
+  wysiwyg_default
+};
+//# sourceMappingURL=chunk-R5Y7KGSC.mjs.map

package/dist/chunk-R5Y7KGSC.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/wysiwyg.js"],"sourcesContent":["import 'trumbowyg';\nimport 'trumbowyg/dist/plugins/colors/trumbowyg.colors';\nimport 'trumbowyg/dist/plugins/fontsize/trumbowyg.fontsize';\nimport 'trumbowyg/dist/plugins/lineheight/trumbowyg.lineheight';\nimport 'trumbowyg/dist/plugins/table/trumbowyg.table';\nimport 'trumbowyg/dist/langs/ja';\n\nimport 'trumbowyg/dist/plugins/colors/ui/trumbowyg.colors.css';\nimport 'trumbowyg/dist/plugins/table/ui/trumbowyg.table.css';\nimport 'trumbowyg/dist/ui/trumbowyg.css';\nimport 'trumbowyg/dist/ui/icons.svg';\n\nexport default (elm, config) => {\n  $(() => {\n    $.trumbowyg.svgPath = `${ACMS.Config.root}js/dest/assets/icons.svg`;\n    $(elm).trumbowyg(config);\n  });\n};\n"],"mappings":";AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AAEP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AAEP,IAAO,kBAAQ,CAAC,KAAK,WAAW;AAC9B,IAAE,MAAM;AACN,MAAE,UAAU,UAAU,GAAG,KAAK,OAAO,IAAI;AACzC,MAAE,GAAG,EAAE,UAAU,MAAM;AAAA,EACzB,CAAC;AACH;","names":[]}

package/dist/wysiwyg-editor/index.d.ts

@@ -0,0 +1,4 @@
+import WysiwygEditor from './wysiwyg-editor.js';
+export { WysiwygEditor };
+export default WysiwygEditor;
+export * from './wysiwyg-editor.js';

package/dist/wysiwyg-editor/index.mjs

@@ -0,0 +1,184 @@
+import {
+  wysiwyg_default
+} from "../chunk-R5Y7KGSC.mjs";
+
+// src/wysiwyg-editor/wysiwyg-editor.tsx
+import { useEffect, useRef, useCallback, useImperativeHandle, forwardRef } from "react";
+import useEffectOnce from "@ablogcms/react-hooks/use-effect-once";
+import { jsx } from "react/jsx-runtime";
+var isRestAttributeKey = (key) => !key.startsWith("on") && key !== "style" && key !== "children" && key !== "dangerouslySetInnerHTML";
+var applyRestAttribute = (textarea, key, value) => {
+  if (!isRestAttributeKey(key) || value === void 0) {
+    return;
+  }
+  if (key.startsWith("aria-") && typeof value === "boolean") {
+    textarea.setAttribute(key, value ? "true" : "false");
+    return;
+  }
+  if (value === false || value === null) {
+    textarea.removeAttribute(key);
+    return;
+  }
+  if (value === true) {
+    textarea.setAttribute(key, "");
+    return;
+  }
+  textarea.setAttribute(key, String(value));
+};
+var WysiwygEditor = forwardRef(
+  ({
+    value = "",
+    onChange,
+    onBlur,
+    onFocus,
+    options = {},
+    disabled = false,
+    placeholder,
+    className = "",
+    id,
+    name,
+    required = false,
+    autoFocus = false,
+    readOnly = false,
+    ...rest
+  }, ref) => {
+    const containerRef = useRef(null);
+    const textareaRef = useRef(null);
+    const isInitializedRef = useRef(false);
+    const createTextarea = useCallback(() => {
+      if (!containerRef.current) {
+        return;
+      }
+      const existingTextarea = containerRef.current.querySelector("textarea");
+      if (existingTextarea) {
+        existingTextarea.remove();
+      }
+      const textarea = document.createElement("textarea");
+      textarea.className = className;
+      if (id) textarea.id = id;
+      if (name) textarea.name = name;
+      if (placeholder) textarea.placeholder = placeholder;
+      if (required) textarea.required = required;
+      if (autoFocus) textarea.autofocus = autoFocus;
+      if (readOnly) textarea.readOnly = readOnly;
+      Object.entries(rest).forEach(([key, attrValue]) => {
+        applyRestAttribute(textarea, key, attrValue);
+      });
+      if (value) {
+        textarea.value = value;
+      }
+      containerRef.current.appendChild(textarea);
+      textareaRef.current = textarea;
+      return textarea;
+    }, [id, name, placeholder, required, autoFocus, readOnly, value, className, rest]);
+    const initializeTrumbowyg = useCallback(() => {
+      if (!containerRef.current || isInitializedRef.current) return;
+      const textarea = createTextarea();
+      if (!textarea) return;
+      wysiwyg_default(textarea, options);
+      const $textarea = $(textarea);
+      $textarea.on("tbwchange", () => {
+        const html = $textarea.trumbowyg("html");
+        onChange?.(typeof html === "string" ? html : "");
+      });
+      $textarea.on("tbwblur", () => {
+        const html = $textarea.trumbowyg("html");
+        onBlur?.(typeof html === "string" ? html : "");
+      });
+      $textarea.on("tbwfocus", () => {
+        onFocus?.();
+      });
+      if (value) {
+        $textarea.trumbowyg("html", value);
+      }
+      if (disabled) {
+        $textarea.trumbowyg("disable");
+      }
+      isInitializedRef.current = true;
+    }, [value, onChange, onBlur, onFocus, disabled, options, createTextarea]);
+    const destroyTrumbowyg = useCallback(() => {
+      if (textareaRef.current && isInitializedRef.current) {
+        $(textareaRef.current).trumbowyg("destroy");
+        textareaRef.current = null;
+        isInitializedRef.current = false;
+      }
+    }, []);
+    useEffectOnce(() => {
+      initializeTrumbowyg();
+      return () => {
+        destroyTrumbowyg();
+      };
+    });
+    useEffect(() => {
+      if (isInitializedRef.current && textareaRef.current) {
+        const $textarea = $(textareaRef.current);
+        const currentHtml = $textarea.trumbowyg("html");
+        const currentHtmlString = typeof currentHtml === "string" ? currentHtml : "";
+        if (currentHtmlString !== value) {
+          $textarea.trumbowyg("html", value);
+        }
+      }
+    }, [value]);
+    useEffect(() => {
+      if (isInitializedRef.current && textareaRef.current) {
+        const $textarea = $(textareaRef.current);
+        if (disabled) {
+          $textarea.trumbowyg("disable");
+        } else {
+          $textarea.trumbowyg("enable");
+        }
+      }
+    }, [disabled]);
+    useImperativeHandle(
+      ref,
+      () => ({
+        getInstance: () => {
+          if (textareaRef.current && isInitializedRef.current) {
+            return $(textareaRef.current);
+          }
+          return null;
+        },
+        getHtml: () => {
+          if (textareaRef.current && isInitializedRef.current) {
+            const html = $(textareaRef.current).trumbowyg("html");
+            return typeof html === "string" ? html : "";
+          }
+          return "";
+        },
+        setHtml: (html) => {
+          if (textareaRef.current && isInitializedRef.current) {
+            $(textareaRef.current).trumbowyg("html", html);
+          }
+        },
+        empty: () => {
+          if (textareaRef.current && isInitializedRef.current) {
+            $(textareaRef.current).trumbowyg("empty");
+          }
+        },
+        destroy: destroyTrumbowyg,
+        disable: () => {
+          if (textareaRef.current && isInitializedRef.current) {
+            $(textareaRef.current).trumbowyg("disable");
+          }
+        },
+        enable: () => {
+          if (textareaRef.current && isInitializedRef.current) {
+            $(textareaRef.current).trumbowyg("enable");
+          }
+        }
+      }),
+      [destroyTrumbowyg]
+    );
+    return /* @__PURE__ */ jsx("div", { ref: containerRef });
+  }
+);
+WysiwygEditor.displayName = "WysiwygEditor";
+var wysiwyg_editor_default = WysiwygEditor;
+
+// src/wysiwyg-editor/index.ts
+var wysiwyg_editor_default2 = wysiwyg_editor_default;
+export {
+  wysiwyg_editor_default as WysiwygEditor,
+  wysiwyg_editor_default2 as default
+};
+//# sourceMappingURL=index.mjs.map

package/dist/wysiwyg-editor/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/wysiwyg-editor/wysiwyg-editor.tsx","../../src/wysiwyg-editor/index.ts"],"sourcesContent":["/// <reference types=\"jquery\" />\nimport { useEffect, useRef, useCallback, useImperativeHandle, forwardRef } from 'react';\n\n// Import existing wysiwyg function\nimport useEffectOnce from '@ablogcms/react-hooks/use-effect-once';\nimport initWysiwyg from '../wysiwyg';\n\nexport interface WysiwygEditorProps extends Omit<\n  React.TextareaHTMLAttributes<HTMLTextAreaElement>,\n  'value' | 'defaultValue' | 'onChange' | 'onBlur' | 'onFocus'\n> {\n  value?: string;\n  onChange?: (value: string) => void;\n  onBlur?: (value: string) => void;\n  onFocus?: () => void;\n  options?: Record<string, any>; // eslint-disable-line @typescript-eslint/no-explicit-any\n}\n\n// イベントハンドラ・style・children は setAttribute で関数/オブジェクトをそのまま表現できず、\n// 他の属性と同じ経路で丸ごと反映すると壊れるため対象から外す\nconst isRestAttributeKey = (key: string) =>\n  !key.startsWith('on') && key !== 'style' && key !== 'children' && key !== 'dangerouslySetInnerHTML';\n\n// aria-* は 'true'/'false' の文字列を持つトークン属性で、disabled 等の存在有無で真偽を表す\n// 素の HTML boolean 属性とは異なり false も明示的な値のため、他属性と同じ「false は除去」に寄せられない\nconst applyRestAttribute = (textarea: HTMLTextAreaElement, key: string, value: unknown) => {\n  if (!isRestAttributeKey(key) || value === undefined) {\n    return;\n  }\n  if (key.startsWith('aria-') && typeof value === 'boolean') {\n    textarea.setAttribute(key, value ? 'true' : 'false');\n    return;\n  }\n  if (value === false || value === null) {\n    textarea.removeAttribute(key);\n    return;\n  }\n  if (value === true) {\n    textarea.setAttribute(key, '');\n    return;\n  }\n  textarea.setAttribute(key, String(value));\n};\n\nexport interface WysiwygEditorRef {\n  getInstance: () => any; // eslint-disable-line @typescript-eslint/no-explicit-any\n  getHtml: () => string;\n  setHtml: (html: string) => void;\n  empty: () => void;\n  destroy: () => void;\n  disable: () => void;\n  enable: () => void;\n}\n\nconst WysiwygEditor = forwardRef<WysiwygEditorRef, WysiwygEditorProps>(\n  (\n    {\n      value = '',\n      onChange,\n      onBlur,\n      onFocus,\n      options = {},\n      disabled = false,\n      placeholder,\n      className = '',\n      id,\n      name,\n      required = false,\n      autoFocus = false,\n      readOnly = false,\n      ...rest\n    },\n    ref\n  ) => {\n    const containerRef = useRef<HTMLDivElement>(null);\n    const textareaRef = useRef<HTMLTextAreaElement | null>(null);\n    const isInitializedRef = useRef(false);\n\n    // Create textarea element via DOM manipulation\n    const createTextarea = useCallback(() => {\n      if (!containerRef.current) {\n        return;\n      }\n\n      // Remove existing textarea if any\n      const existingTextarea = containerRef.current.querySelector('textarea');\n      if (existingTextarea) {\n        existingTextarea.remove();\n      }\n\n      // Create new textarea element\n      const textarea = document.createElement('textarea');\n      textarea.className = className;\n\n      // Set attributes\n      if (id) textarea.id = id;\n      if (name) textarea.name = name;\n      if (placeholder) textarea.placeholder = placeholder;\n      if (required) textarea.required = required;\n      if (autoFocus) textarea.autofocus = autoFocus;\n      if (readOnly) textarea.readOnly = readOnly;\n\n      // Field 等が cloneElement で注入する aria-describedby/aria-invalid をはじめ、\n      // 明示的に受け取っていない残りの HTML 属性を反映する\n      Object.entries(rest).forEach(([key, attrValue]) => {\n        applyRestAttribute(textarea, key, attrValue);\n      });\n\n      // Set initial value\n      if (value) {\n        textarea.value = value;\n      }\n\n      // Append to container\n      containerRef.current.appendChild(textarea);\n      textareaRef.current = textarea;\n\n      return textarea;\n    }, [id, name, placeholder, required, autoFocus, readOnly, value, className, rest]);\n\n    // Initialize Trumbowyg using existing function\n    const initializeTrumbowyg = useCallback(() => {\n      if (!containerRef.current || isInitializedRef.current) return;\n\n      const textarea = createTextarea();\n      if (!textarea) return;\n\n      // Use existing wysiwyg function\n      initWysiwyg(textarea, options);\n\n      // Set up event listeners after initialization\n      const $textarea = $(textarea);\n\n      $textarea.on('tbwchange', () => {\n        // @ts-expect-error trumbowygの型定義がない\n        const html = $textarea.trumbowyg('html');\n        onChange?.(typeof html === 'string' ? html : '');\n      });\n\n      $textarea.on('tbwblur', () => {\n        // @ts-expect-error trumbowygの型定義がない\n        const html = $textarea.trumbowyg('html');\n        onBlur?.(typeof html === 'string' ? html : '');\n      });\n\n      $textarea.on('tbwfocus', () => {\n        onFocus?.();\n      });\n\n      // Set initial value after initialization\n      if (value) {\n        // @ts-expect-error trumbowygの型定義がない\n        $textarea.trumbowyg('html', value);\n      }\n\n      // Apply disabled state\n      if (disabled) {\n        // @ts-expect-error trumbowygの型定義がない\n        $textarea.trumbowyg('disable');\n      }\n\n      isInitializedRef.current = true;\n    }, [value, onChange, onBlur, onFocus, disabled, options, createTextarea]);\n\n    // Destroy Trumbowyg\n    const destroyTrumbowyg = useCallback(() => {\n      if (textareaRef.current && isInitializedRef.current) {\n        // @ts-expect-error trumbowygの型定義がない\n        $(textareaRef.current).trumbowyg('destroy');\n        textareaRef.current = null;\n        isInitializedRef.current = false;\n      }\n    }, []);\n\n    // Initialize on mount\n    useEffectOnce(() => {\n      initializeTrumbowyg();\n      return () => {\n        destroyTrumbowyg();\n      };\n    });\n\n    // Handle value changes\n    useEffect(() => {\n      if (isInitializedRef.current && textareaRef.current) {\n        const $textarea = $(textareaRef.current);\n        // @ts-expect-error trumbowygの型定義がない\n        const currentHtml = $textarea.trumbowyg('html');\n        const currentHtmlString = typeof currentHtml === 'string' ? currentHtml : '';\n        if (currentHtmlString !== value) {\n          // @ts-expect-error trumbowygの型定義がない\n          $textarea.trumbowyg('html', value);\n        }\n      }\n    }, [value]);\n\n    // Handle disabled state changes\n    useEffect(() => {\n      if (isInitializedRef.current && textareaRef.current) {\n        const $textarea = $(textareaRef.current);\n        if (disabled) {\n          // @ts-expect-error trumbowygの型定義がない\n          $textarea.trumbowyg('disable');\n        } else {\n          // @ts-expect-error trumbowygの型定義がない\n          $textarea.trumbowyg('enable');\n        }\n      }\n    }, [disabled]);\n\n    // textarea は Trumbowyg が非表示化し実際の編集面は別要素（contenteditable）に置き換わるため、\n    // DatePicker 等と違い実 DOM ノードを useMergeRefs でそのまま forwardedRef に混ぜても focus() 等が\n    // 意味を持たない。加えて textarea 自体を useEffectOnce（副作用フェーズ）内で生成しており、\n    // useImperativeHandle（レイアウトフェーズ）の初回実行時点ではまだ存在しないため合成も安全でない\n    useImperativeHandle(\n      ref,\n      () => ({\n        getInstance: () => {\n          if (textareaRef.current && isInitializedRef.current) {\n            return $(textareaRef.current) as any; // eslint-disable-line @typescript-eslint/no-explicit-any\n          }\n          return null;\n        },\n        getHtml: () => {\n          if (textareaRef.current && isInitializedRef.current) {\n            // @ts-expect-error trumbowygの型定義がない\n            const html = $(textareaRef.current).trumbowyg('html');\n            return typeof html === 'string' ? html : '';\n          }\n          return '';\n        },\n        setHtml: (html: string) => {\n          if (textareaRef.current && isInitializedRef.current) {\n            // @ts-expect-error trumbowygの型定義がない\n            $(textareaRef.current).trumbowyg('html', html);\n          }\n        },\n        empty: () => {\n          if (textareaRef.current && isInitializedRef.current) {\n            // @ts-expect-error trumbowygの型定義がない\n            $(textareaRef.current).trumbowyg('empty');\n          }\n        },\n        destroy: destroyTrumbowyg,\n        disable: () => {\n          if (textareaRef.current && isInitializedRef.current) {\n            // @ts-expect-error trumbowygの型定義がない\n            $(textareaRef.current).trumbowyg('disable');\n          }\n        },\n        enable: () => {\n          if (textareaRef.current && isInitializedRef.current) {\n            // @ts-expect-error trumbowygの型定義がない\n            $(textareaRef.current).trumbowyg('enable');\n          }\n        },\n      }),\n      [destroyTrumbowyg]\n    );\n\n    return <div ref={containerRef} />;\n  }\n);\n\nWysiwygEditor.displayName = 'WysiwygEditor';\n\nexport default WysiwygEditor;\n","import WysiwygEditor from './wysiwyg-editor';\n\nexport { WysiwygEditor };\nexport default WysiwygEditor;\nexport * from './wysiwyg-editor';\n"],"mappings":"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","names":["wysiwyg_editor_default"]}

package/dist/wysiwyg-editor/wysiwyg-editor.d.ts

@@ -0,0 +1,18 @@
+export interface WysiwygEditorProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'value' | 'defaultValue' | 'onChange' | 'onBlur' | 'onFocus'> {
+    value?: string;
+    onChange?: (value: string) => void;
+    onBlur?: (value: string) => void;
+    onFocus?: () => void;
+    options?: Record<string, any>;
+}
+export interface WysiwygEditorRef {
+    getInstance: () => any;
+    getHtml: () => string;
+    setHtml: (html: string) => void;
+    empty: () => void;
+    destroy: () => void;
+    disable: () => void;
+    enable: () => void;
+}
+declare const WysiwygEditor: import("react").ForwardRefExoticComponent<WysiwygEditorProps & import("react").RefAttributes<WysiwygEditorRef>>;
+export default WysiwygEditor;

package/dist/wysiwyg.d.ts

@@ -0,0 +1,2 @@
+declare function _default(elm: any, config: any): void;
+export default _default;

package/dist/wysiwyg.mjs

@@ -0,0 +1,7 @@
+import {
+  wysiwyg_default
+} from "./chunk-R5Y7KGSC.mjs";
+export {
+  wysiwyg_default as default
+};
+//# sourceMappingURL=wysiwyg.mjs.map

package/dist/wysiwyg.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/package.json

@@ -0,0 +1,57 @@
+{
+  "name": "@ablogcms/wysiwyg-editor",
+  "version": "3.2.27",
+  "type": "module",
+  "description": "Trumbowyg-based WYSIWYG editor (loader + React component) for the a-blog cms admin frontend",
+  "license": "MIT",
+  "homepage": "https://www.a-blogcms.jp",
+  "repository": {
+    "type": "git",
+    "url": "git+ssh://git@bitbucket.org:appleple/ablogcms.git",
+    "directory": "packages/frontend/wysiwyg-editor"
+  },
+  "sideEffects": [
+    "**/*.css",
+    "**/wysiwyg.js"
+  ],
+  "dependencies": {
+    "trumbowyg": "2.31.0",
+    "@ablogcms/react-hooks": "3.2.27"
+  },
+  "devDependencies": {
+    "@storybook/react-vite": "10.5.4",
+    "@testing-library/react": "^16.3.2",
+    "@types/jquery": "^3.5.34",
+    "vitest": "^4.1.10"
+  },
+  "peerDependencies": {
+    "react": "^19",
+    "@types/react": "^19.2.18"
+  },
+  "peerDependenciesMeta": {
+    "@types/react": {
+      "optional": true
+    }
+  },
+  "exports": {
+    "./wysiwyg": {
+      "types": "./dist/wysiwyg.d.ts",
+      "import": "./dist/wysiwyg.mjs",
+      "default": "./dist/wysiwyg.mjs"
+    },
+    "./wysiwyg-editor": {
+      "types": "./dist/wysiwyg-editor/index.d.ts",
+      "import": "./dist/wysiwyg-editor/index.mjs",
+      "default": "./dist/wysiwyg-editor/index.mjs"
+    }
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "node ../../../tools/build-package.mjs"
+  }
+}