@ablogcms/block-editor 3.2.28-beta.0

package/README.md

@@ -0,0 +1,21 @@
+# @ablogcms/block-editor
+
+Tiptap ベースのブロックエディタ。エントリー本文編集の主要 UI で、テーブル・画像ブロック・貼り付け
+ハンドリングなどの拡張を含む。
+
+## 使い方
+
+```tsx
+import { BlockEditor, normalizeSettings, DEFAULT_EDITOR_SETTINGS } from '@ablogcms/block-editor';
+
+const settings = normalizeSettings(rawSettingsFromServer);
+
+<BlockEditor editorSettings={settings ?? DEFAULT_EDITOR_SETTINGS} onUpdate={(html) => console.log(html)} />;
+```
+
+- `editorSettings`: 機能フラグ・ブロックメニュー・フォントサイズ・カラーパレットなどの設定
+  （`EditorSettings`）。このパッケージ自体はデータ取得を行わないため、呼び出し側が取得して渡す。
+- `onUpdate(html)`: 本文が変更されるたびに、シリアライズ後の HTML 文字列を渡して呼ばれる。
+- `settings`: エディター個別の宣言的な上書き設定（`allow` / `deny` / `blocks` など）。
+- `normalizeSettings(raw)`: サーバーの生レスポンスを `EditorSettings` に変換する純粋関数。
+- `SettingsProvider` / `useSettingsContext`: `EditorSettings` をツリーの深い位置まで配る Context。

package/dist/chunk-4KUPYKHV.mjs

@@ -0,0 +1,34 @@
+// src/utils/createProps.ts
+import { attributesToProps } from "@ablogcms/utils/react";
+function createProps(element, options = {}) {
+  const input = element.querySelector('input[type="hidden"]');
+  if (!input) {
+    throw new Error("Not found hidden input element!");
+  }
+  return {
+    defaultValue: input.value,
+    ...ACMS.Config.blockEditorConfig.editorProps,
+    // `<acms-block-editor>` 自身の属性（settings 等。data-* ではない独自属性。カスタム要素自身の
+    // 属性はその要素の公開 API であり HTML 標準要素向けの data-* 制約は適用されないため、
+    // `<acms-unit-editor>` 等の兄弟要素と同じ設計。README.md 参照）をすべて props 化する。
+    // 旧 `.js-block-editor`（公開仕様は data-settings）は upgradeLegacyBlockEditors
+    // （elements/upgrade-legacy-marks.ts）が data- を外した属性へ変換したうえでこの要素に
+    // 合流させるため、旧仕様もこの経路で読める。
+    ...attributesToProps(element),
+    ...options,
+    onUpdate: (newValue) => {
+      if (options.onUpdate) {
+        options.onUpdate(newValue);
+      }
+      input.value = newValue;
+      if (options.onInputChange) {
+        options.onInputChange(newValue);
+      }
+    }
+  };
+}
+
+export {
+  createProps
+};
+//# sourceMappingURL=chunk-4KUPYKHV.mjs.map

package/dist/chunk-4KUPYKHV.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/createProps.ts"],"sourcesContent":["import { attributesToProps } from '@ablogcms/utils/react';\nimport type { BlockEditor } from '../components/BlockEditor';\n\ntype BlockEditorProps = React.ComponentPropsWithoutRef<typeof BlockEditor>;\n\ninterface CreatePropsOptions extends Partial<BlockEditorProps> {\n  onInputChange?: (newValue: string) => void;\n}\n\nexport default function createProps(element: HTMLElement, options: CreatePropsOptions = {}) {\n  const input = element.querySelector<HTMLInputElement>('input[type=\"hidden\"]');\n\n  if (!input) {\n    throw new Error('Not found hidden input element!');\n  }\n\n  return {\n    defaultValue: input.value,\n    ...ACMS.Config.blockEditorConfig.editorProps,\n    // `<acms-block-editor>` 自身の属性（settings 等。data-* ではない独自属性。カスタム要素自身の\n    // 属性はその要素の公開 API であり HTML 標準要素向けの data-* 制約は適用されないため、\n    // `<acms-unit-editor>` 等の兄弟要素と同じ設計。README.md 参照）をすべて props 化する。\n    // 旧 `.js-block-editor`（公開仕様は data-settings）は upgradeLegacyBlockEditors\n    // （elements/upgrade-legacy-marks.ts）が data- を外した属性へ変換したうえでこの要素に\n    // 合流させるため、旧仕様もこの経路で読める。\n    ...attributesToProps<Partial<BlockEditorProps>>(element),\n    ...options,\n    onUpdate: (newValue: string) => {\n      if (options.onUpdate) {\n        options.onUpdate(newValue);\n      }\n      input.value = newValue;\n      if (options.onInputChange) {\n        options.onInputChange(newValue);\n      }\n    },\n  };\n}\n"],"mappings":";AAAA,SAAS,yBAAyB;AASnB,SAAR,YAA6B,SAAsB,UAA8B,CAAC,GAAG;AAC1F,QAAM,QAAQ,QAAQ,cAAgC,sBAAsB;AAE5E,MAAI,CAAC,OAAO;AACV,UAAM,IAAI,MAAM,iCAAiC;AAAA,EACnD;AAEA,SAAO;AAAA,IACL,cAAc,MAAM;AAAA,IACpB,GAAG,KAAK,OAAO,kBAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOjC,GAAG,kBAA6C,OAAO;AAAA,IACvD,GAAG;AAAA,IACH,UAAU,CAAC,aAAqB;AAC9B,UAAI,QAAQ,UAAU;AACpB,gBAAQ,SAAS,QAAQ;AAAA,MAC3B;AACA,YAAM,QAAQ;AACd,UAAI,QAAQ,eAAe;AACzB,gBAAQ,cAAc,QAAQ;AAAA,MAChC;AAAA,IACF;AAAA,EACF;AACF;","names":[]}

package/dist/chunk-57Q3DEDF.mjs

@@ -0,0 +1,23 @@
+// src/components/ui/Icon.tsx
+import { memo } from "react";
+import classnames from "classnames";
+import { Icon as BaseIcon } from "@ablogcms/components/icon";
+import { jsx } from "react/jsx-runtime";
+var Icon = memo(({ size = "md", ...props }) => {
+  return /* @__PURE__ */ jsx(
+    BaseIcon,
+    {
+      className: classnames("acms-admin-block-editor-icon", {
+        [`acms-admin-block-editor-icon-${size}`]: size !== "md"
+      }),
+      "aria-hidden": "true",
+      ...props
+    }
+  );
+});
+Icon.displayName = "Icon";
+
+export {
+  Icon
+};
+//# sourceMappingURL=chunk-57Q3DEDF.mjs.map

package/dist/chunk-57Q3DEDF.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/Icon.tsx"],"sourcesContent":["import { memo } from 'react';\nimport classnames from 'classnames';\nimport { Icon as BaseIcon } from '@ablogcms/components/icon';\n\nexport interface IconProps extends React.ComponentPropsWithoutRef<typeof BaseIcon> {\n  size?: 'sm' | 'md' | 'lg';\n}\n\nexport const Icon = memo(({ size = 'md', ...props }: IconProps) => {\n  return (\n    <BaseIcon\n      className={classnames('acms-admin-block-editor-icon', {\n        [`acms-admin-block-editor-icon-${size}`]: size !== 'md',\n      })}\n      aria-hidden=\"true\"\n      {...props}\n    />\n  );\n});\n\nIcon.displayName = 'Icon';\n"],"mappings":";AAAA,SAAS,YAAY;AACrB,OAAO,gBAAgB;AACvB,SAAS,QAAQ,gBAAgB;AAQ7B;AAFG,IAAM,OAAO,KAAK,CAAC,EAAE,OAAO,MAAM,GAAG,MAAM,MAAiB;AACjE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,WAAW,gCAAgC;AAAA,QACpD,CAAC,gCAAgC,IAAI,EAAE,GAAG,SAAS;AAAA,MACrD,CAAC;AAAA,MACD,eAAY;AAAA,MACX,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;AAED,KAAK,cAAc;","names":[]}

package/dist/chunk-DUT25D7Z.mjs

@@ -0,0 +1,20 @@
+import {
+  DEFAULT_EDITOR_SETTINGS
+} from "./chunk-JYUNKG2P.mjs";
+
+// src/context/EditorSettings.tsx
+import { createContext, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+var SettingsContext = createContext(DEFAULT_EDITOR_SETTINGS);
+function SettingsProvider({ children, settings }) {
+  return /* @__PURE__ */ jsx(SettingsContext.Provider, { value: settings, children });
+}
+var useSettingsContext = () => {
+  return useContext(SettingsContext);
+};
+
+export {
+  SettingsProvider,
+  useSettingsContext
+};
+//# sourceMappingURL=chunk-DUT25D7Z.mjs.map

package/dist/chunk-DUT25D7Z.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/context/EditorSettings.tsx"],"sourcesContent":["import React, { createContext, useContext } from 'react';\nimport type { EditorSettings } from '../types';\nimport { DEFAULT_EDITOR_SETTINGS } from '../utils/normalizeSettings';\n\nconst SettingsContext = createContext<EditorSettings>(DEFAULT_EDITOR_SETTINGS);\n\nexport function SettingsProvider({ children, settings }: { children: React.ReactNode; settings: EditorSettings }) {\n  return <SettingsContext.Provider value={settings}>{children}</SettingsContext.Provider>;\n}\n\nexport const useSettingsContext = (): EditorSettings => {\n  return useContext(SettingsContext);\n};\n"],"mappings":";;;;;AAAA,SAAgB,eAAe,kBAAkB;AAOxC;AAHT,IAAM,kBAAkB,cAA8B,uBAAuB;AAEtE,SAAS,iBAAiB,EAAE,UAAU,SAAS,GAA4D;AAChH,SAAO,oBAAC,gBAAgB,UAAhB,EAAyB,OAAO,UAAW,UAAS;AAC9D;AAEO,IAAM,qBAAqB,MAAsB;AACtD,SAAO,WAAW,eAAe;AACnC;","names":[]}

package/dist/chunk-EM5TLDPY.mjs

@@ -0,0 +1,17 @@
+import {
+  cn
+} from "./chunk-TKSGCO5Z.mjs";
+
+// src/components/ui/Surface.tsx
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+var Surface = forwardRef(({ children, className, ...props }, ref) => {
+  const surfaceClass = cn("acms-admin-block-editor-surface", className);
+  return /* @__PURE__ */ jsx("div", { className: surfaceClass, ...props, ref, children });
+});
+Surface.displayName = "Surface";
+
+export {
+  Surface
+};
+//# sourceMappingURL=chunk-EM5TLDPY.mjs.map

package/dist/chunk-EM5TLDPY.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/Surface.tsx"],"sourcesContent":["import { HTMLProps, forwardRef } from 'react';\nimport { cn } from '../../lib/utils';\n\nexport type SurfaceProps = HTMLProps<HTMLDivElement> & {\n  withShadow?: boolean;\n  withBorder?: boolean;\n};\n\nexport const Surface = forwardRef<HTMLDivElement, SurfaceProps>(({ children, className, ...props }, ref) => {\n  const surfaceClass = cn('acms-admin-block-editor-surface', className);\n\n  return (\n    <div className={surfaceClass} {...props} ref={ref}>\n      {children}\n    </div>\n  );\n});\n\nSurface.displayName = 'Surface';\n"],"mappings":";;;;;AAAA,SAAoB,kBAAkB;AAYlC;AAJG,IAAM,UAAU,WAAyC,CAAC,EAAE,UAAU,WAAW,GAAG,MAAM,GAAG,QAAQ;AAC1G,QAAM,eAAe,GAAG,mCAAmC,SAAS;AAEpE,SACE,oBAAC,SAAI,WAAW,cAAe,GAAG,OAAO,KACtC,UACH;AAEJ,CAAC;AAED,QAAQ,cAAc;","names":[]}

package/dist/chunk-GIHTGDIW.mjs

@@ -0,0 +1,23 @@
+import {
+  cn
+} from "./chunk-TKSGCO5Z.mjs";
+
+// src/components/panels/Colorpicker/ColorButton.tsx
+import { memo, useCallback } from "react";
+import { jsx } from "react/jsx-runtime";
+var ColorButton = memo(({ color, active, onColorChange }) => {
+  const wrapperClassName = cn("acms-admin-block-editor-text-menu-color-picker-palette-item", active && "active");
+  const bubbleClassName = cn("acms-admin-block-editor-text-menu-color-picker-palette-bubble", active && `active`);
+  const handleClick = useCallback(() => {
+    if (onColorChange) {
+      onColorChange(color || "");
+    }
+  }, [onColorChange, color]);
+  return /* @__PURE__ */ jsx("button", { type: "button", onClick: handleClick, className: wrapperClassName, "aria-label": `select ${color}`, children: /* @__PURE__ */ jsx("span", { style: { backgroundColor: color, color }, className: bubbleClassName }) });
+});
+ColorButton.displayName = "ColorButton";
+
+export {
+  ColorButton
+};
+//# sourceMappingURL=chunk-GIHTGDIW.mjs.map

package/dist/chunk-GIHTGDIW.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/panels/Colorpicker/ColorButton.tsx"],"sourcesContent":["import { memo, useCallback } from 'react';\nimport { cn } from '../../../lib/utils';\n\nexport type ColorButtonProps = {\n  color?: string;\n  active?: boolean;\n  onColorChange?: (color: string) => void;\n};\n\nexport const ColorButton = memo(({ color, active, onColorChange }: ColorButtonProps) => {\n  const wrapperClassName = cn('acms-admin-block-editor-text-menu-color-picker-palette-item', active && 'active');\n  const bubbleClassName = cn('acms-admin-block-editor-text-menu-color-picker-palette-bubble', active && `active`);\n\n  const handleClick = useCallback(() => {\n    if (onColorChange) {\n      onColorChange(color || '');\n    }\n  }, [onColorChange, color]);\n\n  return (\n    <button type=\"button\" onClick={handleClick} className={wrapperClassName} aria-label={`select ${color}`}>\n      <span style={{ backgroundColor: color, color }} className={bubbleClassName} />\n    </button>\n  );\n});\n\nColorButton.displayName = 'ColorButton';\n"],"mappings":";;;;;AAAA,SAAS,MAAM,mBAAmB;AAqB5B;AAZC,IAAM,cAAc,KAAK,CAAC,EAAE,OAAO,QAAQ,cAAc,MAAwB;AACtF,QAAM,mBAAmB,GAAG,+DAA+D,UAAU,QAAQ;AAC7G,QAAM,kBAAkB,GAAG,iEAAiE,UAAU,QAAQ;AAE9G,QAAM,cAAc,YAAY,MAAM;AACpC,QAAI,eAAe;AACjB,oBAAc,SAAS,EAAE;AAAA,IAC3B;AAAA,EACF,GAAG,CAAC,eAAe,KAAK,CAAC;AAEzB,SACE,oBAAC,YAAO,MAAK,UAAS,SAAS,aAAa,WAAW,kBAAkB,cAAY,UAAU,KAAK,IAClG,8BAAC,UAAK,OAAO,EAAE,iBAAiB,OAAO,MAAM,GAAG,WAAW,iBAAiB,GAC9E;AAEJ,CAAC;AAED,YAAY,cAAc;","names":[]}

package/dist/chunk-HNSTT2Z4.mjs

@@ -0,0 +1,87 @@
+import {
+  Surface
+} from "./chunk-EM5TLDPY.mjs";
+
+// src/components/ui/Toolbar.tsx
+import { forwardRef, useRef } from "react";
+import { renderToStaticMarkup } from "react-dom/server";
+import classnames from "classnames";
+import { TooltipCommand } from "@ablogcms/components/tooltip";
+import useMergeRefs from "@ablogcms/react-hooks/use-merge-refs";
+import useToolbar from "@ablogcms/react-hooks/use-toolbar";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var ToolbarRoot = forwardRef(
+  ({ shouldShowContent = true, children, orientation, direction, className, ...props }, forwardRef2) => {
+    const ref = useRef(null);
+    const setRef = useMergeRefs(forwardRef2, ref);
+    const { toolbarProps } = useToolbar({ orientation, direction });
+    const toolbarClassName = classnames("acms-admin-block-editor-toolbar", className);
+    return shouldShowContent && /* @__PURE__ */ jsx(Surface, { className: toolbarClassName, ...toolbarProps({ ref: setRef, ...props }), children });
+  }
+);
+ToolbarRoot.displayName = "Toolbar";
+var ToolbarDivider = forwardRef(({ horizontal, className, ...rest }, ref) => {
+  const dividerClassName = classnames(
+    "acms-admin-block-editor-toolbar-divider",
+    horizontal ? "acms-admin-block-editor-toolbar-divider-horizontal" : "",
+    className
+  );
+  return /* @__PURE__ */ jsx("div", { className: dividerClassName, ref, ...rest });
+});
+ToolbarDivider.displayName = "Toolbar.Divider";
+var ToolbarButton = forwardRef(
+  ({
+    active,
+    children,
+    size = "medium",
+    variant = "primary",
+    className,
+    tooltip,
+    tooltipShortcut,
+    activeClassname,
+    ...rest
+  }, ref) => {
+    const buttonClassName = classnames(
+      "acms-admin-block-editor-button",
+      variant === "primary" && classnames(
+        "acms-admin-block-editor-button-primary",
+        active && classnames("acms-admin-block-editor-button-active", activeClassname)
+      ),
+      variant === "secondary" && classnames(
+        "acms-admin-block-editor-button-secondary",
+        active && classnames("acms-admin-block-editor-button-active", activeClassname)
+      ),
+      size === "medium" && "acms-admin-block-editor-button-icon",
+      size === "small" && "acms-admin-block-editor-button-icon-small",
+      className
+    );
+    return /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: buttonClassName,
+        ref,
+        ...rest,
+        "aria-pressed": active,
+        "data-tooltip-id": "block-editor-shared-tooltip",
+        "data-tooltip-html": tooltip && renderToStaticMarkup(
+          /* @__PURE__ */ jsxs(Fragment, { children: [
+            tooltip,
+            /* @__PURE__ */ jsx(TooltipCommand, { commands: tooltipShortcut ?? [] })
+          ] })
+        ),
+        children
+      }
+    );
+  }
+);
+ToolbarButton.displayName = "ToolbarButton";
+var Toolbar = Object.assign(ToolbarRoot, {
+  Divider: ToolbarDivider,
+  Button: ToolbarButton
+});
+
+export {
+  Toolbar
+};
+//# sourceMappingURL=chunk-HNSTT2Z4.mjs.map

package/dist/chunk-HNSTT2Z4.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/Toolbar.tsx"],"sourcesContent":["import { ButtonHTMLAttributes, HTMLProps, forwardRef, useRef } from 'react';\nimport { renderToStaticMarkup } from 'react-dom/server';\nimport classnames from 'classnames';\nimport { TooltipCommand } from '@ablogcms/components/tooltip';\nimport useMergeRefs from '@ablogcms/react-hooks/use-merge-refs';\nimport useToolbar, { UseToolbarOptions } from '@ablogcms/react-hooks/use-toolbar';\nimport { Surface } from './Surface';\n\nexport interface ToolbarRootProps extends UseToolbarOptions, HTMLProps<HTMLDivElement> {\n  shouldShowContent?: boolean;\n}\n\nconst ToolbarRoot = forwardRef<HTMLDivElement, ToolbarRootProps>(\n  ({ shouldShowContent = true, children, orientation, direction, className, ...props }, forwardRef) => {\n    const ref = useRef<HTMLDivElement>(null);\n    const setRef = useMergeRefs(forwardRef, ref);\n    const { toolbarProps } = useToolbar({ orientation, direction });\n    const toolbarClassName = classnames('acms-admin-block-editor-toolbar', className);\n\n    return (\n      shouldShowContent && (\n        <Surface className={toolbarClassName} {...toolbarProps({ ref: setRef, ...props })}>\n          {children}\n        </Surface>\n      )\n    );\n  }\n);\n\nToolbarRoot.displayName = 'Toolbar';\n\nexport type ToolbarDividerProps = {\n  horizontal?: boolean;\n} & HTMLProps<HTMLDivElement>;\n\nconst ToolbarDivider = forwardRef<HTMLDivElement, ToolbarDividerProps>(({ horizontal, className, ...rest }, ref) => {\n  const dividerClassName = classnames(\n    'acms-admin-block-editor-toolbar-divider',\n    horizontal ? 'acms-admin-block-editor-toolbar-divider-horizontal' : '',\n    className\n  );\n\n  return <div className={dividerClassName} ref={ref} {...rest} />;\n});\n\nToolbarDivider.displayName = 'Toolbar.Divider';\n\nexport type ButtonVariant = 'primary' | 'secondary';\nexport type ButtonSize = 'medium' | 'small';\n\nexport type ToolbarButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {\n  /**\n   * ボタンのバリエーション\n   * @default primary\n   */\n  variant?: ButtonVariant;\n  active?: boolean;\n  activeClassname?: string;\n  tooltip?: string;\n  tooltipShortcut?: string[];\n  /**\n   * ボタンのサイズ\n   * @default medium\n   */\n  size?: ButtonSize;\n};\n\nconst ToolbarButton = forwardRef<HTMLButtonElement, ToolbarButtonProps>(\n  (\n    {\n      active,\n      children,\n      size = 'medium',\n      variant = 'primary',\n      className,\n      tooltip,\n      tooltipShortcut,\n      activeClassname,\n      ...rest\n    },\n    ref\n  ) => {\n    const buttonClassName = classnames(\n      'acms-admin-block-editor-button',\n\n      variant === 'primary' &&\n        classnames(\n          'acms-admin-block-editor-button-primary',\n          active && classnames('acms-admin-block-editor-button-active', activeClassname)\n        ),\n\n      variant === 'secondary' &&\n        classnames(\n          'acms-admin-block-editor-button-secondary',\n          active && classnames('acms-admin-block-editor-button-active', activeClassname)\n        ),\n\n      size === 'medium' && 'acms-admin-block-editor-button-icon',\n      size === 'small' && 'acms-admin-block-editor-button-icon-small',\n\n      className\n    );\n\n    return (\n      <button\n        type=\"button\"\n        className={buttonClassName}\n        ref={ref}\n        {...rest}\n        aria-pressed={active}\n        data-tooltip-id=\"block-editor-shared-tooltip\"\n        data-tooltip-html={\n          tooltip &&\n          renderToStaticMarkup(\n            <>\n              {tooltip}\n              <TooltipCommand commands={tooltipShortcut ?? []} />\n            </>\n          )\n        }\n      >\n        {children}\n      </button>\n    );\n  }\n);\n\nToolbarButton.displayName = 'ToolbarButton';\n\nexport const Toolbar = Object.assign(ToolbarRoot, {\n  Divider: ToolbarDivider,\n  Button: ToolbarButton,\n});\n"],"mappings":";;;;;AAAA,SAA0C,YAAY,cAAc;AACpE,SAAS,4BAA4B;AACrC,OAAO,gBAAgB;AACvB,SAAS,sBAAsB;AAC/B,OAAO,kBAAkB;AACzB,OAAO,gBAAuC;AAgBtC,SA6FI,UA7FJ,KA6FI,YA7FJ;AATR,IAAM,cAAc;AAAA,EAClB,CAAC,EAAE,oBAAoB,MAAM,UAAU,aAAa,WAAW,WAAW,GAAG,MAAM,GAAGA,gBAAe;AACnG,UAAM,MAAM,OAAuB,IAAI;AACvC,UAAM,SAAS,aAAaA,aAAY,GAAG;AAC3C,UAAM,EAAE,aAAa,IAAI,WAAW,EAAE,aAAa,UAAU,CAAC;AAC9D,UAAM,mBAAmB,WAAW,mCAAmC,SAAS;AAEhF,WACE,qBACE,oBAAC,WAAQ,WAAW,kBAAmB,GAAG,aAAa,EAAE,KAAK,QAAQ,GAAG,MAAM,CAAC,GAC7E,UACH;AAAA,EAGN;AACF;AAEA,YAAY,cAAc;AAM1B,IAAM,iBAAiB,WAAgD,CAAC,EAAE,YAAY,WAAW,GAAG,KAAK,GAAG,QAAQ;AAClH,QAAM,mBAAmB;AAAA,IACvB;AAAA,IACA,aAAa,uDAAuD;AAAA,IACpE;AAAA,EACF;AAEA,SAAO,oBAAC,SAAI,WAAW,kBAAkB,KAAW,GAAG,MAAM;AAC/D,CAAC;AAED,eAAe,cAAc;AAsB7B,IAAM,gBAAgB;AAAA,EACpB,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GACA,QACG;AACH,UAAM,kBAAkB;AAAA,MACtB;AAAA,MAEA,YAAY,aACV;AAAA,QACE;AAAA,QACA,UAAU,WAAW,yCAAyC,eAAe;AAAA,MAC/E;AAAA,MAEF,YAAY,eACV;AAAA,QACE;AAAA,QACA,UAAU,WAAW,yCAAyC,eAAe;AAAA,MAC/E;AAAA,MAEF,SAAS,YAAY;AAAA,MACrB,SAAS,WAAW;AAAA,MAEpB;AAAA,IACF;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAW;AAAA,QACX;AAAA,QACC,GAAG;AAAA,QACJ,gBAAc;AAAA,QACd,mBAAgB;AAAA,QAChB,qBACE,WACA;AAAA,UACE,iCACG;AAAA;AAAA,YACD,oBAAC,kBAAe,UAAU,mBAAmB,CAAC,GAAG;AAAA,aACnD;AAAA,QACF;AAAA,QAGD;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,cAAc,cAAc;AAErB,IAAM,UAAU,OAAO,OAAO,aAAa;AAAA,EAChD,SAAS;AAAA,EACT,QAAQ;AACV,CAAC;","names":["forwardRef"]}

package/dist/chunk-JYUNKG2P.mjs

@@ -0,0 +1,88 @@
+import {
+  mergeBlockDefinitions
+} from "./chunk-XGAKMQH4.mjs";
+
+// src/utils/createBlockMenu.ts
+var DEFAULT_GROUP_TITLE = "\u30B0\u30EB\u30FC\u30D7";
+var buildIdentifier = (type, className) => className ? `${type}.${className}` : type;
+function createBlockMenu(raw, masters) {
+  const byIdentifier = /* @__PURE__ */ new Map();
+  let currentGroup = DEFAULT_GROUP_TITLE;
+  for (const entry of raw) {
+    const master = masters[entry.type];
+    if (!master) {
+      continue;
+    }
+    if (entry.group !== "" && entry.group !== currentGroup) {
+      currentGroup = entry.group;
+    }
+    const className = entry.class || void 0;
+    const identifier = buildIdentifier(entry.type, className);
+    const command = {
+      name: entry.type,
+      identifier,
+      label: entry.label || master.label,
+      description: master.description,
+      iconName: master.icon,
+      aliases: master.aliases,
+      isTextMenu: master.isTextMenu,
+      class: className,
+      isDisabled: () => false
+    };
+    byIdentifier.delete(identifier);
+    byIdentifier.set(identifier, { group: currentGroup, command });
+  }
+  const commandsByGroup = /* @__PURE__ */ new Map();
+  const groupOrder = [];
+  for (const { group, command } of byIdentifier.values()) {
+    if (!commandsByGroup.has(group)) {
+      commandsByGroup.set(group, []);
+      groupOrder.push(group);
+    }
+    commandsByGroup.get(group).push(command);
+  }
+  return groupOrder.map((title, index) => ({
+    name: `group-${index + 1}`,
+    title,
+    commands: commandsByGroup.get(title) ?? []
+  }));
+}
+
+// src/utils/normalizeSettings.ts
+var defaultFeatures = {
+  textItalic: false,
+  textUnderline: false,
+  textStrike: false,
+  textCode: false,
+  textMarker: false,
+  textColor: false,
+  fontSize: false,
+  fontFamily: false,
+  textSubscript: false,
+  textSuperscript: false,
+  customClass: false,
+  tableBgColor: false,
+  imageDefaultLightbox: true
+};
+function normalizeSettings(raw, blockDefinitions) {
+  const { features, blockMenus, fontSize, fontFamily, customClass, imageSizes, colorPalette } = raw ?? {};
+  const masters = mergeBlockDefinitions(blockDefinitions);
+  return {
+    features: features ?? defaultFeatures,
+    blockMenus: createBlockMenu(blockMenus ?? [], masters),
+    fontSize: fontSize ?? [],
+    fontFamily: fontFamily ?? [],
+    customClass: customClass ?? [],
+    imageSizes: imageSizes ?? [],
+    colorPalette: colorPalette ?? []
+  };
+}
+var DEFAULT_EDITOR_SETTINGS = normalizeSettings();
+
+export {
+  buildIdentifier,
+  defaultFeatures,
+  normalizeSettings,
+  DEFAULT_EDITOR_SETTINGS
+};
+//# sourceMappingURL=chunk-JYUNKG2P.mjs.map

package/dist/chunk-JYUNKG2P.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/createBlockMenu.ts","../src/utils/normalizeSettings.ts"],"sourcesContent":["import type { BlockMenuItem, BlockTypeMaster, CommandItem } from '../types';\n\n/**\n * PHP SettingsJson から届く、ブロックメニュー 1 件分のコンフィグ値。\n * グループ階層を持たず、entry の配列として送られる。\n */\nexport interface RawBlockMenuEntry {\n  type: string;\n  label: string;\n  class: string;\n  group: string;\n}\n\nexport type RawBlockMenu = RawBlockMenuEntry[];\n\n/** 最初の entry が group を指定しなかった場合のフォールバックグループ名。 */\nconst DEFAULT_GROUP_TITLE = 'グループ';\n\n/**\n * type と class から識別子を生成する。\n * - class なし: `type`\n * - class あり: `type.class`\n * allow / deny の判定や、同 type の class 違いを区別する用途で使う。\n */\nexport const buildIdentifier = (type: string, className: string | undefined): string =>\n  className ? `${type}.${className}` : type;\n\ninterface PositionedCommand {\n  group: string;\n  command: CommandItem;\n}\n\n/**\n * API レスポンスの blockMenus を TS マスターと合体させて `BlockMenuItem[]` に展開する。\n *\n * - 入力は entry の配列。マスターに該当 type が無ければ除外。\n * - label が空文字なら master.label を採用、class が空文字なら undefined とする\n * - 空 group は直前の entry の group を引き継ぐ（=admin の挿入順の慣習を維持）\n * - identifier (`type` または `type.class`) を CommandItem に焼き込む\n * - 同 identifier が複数あれば後勝ち（最後の entry の位置・内容で上書き）\n * - isDisabled などのランタイム関数は useBlockMenus.resolveCommands が後段で差し込むため、ここではスタブ\n */\nexport default function createBlockMenu(raw: RawBlockMenu, masters: Record<string, BlockTypeMaster>): BlockMenuItem[] {\n  const byIdentifier = new Map<string, PositionedCommand>();\n  let currentGroup = DEFAULT_GROUP_TITLE;\n\n  for (const entry of raw) {\n    const master = masters[entry.type];\n    if (!master) {\n      continue;\n    }\n\n    if (entry.group !== '' && entry.group !== currentGroup) {\n      currentGroup = entry.group;\n    }\n\n    const className = entry.class || undefined;\n    const identifier = buildIdentifier(entry.type, className);\n    const command: CommandItem = {\n      name: entry.type,\n      identifier,\n      label: entry.label || master.label,\n      description: master.description,\n      iconName: master.icon,\n      aliases: master.aliases,\n      isTextMenu: master.isTextMenu,\n      class: className,\n      isDisabled: () => false,\n    };\n\n    // 後勝ち: Map に identifier をキーにして set し直すと、挿入順は最後の位置に揃う\n    byIdentifier.delete(identifier);\n    byIdentifier.set(identifier, { group: currentGroup, command });\n  }\n\n  const commandsByGroup = new Map<string, CommandItem[]>();\n  const groupOrder: string[] = [];\n\n  for (const { group, command } of byIdentifier.values()) {\n    if (!commandsByGroup.has(group)) {\n      commandsByGroup.set(group, []);\n      groupOrder.push(group);\n    }\n    commandsByGroup.get(group)!.push(command);\n  }\n\n  return groupOrder.map((title, index) => ({\n    name: `group-${index + 1}`,\n    title,\n    commands: commandsByGroup.get(title) ?? [],\n  }));\n}\n","import createBlockMenu, { type RawBlockMenu } from './createBlockMenu';\nimport { mergeBlockDefinitions } from './mergeBlockDefinitions';\nimport type {\n  BlockDefinition,\n  CustomClassItem,\n  ImageSizesItem,\n  FontSizeItem,\n  FontFamilyItem,\n  FeaturesSetting,\n  EditorSettings,\n} from '../types/index';\n\n/**\n * PHP `ACMS_GET_Admin_BlockEditor_SettingsJson`（`ajax/edit/block-editor/settings.json`）が返す\n * 未整形のレスポンス形。このパッケージ自身は fetch しないため、呼び出し側（コア側の\n * データ取得フック）がこの型でレスポンスを受け取り、normalizeSettings に渡して EditorSettings へ変換する。\n */\nexport interface RawSettingsResponse {\n  features?: FeaturesSetting;\n  blockMenus?: RawBlockMenu;\n  fontSize?: FontSizeItem[];\n  fontFamily?: FontFamilyItem[];\n  customClass?: CustomClassItem[];\n  imageSizes?: ImageSizesItem[];\n  colorPalette?: string[];\n}\n\nexport const defaultFeatures: FeaturesSetting = {\n  textItalic: false,\n  textUnderline: false,\n  textStrike: false,\n  textCode: false,\n  textMarker: false,\n  textColor: false,\n  fontSize: false,\n  fontFamily: false,\n  textSubscript: false,\n  textSuperscript: false,\n  customClass: false,\n  tableBgColor: false,\n  imageDefaultLightbox: true,\n};\n\n/**\n * RawSettingsResponse（サーバーから届く未整形の値）を EditorSettings（パッケージが要求する完全な形）に変換する。\n * 欠けている項目は既定値で埋め、blockMenus は TS 側マスター (BLOCK_DEFINITIONS) と突き合わせて組み立てる。\n * このパッケージ自体はデータを取得しない方針のため、取得済みのレスポンスを整形するここが唯一の変換経路になる。\n *\n * `blockDefinitions` はプラグインが `registerBlockDefinition` で登録した追加マスター。\n * `mergeBlockDefinitions` でコアの `BLOCK_DEFINITIONS` と合成してから `createBlockMenu` に渡す。\n */\nexport function normalizeSettings(\n  raw?: RawSettingsResponse,\n  blockDefinitions?: Record<string, BlockDefinition>\n): EditorSettings {\n  const { features, blockMenus, fontSize, fontFamily, customClass, imageSizes, colorPalette } = raw ?? {};\n  const masters = mergeBlockDefinitions(blockDefinitions);\n  return {\n    features: features ?? defaultFeatures,\n    blockMenus: createBlockMenu(blockMenus ?? [], masters),\n    fontSize: fontSize ?? [],\n    fontFamily: fontFamily ?? [],\n    customClass: customClass ?? [],\n    imageSizes: imageSizes ?? [],\n    colorPalette: colorPalette ?? [],\n  };\n}\n\n/** raw レスポンスが無い（未取得・注入なし）場合に使う既定の EditorSettings。 */\nexport const DEFAULT_EDITOR_SETTINGS: EditorSettings = normalizeSettings();\n"],"mappings":";;;;;AAgBA,IAAM,sBAAsB;AAQrB,IAAM,kBAAkB,CAAC,MAAc,cAC5C,YAAY,GAAG,IAAI,IAAI,SAAS,KAAK;AAiBxB,SAAR,gBAAiC,KAAmB,SAA2D;AACpH,QAAM,eAAe,oBAAI,IAA+B;AACxD,MAAI,eAAe;AAEnB,aAAW,SAAS,KAAK;AACvB,UAAM,SAAS,QAAQ,MAAM,IAAI;AACjC,QAAI,CAAC,QAAQ;AACX;AAAA,IACF;AAEA,QAAI,MAAM,UAAU,MAAM,MAAM,UAAU,cAAc;AACtD,qBAAe,MAAM;AAAA,IACvB;AAEA,UAAM,YAAY,MAAM,SAAS;AACjC,UAAM,aAAa,gBAAgB,MAAM,MAAM,SAAS;AACxD,UAAM,UAAuB;AAAA,MAC3B,MAAM,MAAM;AAAA,MACZ;AAAA,MACA,OAAO,MAAM,SAAS,OAAO;AAAA,MAC7B,aAAa,OAAO;AAAA,MACpB,UAAU,OAAO;AAAA,MACjB,SAAS,OAAO;AAAA,MAChB,YAAY,OAAO;AAAA,MACnB,OAAO;AAAA,MACP,YAAY,MAAM;AAAA,IACpB;AAGA,iBAAa,OAAO,UAAU;AAC9B,iBAAa,IAAI,YAAY,EAAE,OAAO,cAAc,QAAQ,CAAC;AAAA,EAC/D;AAEA,QAAM,kBAAkB,oBAAI,IAA2B;AACvD,QAAM,aAAuB,CAAC;AAE9B,aAAW,EAAE,OAAO,QAAQ,KAAK,aAAa,OAAO,GAAG;AACtD,QAAI,CAAC,gBAAgB,IAAI,KAAK,GAAG;AAC/B,sBAAgB,IAAI,OAAO,CAAC,CAAC;AAC7B,iBAAW,KAAK,KAAK;AAAA,IACvB;AACA,oBAAgB,IAAI,KAAK,EAAG,KAAK,OAAO;AAAA,EAC1C;AAEA,SAAO,WAAW,IAAI,CAAC,OAAO,WAAW;AAAA,IACvC,MAAM,SAAS,QAAQ,CAAC;AAAA,IACxB;AAAA,IACA,UAAU,gBAAgB,IAAI,KAAK,KAAK,CAAC;AAAA,EAC3C,EAAE;AACJ;;;AChEO,IAAM,kBAAmC;AAAA,EAC9C,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,cAAc;AAAA,EACd,sBAAsB;AACxB;AAUO,SAAS,kBACd,KACA,kBACgB;AAChB,QAAM,EAAE,UAAU,YAAY,UAAU,YAAY,aAAa,YAAY,aAAa,IAAI,OAAO,CAAC;AACtG,QAAM,UAAU,sBAAsB,gBAAgB;AACtD,SAAO;AAAA,IACL,UAAU,YAAY;AAAA,IACtB,YAAY,gBAAgB,cAAc,CAAC,GAAG,OAAO;AAAA,IACrD,UAAU,YAAY,CAAC;AAAA,IACvB,YAAY,cAAc,CAAC;AAAA,IAC3B,aAAa,eAAe,CAAC;AAAA,IAC7B,YAAY,cAAc,CAAC;AAAA,IAC3B,cAAc,gBAAgB,CAAC;AAAA,EACjC;AACF;AAGO,IAAM,0BAA0C,kBAAkB;","names":[]}

package/dist/chunk-OFWQRNO2.mjs

@@ -0,0 +1,56 @@
+import {
+  Toolbar
+} from "./chunk-HNSTT2Z4.mjs";
+import {
+  Icon
+} from "./chunk-57Q3DEDF.mjs";
+
+// src/components/panels/AlignPicker/AlignPicker.tsx
+import {
+  Menu,
+  MenuTrigger,
+  MenuList,
+  MenuGroup,
+  MenuItemRadio,
+  MenuItemRadioGroup,
+  MenuPopover
+} from "@ablogcms/components/dropdown-menu";
+import { jsx, jsxs } from "react/jsx-runtime";
+function AlignPicker({ align, onChange }) {
+  return /* @__PURE__ */ jsxs(Menu, { closeOnSelect: true, children: [
+    /* @__PURE__ */ jsx(MenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(Toolbar.Button, { type: "button", tooltip: "\u914D\u7F6E", "aria-label": "\u914D\u7F6E\u3092\u8A2D\u5B9A", children: [
+      align === "left" && /* @__PURE__ */ jsx(Icon, { name: "format_align_left" }),
+      align === "center" && /* @__PURE__ */ jsx(Icon, { name: "format_align_center" }),
+      align === "right" && /* @__PURE__ */ jsx(Icon, { name: "format_align_right" }),
+      /* @__PURE__ */ jsx(Icon, { name: "keyboard_arrow_down" })
+    ] }) }),
+    /* @__PURE__ */ jsx(MenuPopover, { size: "medium", "data-elevation": "3", children: /* @__PURE__ */ jsx(MenuList, { children: /* @__PURE__ */ jsx(MenuGroup, { title: "\u914D\u7F6E", children: /* @__PURE__ */ jsxs(
+      MenuItemRadioGroup,
+      {
+        defaultValue: align,
+        onValueChange: (value) => {
+          onChange(value);
+        },
+        children: [
+          /* @__PURE__ */ jsxs(MenuItemRadio, { value: "left", children: [
+            /* @__PURE__ */ jsx(Icon, { name: "format_align_left" }),
+            "\u5DE6\u63C3\u3048"
+          ] }, "align-left"),
+          /* @__PURE__ */ jsxs(MenuItemRadio, { value: "center", children: [
+            /* @__PURE__ */ jsx(Icon, { name: "format_align_center" }),
+            "\u4E2D\u592E\u63C3\u3048"
+          ] }, "align-center"),
+          /* @__PURE__ */ jsxs(MenuItemRadio, { value: "right", children: [
+            /* @__PURE__ */ jsx(Icon, { name: "format_align_right" }),
+            "\u53F3\u63C3\u3048"
+          ] }, "align-right")
+        ]
+      }
+    ) }) }) })
+  ] });
+}
+
+export {
+  AlignPicker
+};
+//# sourceMappingURL=chunk-OFWQRNO2.mjs.map

package/dist/chunk-OFWQRNO2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/panels/AlignPicker/AlignPicker.tsx"],"sourcesContent":["import {\n  Menu,\n  MenuTrigger,\n  MenuList,\n  MenuGroup,\n  MenuItemRadio,\n  MenuItemRadioGroup,\n  MenuPopover,\n} from '@ablogcms/components/dropdown-menu';\nimport { Toolbar } from '../../ui/Toolbar';\nimport { Icon } from '../../ui/Icon';\n\nexport type AlignPickerProps = {\n  align: 'left' | 'center' | 'right';\n  onChange: (align: 'left' | 'center' | 'right') => void;\n};\n\nexport function AlignPicker({ align, onChange }: AlignPickerProps) {\n  return (\n    <Menu closeOnSelect>\n      <MenuTrigger asChild>\n        <Toolbar.Button type=\"button\" tooltip=\"配置\" aria-label=\"配置を設定\">\n          {align === 'left' && <Icon name=\"format_align_left\" />}\n          {align === 'center' && <Icon name=\"format_align_center\" />}\n          {align === 'right' && <Icon name=\"format_align_right\" />}\n          <Icon name=\"keyboard_arrow_down\" />\n        </Toolbar.Button>\n      </MenuTrigger>\n      <MenuPopover size=\"medium\" data-elevation=\"3\">\n        <MenuList>\n          <MenuGroup title=\"配置\">\n            <MenuItemRadioGroup\n              defaultValue={align}\n              onValueChange={(value) => {\n                onChange(value as 'left' | 'center' | 'right');\n              }}\n            >\n              <MenuItemRadio key=\"align-left\" value=\"left\">\n                <Icon name=\"format_align_left\" />\n                左揃え\n              </MenuItemRadio>\n              <MenuItemRadio key=\"align-center\" value=\"center\">\n                <Icon name=\"format_align_center\" />\n                中央揃え\n              </MenuItemRadio>\n              <MenuItemRadio key=\"align-right\" value=\"right\">\n                <Icon name=\"format_align_right\" />\n                右揃え\n              </MenuItemRadio>\n            </MenuItemRadioGroup>\n          </MenuGroup>\n        </MenuList>\n      </MenuPopover>\n    </Menu>\n  );\n}\n"],"mappings":";;;;;;;;AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAaC,SACuB,KADvB;AAJD,SAAS,YAAY,EAAE,OAAO,SAAS,GAAqB;AACjE,SACE,qBAAC,QAAK,eAAa,MACjB;AAAA,wBAAC,eAAY,SAAO,MAClB,+BAAC,QAAQ,QAAR,EAAe,MAAK,UAAS,SAAQ,gBAAK,cAAW,kCACnD;AAAA,gBAAU,UAAU,oBAAC,QAAK,MAAK,qBAAoB;AAAA,MACnD,UAAU,YAAY,oBAAC,QAAK,MAAK,uBAAsB;AAAA,MACvD,UAAU,WAAW,oBAAC,QAAK,MAAK,sBAAqB;AAAA,MACtD,oBAAC,QAAK,MAAK,uBAAsB;AAAA,OACnC,GACF;AAAA,IACA,oBAAC,eAAY,MAAK,UAAS,kBAAe,KACxC,8BAAC,YACC,8BAAC,aAAU,OAAM,gBACf;AAAA,MAAC;AAAA;AAAA,QACC,cAAc;AAAA,QACd,eAAe,CAAC,UAAU;AACxB,mBAAS,KAAoC;AAAA,QAC/C;AAAA,QAEA;AAAA,+BAAC,iBAA+B,OAAM,QACpC;AAAA,gCAAC,QAAK,MAAK,qBAAoB;AAAA,YAAE;AAAA,eADhB,YAGnB;AAAA,UACA,qBAAC,iBAAiC,OAAM,UACtC;AAAA,gCAAC,QAAK,MAAK,uBAAsB;AAAA,YAAE;AAAA,eADlB,cAGnB;AAAA,UACA,qBAAC,iBAAgC,OAAM,SACrC;AAAA,gCAAC,QAAK,MAAK,sBAAqB;AAAA,YAAE;AAAA,eADjB,aAGnB;AAAA;AAAA;AAAA,IACF,GACF,GACF,GACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/chunk-OZG2BL6F.mjs

@@ -0,0 +1,61 @@
+// src/extensions/MultiColumn/Columns.ts
+import { Node, mergeAttributes } from "@tiptap/core";
+var Columns = Node.create({
+  name: "columns",
+  group: "columns",
+  // 1-3カラムまで対応
+  content: "column column? column?",
+  defining: true,
+  isolating: true,
+  addAttributes() {
+    return {
+      layout: {
+        default: "two-column" /* TwoColumn */,
+        parseHTML: (element) => element.getAttribute("data-layout"),
+        renderHTML: (attributes) => ({
+          "data-layout": attributes.layout
+        })
+      }
+    };
+  },
+  addCommands() {
+    return {
+      setColumns: (layout = "two-column" /* TwoColumn */) => ({ commands }) => {
+        let count = 2;
+        if (layout === "one-column" /* OneColumn */) {
+          count = 1;
+        } else if (layout === "three-column" /* ThreeColumn */) {
+          count = 3;
+        }
+        const columns = Array.from({ length: count }, () => '<div data-type="column"><p></p></div>');
+        return commands.insertContent(`<div data-type="columns" data-layout="${layout}">${columns.join("")}</div>`);
+      },
+      setLayout: (layout) => ({ commands }) => commands.updateAttributes("columns", { layout })
+    };
+  },
+  renderHTML({ HTMLAttributes }) {
+    const layout = HTMLAttributes["data-layout"] || "two-column" /* TwoColumn */;
+    return [
+      "div",
+      mergeAttributes(this.options.HTMLAttributes, HTMLAttributes, {
+        id: HTMLAttributes.id,
+        class: `layout-${layout}`,
+        "data-type": "columns",
+        "data-layout": layout
+      }),
+      0
+    ];
+  },
+  parseHTML() {
+    return [
+      {
+        tag: 'div[data-type="columns"]'
+      }
+    ];
+  }
+});
+
+export {
+  Columns
+};
+//# sourceMappingURL=chunk-OZG2BL6F.mjs.map

package/dist/chunk-OZG2BL6F.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/extensions/MultiColumn/Columns.ts"],"sourcesContent":["import { Node, mergeAttributes } from '@tiptap/core';\n\nexport enum ColumnLayout {\n  OneColumn = 'one-column',\n  TwoColumn = 'two-column',\n  ThreeColumn = 'three-column',\n}\n\ndeclare module '@tiptap/core' {\n  interface Commands<ReturnType> {\n    columns: {\n      setColumns: (layout?: ColumnLayout) => ReturnType;\n      setLayout: (layout: ColumnLayout) => ReturnType;\n    };\n  }\n}\n\nexport const Columns = Node.create({\n  name: 'columns',\n\n  group: 'columns',\n\n  // 1-3カラムまで対応\n  content: 'column column? column?',\n\n  defining: true,\n\n  isolating: true,\n\n  addAttributes() {\n    return {\n      layout: {\n        default: ColumnLayout.TwoColumn,\n        parseHTML: (element) => element.getAttribute('data-layout'),\n        renderHTML: (attributes) => ({\n          'data-layout': attributes.layout,\n        }),\n      },\n    };\n  },\n\n  addCommands() {\n    return {\n      setColumns:\n        (layout = ColumnLayout.TwoColumn) =>\n        ({ commands }) => {\n          let count = 2;\n          if (layout === ColumnLayout.OneColumn) {\n            count = 1;\n          } else if (layout === ColumnLayout.ThreeColumn) {\n            count = 3;\n          }\n          const columns = Array.from({ length: count }, () => '<div data-type=\"column\"><p></p></div>');\n\n          return commands.insertContent(`<div data-type=\"columns\" data-layout=\"${layout}\">${columns.join('')}</div>`);\n        },\n      setLayout:\n        (layout: ColumnLayout) =>\n        ({ commands }) =>\n          commands.updateAttributes('columns', { layout }),\n    };\n  },\n\n  renderHTML({ HTMLAttributes }) {\n    const layout = HTMLAttributes['data-layout'] || ColumnLayout.TwoColumn;\n\n    return [\n      'div',\n      mergeAttributes(this.options.HTMLAttributes, HTMLAttributes, {\n        id: HTMLAttributes.id,\n        class: `layout-${layout}`,\n        'data-type': 'columns',\n        'data-layout': layout,\n      }),\n      0,\n    ];\n  },\n\n  parseHTML() {\n    return [\n      {\n        tag: 'div[data-type=\"columns\"]',\n      },\n    ];\n  },\n});\n\nexport default Columns;\n"],"mappings":";AAAA,SAAS,MAAM,uBAAuB;AAiB/B,IAAM,UAAU,KAAK,OAAO;AAAA,EACjC,MAAM;AAAA,EAEN,OAAO;AAAA;AAAA,EAGP,SAAS;AAAA,EAET,UAAU;AAAA,EAEV,WAAW;AAAA,EAEX,gBAAgB;AACd,WAAO;AAAA,MACL,QAAQ;AAAA,QACN,SAAS;AAAA,QACT,WAAW,CAAC,YAAY,QAAQ,aAAa,aAAa;AAAA,QAC1D,YAAY,CAAC,gBAAgB;AAAA,UAC3B,eAAe,WAAW;AAAA,QAC5B;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEA,cAAc;AACZ,WAAO;AAAA,MACL,YACE,CAAC,SAAS,iCACV,CAAC,EAAE,SAAS,MAAM;AAChB,YAAI,QAAQ;AACZ,YAAI,WAAW,8BAAwB;AACrC,kBAAQ;AAAA,QACV,WAAW,WAAW,kCAA0B;AAC9C,kBAAQ;AAAA,QACV;AACA,cAAM,UAAU,MAAM,KAAK,EAAE,QAAQ,MAAM,GAAG,MAAM,uCAAuC;AAE3F,eAAO,SAAS,cAAc,yCAAyC,MAAM,KAAK,QAAQ,KAAK,EAAE,CAAC,QAAQ;AAAA,MAC5G;AAAA,MACF,WACE,CAAC,WACD,CAAC,EAAE,SAAS,MACV,SAAS,iBAAiB,WAAW,EAAE,OAAO,CAAC;AAAA,IACrD;AAAA,EACF;AAAA,EAEA,WAAW,EAAE,eAAe,GAAG;AAC7B,UAAM,SAAS,eAAe,aAAa,KAAK;AAEhD,WAAO;AAAA,MACL;AAAA,MACA,gBAAgB,KAAK,QAAQ,gBAAgB,gBAAgB;AAAA,QAC3D,IAAI,eAAe;AAAA,QACnB,OAAO,UAAU,MAAM;AAAA,QACvB,aAAa;AAAA,QACb,eAAe;AAAA,MACjB,CAAC;AAAA,MACD;AAAA,IACF;AAAA,EACF;AAAA,EAEA,YAAY;AACV,WAAO;AAAA,MACL;AAAA,QACE,KAAK;AAAA,MACP;AAAA,IACF;AAAA,EACF;AACF,CAAC;","names":[]}