vobi_document 1.0.2 → 1.1.0

package/dist/chunk-QYBWIJXZ.js

@@ -0,0 +1,98 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+// src/editor/blockIcons.tsx
+var base = {
+  width: 16,
+  height: 16,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 2,
+  strokeLinecap: "round",
+  strokeLinejoin: "round"
+};
+function TextIcon() {
+  return /* @__PURE__ */ jsx("svg", { ...base, children: /* @__PURE__ */ jsx("path", { d: "M4 6h16M4 12h16M4 18h10" }) });
+}
+function ImageIcon() {
+  return /* @__PURE__ */ jsxs("svg", { ...base, children: [
+    /* @__PURE__ */ jsx("rect", { x: "3", y: "4", width: "18", height: "16", rx: "2" }),
+    /* @__PURE__ */ jsx("circle", { cx: "8.5", cy: "9.5", r: "1.5" }),
+    /* @__PURE__ */ jsx("path", { d: "m21 16-5-5L5 20" })
+  ] });
+}
+function ButtonIcon() {
+  return /* @__PURE__ */ jsx("svg", { ...base, children: /* @__PURE__ */ jsx("rect", { x: "3", y: "8", width: "18", height: "8", rx: "4" }) });
+}
+function DividerIcon() {
+  return /* @__PURE__ */ jsx("svg", { ...base, children: /* @__PURE__ */ jsx("path", { d: "M3 12h18" }) });
+}
+function PageBreakIcon() {
+  return /* @__PURE__ */ jsxs("svg", { ...base, children: [
+    /* @__PURE__ */ jsx("path", { d: "M6 4h8l4 4v4M6 4v6M3 14h18", strokeDasharray: "0 0" }),
+    /* @__PURE__ */ jsx("path", { d: "M3 14h18", strokeDasharray: "3 3" }),
+    /* @__PURE__ */ jsx("path", { d: "M6 18v2M18 18v2" })
+  ] });
+}
+function TableIcon() {
+  return /* @__PURE__ */ jsxs("svg", { ...base, children: [
+    /* @__PURE__ */ jsx("rect", { x: "3", y: "4", width: "18", height: "16", rx: "1" }),
+    /* @__PURE__ */ jsx("path", { d: "M3 10h18M3 15h18M9 4v16M15 4v16" })
+  ] });
+}
+function ImageGridIcon() {
+  return /* @__PURE__ */ jsxs("svg", { ...base, children: [
+    /* @__PURE__ */ jsx("rect", { x: "3", y: "3", width: "8", height: "8", rx: "1" }),
+    /* @__PURE__ */ jsx("rect", { x: "13", y: "3", width: "8", height: "8", rx: "1" }),
+    /* @__PURE__ */ jsx("rect", { x: "3", y: "13", width: "8", height: "8", rx: "1" }),
+    /* @__PURE__ */ jsx("rect", { x: "13", y: "13", width: "8", height: "8", rx: "1" })
+  ] });
+}
+function IconTextIcon() {
+  return /* @__PURE__ */ jsxs("svg", { ...base, children: [
+    /* @__PURE__ */ jsx("circle", { cx: "6", cy: "12", r: "3" }),
+    /* @__PURE__ */ jsx("path", { d: "M12 9h9M12 14h6" })
+  ] });
+}
+function ImageTextIcon() {
+  return /* @__PURE__ */ jsxs("svg", { ...base, children: [
+    /* @__PURE__ */ jsx("rect", { x: "3", y: "6", width: "7", height: "12", rx: "1" }),
+    /* @__PURE__ */ jsx("path", { d: "M13 8h8M13 12h8M13 16h5" })
+  ] });
+}
+function TwoColumnsIcon() {
+  return /* @__PURE__ */ jsxs("svg", { ...base, children: [
+    /* @__PURE__ */ jsx("rect", { x: "3", y: "4", width: "8", height: "16", rx: "1" }),
+    /* @__PURE__ */ jsx("rect", { x: "13", y: "4", width: "8", height: "16", rx: "1" })
+  ] });
+}
+function BlockIcon() {
+  return /* @__PURE__ */ jsxs("svg", { ...base, children: [
+    /* @__PURE__ */ jsx("rect", { x: "4", y: "4", width: "7", height: "7", rx: "1" }),
+    /* @__PURE__ */ jsx("rect", { x: "13", y: "4", width: "7", height: "7", rx: "1" }),
+    /* @__PURE__ */ jsx("rect", { x: "4", y: "13", width: "7", height: "7", rx: "1" }),
+    /* @__PURE__ */ jsx("rect", { x: "13", y: "13", width: "7", height: "7", rx: "1" })
+  ] });
+}
+function HeadingIcon() {
+  return /* @__PURE__ */ jsx("svg", { ...base, children: /* @__PURE__ */ jsx("path", { d: "M6 4v16M18 4v16M6 12h12" }) });
+}
+function ListIcon() {
+  return /* @__PURE__ */ jsx("svg", { ...base, children: /* @__PURE__ */ jsx("path", { d: "M8 6h13M8 12h13M8 18h13M3 6h.01M3 12h.01M3 18h.01" }) });
+}
+function QuoteIcon() {
+  return /* @__PURE__ */ jsxs("svg", { ...base, children: [
+    /* @__PURE__ */ jsx("path", { d: "M4 5v14" }),
+    /* @__PURE__ */ jsx("path", { d: "M10 8h9M10 12h9M10 16h6" })
+  ] });
+}
+function SpacerIcon() {
+  return /* @__PURE__ */ jsxs("svg", { ...base, children: [
+    /* @__PURE__ */ jsx("path", { d: "M4 5h16M4 19h16M12 9v6" }),
+    /* @__PURE__ */ jsx("path", { d: "m9 12 3-3 3 3M9 16l3 3 3-3" })
+  ] });
+}
+
+export { BlockIcon, ButtonIcon, DividerIcon, HeadingIcon, IconTextIcon, ImageGridIcon, ImageIcon, ImageTextIcon, ListIcon, PageBreakIcon, QuoteIcon, SpacerIcon, TableIcon, TextIcon, TwoColumnsIcon };
+//# sourceMappingURL=chunk-QYBWIJXZ.js.map
+//# sourceMappingURL=chunk-QYBWIJXZ.js.map

package/dist/chunk-QYBWIJXZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/editor/blockIcons.tsx"],"names":[],"mappings":"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","file":"chunk-QYBWIJXZ.js","sourcesContent":["import type { ReactNode } from 'react';\n\nconst base = {\n  width: 16,\n  height: 16,\n  viewBox: '0 0 24 24',\n  fill: 'none',\n  stroke: 'currentColor',\n  strokeWidth: 2,\n  strokeLinecap: 'round' as const,\n  strokeLinejoin: 'round' as const\n};\n\nexport function TextIcon(): ReactNode {\n  return (\n    <svg {...base}>\n      <path d=\"M4 6h16M4 12h16M4 18h10\" />\n    </svg>\n  );\n}\n\nexport function ImageIcon(): ReactNode {\n  return (\n    <svg {...base}>\n      <rect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"2\" />\n      <circle cx=\"8.5\" cy=\"9.5\" r=\"1.5\" />\n      <path d=\"m21 16-5-5L5 20\" />\n    </svg>\n  );\n}\n\nexport function ButtonIcon(): ReactNode {\n  return (\n    <svg {...base}>\n      <rect x=\"3\" y=\"8\" width=\"18\" height=\"8\" rx=\"4\" />\n    </svg>\n  );\n}\n\nexport function DividerIcon(): ReactNode {\n  return (\n    <svg {...base}>\n      <path d=\"M3 12h18\" />\n    </svg>\n  );\n}\n\nexport function PageBreakIcon(): ReactNode {\n  return (\n    <svg {...base}>\n      <path d=\"M6 4h8l4 4v4M6 4v6M3 14h18\" strokeDasharray=\"0 0\" />\n      <path d=\"M3 14h18\" strokeDasharray=\"3 3\" />\n      <path d=\"M6 18v2M18 18v2\" />\n    </svg>\n  );\n}\n\nexport function TableIcon(): ReactNode {\n  return (\n    <svg {...base}>\n      <rect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"1\" />\n      <path d=\"M3 10h18M3 15h18M9 4v16M15 4v16\" />\n    </svg>\n  );\n}\n\nexport function ImageGridIcon(): ReactNode {\n  return (\n    <svg {...base}>\n      <rect x=\"3\" y=\"3\" width=\"8\" height=\"8\" rx=\"1\" />\n      <rect x=\"13\" y=\"3\" width=\"8\" height=\"8\" rx=\"1\" />\n      <rect x=\"3\" y=\"13\" width=\"8\" height=\"8\" rx=\"1\" />\n      <rect x=\"13\" y=\"13\" width=\"8\" height=\"8\" rx=\"1\" />\n    </svg>\n  );\n}\n\nexport function IconTextIcon(): ReactNode {\n  return (\n    <svg {...base}>\n      <circle cx=\"6\" cy=\"12\" r=\"3\" />\n      <path d=\"M12 9h9M12 14h6\" />\n    </svg>\n  );\n}\n\nexport function ImageTextIcon(): ReactNode {\n  return (\n    <svg {...base}>\n      <rect x=\"3\" y=\"6\" width=\"7\" height=\"12\" rx=\"1\" />\n      <path d=\"M13 8h8M13 12h8M13 16h5\" />\n    </svg>\n  );\n}\n\nexport function TwoColumnsIcon(): ReactNode {\n  return (\n    <svg {...base}>\n      <rect x=\"3\" y=\"4\" width=\"8\" height=\"16\" rx=\"1\" />\n      <rect x=\"13\" y=\"4\" width=\"8\" height=\"16\" rx=\"1\" />\n    </svg>\n  );\n}\n\n/** Generic fallback for blocks that don't declare an icon. */\nexport function BlockIcon(): ReactNode {\n  return (\n    <svg {...base}>\n      <rect x=\"4\" y=\"4\" width=\"7\" height=\"7\" rx=\"1\" />\n      <rect x=\"13\" y=\"4\" width=\"7\" height=\"7\" rx=\"1\" />\n      <rect x=\"4\" y=\"13\" width=\"7\" height=\"7\" rx=\"1\" />\n      <rect x=\"13\" y=\"13\" width=\"7\" height=\"7\" rx=\"1\" />\n    </svg>\n  );\n}\n\nexport function HeadingIcon(): ReactNode {\n  return (\n    <svg {...base}>\n      <path d=\"M6 4v16M18 4v16M6 12h12\" />\n    </svg>\n  );\n}\n\nexport function ListIcon(): ReactNode {\n  return (\n    <svg {...base}>\n      <path d=\"M8 6h13M8 12h13M8 18h13M3 6h.01M3 12h.01M3 18h.01\" />\n    </svg>\n  );\n}\n\nexport function QuoteIcon(): ReactNode {\n  return (\n    <svg {...base}>\n      <path d=\"M4 5v14\" />\n      <path d=\"M10 8h9M10 12h9M10 16h6\" />\n    </svg>\n  );\n}\n\nexport function SpacerIcon(): ReactNode {\n  return (\n    <svg {...base}>\n      <path d=\"M4 5h16M4 19h16M12 9v6\" />\n      <path d=\"m9 12 3-3 3 3M9 16l3 3 3-3\" />\n    </svg>\n  );\n}\n"]}

package/dist/chunk-U56KVTK5.cjs

@@ -0,0 +1,68 @@
+'use strict';
+
+var chunkNDHTMYPA_cjs = require('./chunk-NDHTMYPA.cjs');
+var react = require('react');
+var core = require('@puckeditor/core');
+var styled = require('styled-components');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var styled__default = /*#__PURE__*/_interopDefault(styled);
+
+var A4Box = styled__default.default.div`
+  aspect-ratio: 210 / 297;
+  width: 100%;
+  overflow: hidden;
+  container-type: inline-size;
+`;
+function CoverEditable({
+  templateId,
+  fields,
+  accent,
+  theme,
+  textColor,
+  bgColor,
+  selected,
+  onFieldsChange,
+  onImagePick
+}) {
+  const Template = chunkNDHTMYPA_cjs.COVER_TEMPLATES[templateId] ?? chunkNDHTMYPA_cjs.COVER_TEMPLATES["model-1"];
+  const resolved = chunkNDHTMYPA_cjs.resolveCoverColors(templateId, { accent, textColor, bgColor }, theme);
+  const boxRef = react.useRef(null);
+  react.useEffect(() => {
+    const el = boxRef.current;
+    if (!el || !selected) return void 0;
+    try {
+      return core.registerOverlayPortal(el, { disableDrag: true });
+    } catch {
+      return void 0;
+    }
+  }, [selected]);
+  const contextValue = react.useMemo(
+    () => ({
+      editable: true,
+      onFieldChange: (name, value) => onFieldsChange({ ...fields, [name]: value }),
+      onImagePick
+    }),
+    [fields, onFieldsChange, onImagePick]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkNDHTMYPA_cjs.CoverEditContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(A4Box, { ref: boxRef, children: /* @__PURE__ */ jsxRuntime.jsx(Template, { fields, theme, ...resolved }) }) });
+}
+function CoverTemplateStatic({
+  templateId,
+  fields,
+  accent,
+  theme,
+  textColor,
+  bgColor
+}) {
+  const Template = chunkNDHTMYPA_cjs.COVER_TEMPLATES[templateId] ?? chunkNDHTMYPA_cjs.COVER_TEMPLATES["model-1"];
+  const resolved = chunkNDHTMYPA_cjs.resolveCoverColors(templateId, { accent, textColor, bgColor }, theme);
+  return /* @__PURE__ */ jsxRuntime.jsx(A4Box, { children: /* @__PURE__ */ jsxRuntime.jsx(Template, { fields, theme, ...resolved }) });
+}
+
+exports.CoverEditable = CoverEditable;
+exports.CoverTemplateStatic = CoverTemplateStatic;
+//# sourceMappingURL=chunk-U56KVTK5.cjs.map
+//# sourceMappingURL=chunk-U56KVTK5.cjs.map

package/dist/chunk-U56KVTK5.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/render/chrome/covers/CoverEditable.tsx","../src/render/chrome/covers/CoverTemplateStatic.tsx"],"names":["styled","COVER_TEMPLATES","resolveCoverColors","useRef","useEffect","registerOverlayPortal","useMemo","CoverEditContext","jsx"],"mappings":";;;;;;;;;;;;AASO,IAAM,QAAQA,uBAAA,CAAO,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA;AAmBrB,SAAS,aAAA,CAAc;AAAA,EAC5B,UAAA;AAAA,EACA,MAAA;AAAA,EACA,MAAA;AAAA,EACA,KAAA;AAAA,EACA,SAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,cAAA;AAAA,EACA;AACF,CAAA,EAAuB;AACrB,EAAA,MAAM,QAAA,GAAWC,iCAAA,CAAgB,UAAU,CAAA,IAAKA,kCAAgB,SAAS,CAAA;AACzE,EAAA,MAAM,QAAA,GAAWC,qCAAmB,UAAA,EAAY,EAAE,QAAQ,SAAA,EAAW,OAAA,IAAW,KAAK,CAAA;AACrF,EAAA,MAAM,MAAA,GAASC,aAAuB,IAAI,CAAA;AAO1C,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,MAAM,KAAK,MAAA,CAAO,OAAA;AAClB,IAAA,IAAI,CAAC,EAAA,IAAM,CAAC,QAAA,EAAU,OAAO,MAAA;AAC7B,IAAA,IAAI;AACF,MAAA,OAAOC,0BAAA,CAAsB,EAAA,EAAI,EAAE,WAAA,EAAa,MAAM,CAAA;AAAA,IACxD,CAAA,CAAA,MAAQ;AACN,MAAA,OAAO,MAAA;AAAA,IACT;AAAA,EACF,CAAA,EAAG,CAAC,QAAQ,CAAC,CAAA;AAEb,EAAA,MAAM,YAAA,GAAeC,aAAA;AAAA,IACnB,OAAO;AAAA,MACL,QAAA,EAAU,IAAA;AAAA,MACV,aAAA,EAAe,CAAC,IAAA,EAAyB,KAAA,KAAkB,cAAA,CAAe,EAAE,GAAG,MAAA,EAAQ,CAAC,IAAI,GAAG,KAAA,EAAO,CAAA;AAAA,MACtG;AAAA,KACF,CAAA;AAAA,IACA,CAAC,MAAA,EAAQ,cAAA,EAAgB,WAAW;AAAA,GACtC;AACA,EAAA,sCACGC,kCAAA,CAAiB,QAAA,EAAjB,EAA0B,KAAA,EAAO,cAChC,QAAA,kBAAAC,cAAA,CAAC,KAAA,EAAA,EAAM,GAAA,EAAK,MAAA,EACV,yCAAC,QAAA,EAAA,EAAS,MAAA,EAAgB,OAAe,GAAG,QAAA,EAAU,GACxD,CAAA,EACF,CAAA;AAEJ;AC5DO,SAAS,mBAAA,CAAoB;AAAA,EAClC,UAAA;AAAA,EACA,MAAA;AAAA,EACA,MAAA;AAAA,EACA,KAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF,CAAA,EAA6B;AAC3B,EAAA,MAAM,QAAA,GAAWP,iCAAA,CAAgB,UAAU,CAAA,IAAKA,kCAAgB,SAAS,CAAA;AACzE,EAAA,MAAM,QAAA,GAAWC,qCAAmB,UAAA,EAAY,EAAE,QAAQ,SAAA,EAAW,OAAA,IAAW,KAAK,CAAA;AACrF,EAAA,uBACEM,cAAAA,CAAC,KAAA,EAAA,EACC,QAAA,kBAAAA,cAAAA,CAAC,YAAS,MAAA,EAAgB,KAAA,EAAe,GAAG,QAAA,EAAU,CAAA,EACxD,CAAA;AAEJ","file":"chunk-U56KVTK5.cjs","sourcesContent":["import { useEffect, useMemo, useRef } from 'react';\nimport { registerOverlayPortal } from '@puckeditor/core';\nimport styled from 'styled-components';\nimport type { CoverFields, Theme } from '../../../schema/theme';\nimport { CoverEditContext } from './primitives';\nimport { COVER_TEMPLATES, resolveCoverColors } from './index';\n\n// container-type habilita unidades cqw nos templates: o cover fica proporcional\n// à largura do container (preview A4, tela de edição ~420px, miniatura) — sem px fixo.\nexport const A4Box = styled.div`\n  aspect-ratio: 210 / 297;\n  width: 100%;\n  overflow: hidden;\n  container-type: inline-size;\n`;\n\nexport type CoverEditableProps = {\n  templateId: string;\n  fields: CoverFields;\n  accent?: string;\n  theme?: Theme;\n  textColor?: string;\n  bgColor?: string;\n  selected?: boolean;\n  onFieldsChange: (next: CoverFields) => void;\n  onImagePick: () => void;\n};\n\nexport function CoverEditable({\n  templateId,\n  fields,\n  accent,\n  theme,\n  textColor,\n  bgColor,\n  selected,\n  onFieldsChange,\n  onImagePick\n}: CoverEditableProps) {\n  const Template = COVER_TEMPLATES[templateId] ?? COVER_TEMPLATES['model-1'];\n  const resolved = resolveCoverColors(templateId, { accent, textColor, bgColor }, theme);\n  const boxRef = useRef<HTMLDivElement>(null);\n\n  // Campos sempre editáveis; o overlay portal só é registrado QUANDO o bloco está\n  // selecionado (deps [selected]). Fluxo: bloco não-selecionado → sem portal → 1º\n  // clique seleciona o bloco; selecionado → portal ativo (disableDrag) → edita inline\n  // SEM soltar a seleção. A afinação visual (borda serrilhada) é só no hover/focus de\n  // cada campo (covers.styles), então nada \"pisca\" ao selecionar.\n  useEffect(() => {\n    const el = boxRef.current;\n    if (!el || !selected) return undefined;\n    try {\n      return registerOverlayPortal(el, { disableDrag: true });\n    } catch {\n      return undefined;\n    }\n  }, [selected]);\n\n  const contextValue = useMemo(\n    () => ({\n      editable: true,\n      onFieldChange: (name: keyof CoverFields, value: string) => onFieldsChange({ ...fields, [name]: value }),\n      onImagePick\n    }),\n    [fields, onFieldsChange, onImagePick]\n  );\n  return (\n    <CoverEditContext.Provider value={contextValue}>\n      <A4Box ref={boxRef}>\n        <Template fields={fields} theme={theme} {...resolved} />\n      </A4Box>\n    </CoverEditContext.Provider>\n  );\n}\n","import type { CoverFields, Theme } from '../../../schema/theme';\nimport { COVER_TEMPLATES, resolveCoverColors } from './index';\nimport { A4Box } from './CoverEditable';\n\nexport type CoverTemplateStaticProps = {\n  templateId: string;\n  fields: CoverFields;\n  accent?: string;\n  theme?: Theme;\n  textColor?: string;\n  bgColor?: string;\n};\n\nexport function CoverTemplateStatic({\n  templateId,\n  fields,\n  accent,\n  theme,\n  textColor,\n  bgColor\n}: CoverTemplateStaticProps) {\n  const Template = COVER_TEMPLATES[templateId] ?? COVER_TEMPLATES['model-1'];\n  const resolved = resolveCoverColors(templateId, { accent, textColor, bgColor }, theme);\n  return (\n    <A4Box>\n      <Template fields={fields} theme={theme} {...resolved} />\n    </A4Box>\n  );\n}\n"]}