@nice2dev/ui-graphics 1.0.0 → 1.0.2

package/dist/esm/vector/NiceSvgToCode.js

@@ -0,0 +1,423 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React, { useState, useCallback } from 'react';
+
+/* ── Default config ── */
+const DEFAULT_CONFIG = {
+    framework: 'react',
+    componentName: 'MyIcon',
+    extractColors: true,
+    useClassNames: false,
+    typescript: true,
+    optimize: true,
+    sizeProps: true,
+    useCurrentColor: false,
+    memo: true,
+    defaultExport: true,
+    ariaLabel: true,
+};
+/* ── SVG Parser (simple regex-based for browser) ── */
+const METADATA_TAGS = new Set(['metadata', 'title', 'desc', 'defs', 'comment']);
+const REMOVABLE_ATTRS = new Set([
+    'xmlns:xlink', 'xml:space', 'xmlns:svg', 'version',
+    'xmlns:dc', 'xmlns:cc', 'xmlns:rdf', 'xmlns:sodipodi', 'xmlns:inkscape',
+    'sodipodi:docname', 'inkscape:version', 'data-name',
+]);
+function parseSvgString(svg) {
+    // Use DOMParser for safe parsing
+    if (typeof DOMParser === 'undefined')
+        return null;
+    const parser = new DOMParser();
+    const doc = parser.parseFromString(svg, 'image/svg+xml');
+    const error = doc.querySelector('parsererror');
+    if (error)
+        return null;
+    function elementToNode(el) {
+        const attrs = {};
+        for (const attr of Array.from(el.attributes)) {
+            attrs[attr.name] = attr.value;
+        }
+        const children = [];
+        for (const child of Array.from(el.children)) {
+            children.push(elementToNode(child));
+        }
+        const text = el.childNodes.length === 1 && el.childNodes[0].nodeType === 3
+            ? el.childNodes[0].textContent || undefined
+            : undefined;
+        return { tag: el.tagName.toLowerCase(), attrs, children, text };
+    }
+    const svgEl = doc.querySelector('svg');
+    if (!svgEl)
+        return null;
+    return elementToNode(svgEl);
+}
+function optimizeSvgNode(node) {
+    // Remove metadata tags
+    const filteredChildren = node.children
+        .filter((c) => !METADATA_TAGS.has(c.tag))
+        .map(optimizeSvgNode);
+    // Remove removable attrs
+    const cleanAttrs = {};
+    for (const [key, val] of Object.entries(node.attrs)) {
+        if (!REMOVABLE_ATTRS.has(key) && !key.startsWith('inkscape:') && !key.startsWith('sodipodi:')) {
+            cleanAttrs[key] = val;
+        }
+    }
+    return { tag: node.tag, attrs: cleanAttrs, children: filteredChildren, text: node.text };
+}
+function extractColorsFromNode(node, colors) {
+    for (const val of Object.values(node.attrs)) {
+        if (/^#[0-9a-fA-F]{3,8}$/.test(val))
+            colors.add(val.toLowerCase());
+        if (/^rgb\(/.test(val))
+            colors.add(val);
+    }
+    for (const style of (node.attrs.style || '').split(';')) {
+        const match = style.match(/(fill|stroke|color)\s*:\s*(#[0-9a-fA-F]{3,8}|rgb\([^)]+\))/i);
+        if (match)
+            colors.add(match[2].toLowerCase());
+    }
+    for (const child of node.children)
+        extractColorsFromNode(child, colors);
+}
+function replaceColorsInNode(node, replacement) {
+    const newAttrs = {};
+    for (const [key, val] of Object.entries(node.attrs)) {
+        if (/^#[0-9a-fA-F]{3,8}$/.test(val) && (key === 'fill' || key === 'stroke')) {
+            newAttrs[key] = replacement;
+        }
+        else {
+            newAttrs[key] = val;
+        }
+    }
+    return {
+        tag: node.tag,
+        attrs: newAttrs,
+        children: node.children.map((c) => replaceColorsInNode(c, replacement)),
+        text: node.text,
+    };
+}
+/* ── SVG attribute → JSX attribute mapping ── */
+const SVG_TO_JSX = {
+    'class': 'className',
+    'clip-path': 'clipPath',
+    'clip-rule': 'clipRule',
+    'fill-opacity': 'fillOpacity',
+    'fill-rule': 'fillRule',
+    'font-family': 'fontFamily',
+    'font-size': 'fontSize',
+    'font-weight': 'fontWeight',
+    'letter-spacing': 'letterSpacing',
+    'marker-end': 'markerEnd',
+    'marker-mid': 'markerMid',
+    'marker-start': 'markerStart',
+    'stop-color': 'stopColor',
+    'stop-opacity': 'stopOpacity',
+    'stroke-dasharray': 'strokeDasharray',
+    'stroke-dashoffset': 'strokeDashoffset',
+    'stroke-linecap': 'strokeLinecap',
+    'stroke-linejoin': 'strokeLinejoin',
+    'stroke-miterlimit': 'strokeMiterlimit',
+    'stroke-opacity': 'strokeOpacity',
+    'stroke-width': 'strokeWidth',
+    'text-anchor': 'textAnchor',
+    'text-decoration': 'textDecoration',
+    'transform-origin': 'transformOrigin',
+    'xlink:href': 'xlinkHref',
+    'xml:lang': 'xmlLang',
+    'xml:space': 'xmlSpace',
+    'xmlns:xlink': '',
+    'xmlns': '',
+};
+function attrToJsx(name) {
+    if (name in SVG_TO_JSX)
+        return SVG_TO_JSX[name];
+    // camelCase any remaining kebab-case
+    return name.replace(/-([a-z])/g, (_, c) => c.toUpperCase());
+}
+/* ── Code Generators ── */
+function nodeToJsx(node, indent = 2) {
+    const pad = ' '.repeat(indent);
+    const attrs = Object.entries(node.attrs)
+        .map(([k, v]) => {
+        const jsxKey = attrToJsx(k);
+        if (!jsxKey)
+            return '';
+        return `${jsxKey}="${v}"`;
+    })
+        .filter(Boolean)
+        .join(' ');
+    if (node.children.length === 0 && !node.text) {
+        return `${pad}<${node.tag}${attrs ? ' ' + attrs : ''} />`;
+    }
+    const inner = node.text
+        ? node.text
+        : '\n' + node.children.map((c) => nodeToJsx(c, indent + 2)).join('\n') + '\n' + pad;
+    return `${pad}<${node.tag}${attrs ? ' ' + attrs : ''}>${inner}</${node.tag}>`;
+}
+function nodeToHtml(node, indent = 2) {
+    const pad = ' '.repeat(indent);
+    const attrs = Object.entries(node.attrs)
+        .map(([k, v]) => `${k}="${v}"`)
+        .filter(Boolean)
+        .join(' ');
+    if (node.children.length === 0 && !node.text) {
+        return `${pad}<${node.tag}${attrs ? ' ' + attrs : ''} />`;
+    }
+    const inner = node.text
+        ? node.text
+        : '\n' + node.children.map((c) => nodeToHtml(c, indent + 2)).join('\n') + '\n' + pad;
+    return `${pad}<${node.tag}${attrs ? ' ' + attrs : ''}>${inner}</${node.tag}>`;
+}
+function generateReact(node, config) {
+    const { componentName, typescript, sizeProps, memo, defaultExport, ariaLabel } = config;
+    // Build props interface
+    const propsLines = [];
+    if (sizeProps) {
+        propsLines.push('  width?: number | string;');
+        propsLines.push('  height?: number | string;');
+    }
+    if (ariaLabel)
+        propsLines.push("  'aria-label'?: string;");
+    propsLines.push('  className?: string;');
+    propsLines.push('  style?: React.CSSProperties;');
+    // Modify SVG node for props
+    const svgNode = { ...node, attrs: { ...node.attrs } };
+    if (sizeProps) {
+        svgNode.attrs.width = '{width}';
+        svgNode.attrs.height = '{height}';
+    }
+    const jsxBody = nodeToJsx({ ...svgNode, tag: 'svg' }, 4);
+    const lines = [];
+    lines.push("import React from 'react';");
+    lines.push('');
+    if (typescript) {
+        lines.push(`interface ${componentName}Props {`);
+        lines.push(...propsLines);
+        lines.push('}');
+        lines.push('');
+    }
+    const propsType = typescript ? `${componentName}Props` : 'any';
+    const propsDestructure = [
+        sizeProps ? `width = ${JSON.stringify(node.attrs.width || '24')}` : '',
+        sizeProps ? `height = ${JSON.stringify(node.attrs.height || '24')}` : '',
+        ariaLabel ? "'aria-label': ariaLabel" : '',
+        'className',
+        'style',
+    ].filter(Boolean).join(', ');
+    if (memo) {
+        lines.push(`const ${componentName} = React.memo<${propsType}>(({ ${propsDestructure} }) => (`);
+    }
+    else {
+        lines.push(`const ${componentName}: React.FC<${propsType}> = ({ ${propsDestructure} }) => (`);
+    }
+    lines.push(jsxBody);
+    if (memo) {
+        lines.push('));');
+    }
+    else {
+        lines.push(');');
+    }
+    lines.push('');
+    lines.push(`${componentName}.displayName = '${componentName}';`);
+    lines.push('');
+    if (defaultExport) {
+        lines.push(`export default ${componentName};`);
+    }
+    else {
+        lines.push(`export { ${componentName} };`);
+    }
+    return lines.join('\n');
+}
+function generateVue(node, config) {
+    const { componentName, sizeProps, typescript } = config;
+    const svgHtml = nodeToHtml(node, 2);
+    const lines = [];
+    lines.push('<template>');
+    lines.push(svgHtml);
+    lines.push('</template>');
+    lines.push('');
+    lines.push(`<script${typescript ? ' lang="ts"' : ''} setup>`);
+    if (sizeProps) {
+        if (typescript) {
+            lines.push('interface Props {');
+            lines.push("  width?: string | number;");
+            lines.push("  height?: string | number;");
+            lines.push('}');
+            lines.push('');
+            lines.push("const props = withDefaults(defineProps<Props>(), {");
+            lines.push(`  width: '${node.attrs.width || '24'}',`);
+            lines.push(`  height: '${node.attrs.height || '24'}',`);
+            lines.push('});');
+        }
+        else {
+            lines.push('const props = defineProps({');
+            lines.push("  width: { type: [String, Number], default: '24' },");
+            lines.push("  height: { type: [String, Number], default: '24' },");
+            lines.push('});');
+        }
+    }
+    lines.push('</script>');
+    lines.push('');
+    lines.push(`<!-- ${componentName}.vue -->`);
+    return lines.join('\n');
+}
+function generateWebComponent(node, config) {
+    const { componentName, sizeProps } = config;
+    const tagName = componentName.replace(/([A-Z])/g, '-$1').toLowerCase().replace(/^-/, '');
+    const svgHtml = nodeToHtml(node, 6);
+    const lines = [];
+    lines.push(`class ${componentName} extends HTMLElement {`);
+    lines.push('  constructor() {');
+    lines.push('    super();');
+    lines.push("    this.attachShadow({ mode: 'open' });");
+    lines.push('  }');
+    lines.push('');
+    lines.push('  connectedCallback() {');
+    lines.push('    this.render();');
+    lines.push('  }');
+    lines.push('');
+    if (sizeProps) {
+        lines.push("  static get observedAttributes() { return ['width', 'height']; }");
+        lines.push('');
+        lines.push('  attributeChangedCallback() { this.render(); }');
+        lines.push('');
+    }
+    lines.push('  render() {');
+    if (sizeProps) {
+        lines.push(`    const width = this.getAttribute('width') || '${node.attrs.width || '24'}';`);
+        lines.push(`    const height = this.getAttribute('height') || '${node.attrs.height || '24'}';`);
+    }
+    lines.push('    if (this.shadowRoot) {');
+    lines.push('      this.shadowRoot.innerHTML = `');
+    lines.push(svgHtml);
+    lines.push('      `;');
+    lines.push('    }');
+    lines.push('  }');
+    lines.push('}');
+    lines.push('');
+    lines.push(`customElements.define('${tagName}', ${componentName});`);
+    lines.push('');
+    lines.push(`export { ${componentName} };`);
+    return lines.join('\n');
+}
+function generateTypeScript(node, config) {
+    const { componentName, sizeProps } = config;
+    const svgHtml = nodeToHtml(node, 2);
+    const lines = [];
+    lines.push(`export interface ${componentName}Options {`);
+    if (sizeProps) {
+        lines.push('  width?: string | number;');
+        lines.push('  height?: string | number;');
+    }
+    lines.push('  className?: string;');
+    lines.push('}');
+    lines.push('');
+    lines.push(`export function render${componentName}(container: HTMLElement, options: ${componentName}Options = {}): void {`);
+    if (sizeProps) {
+        lines.push(`  const width = options.width ?? '${node.attrs.width || '24'}';`);
+        lines.push(`  const height = options.height ?? '${node.attrs.height || '24'}';`);
+    }
+    lines.push('  container.innerHTML = `');
+    lines.push(svgHtml);
+    lines.push('  `;');
+    lines.push('}');
+    lines.push('');
+    lines.push(`export const ${componentName}SVG = \``);
+    lines.push(svgHtml);
+    lines.push('`;');
+    return lines.join('\n');
+}
+/* ── Main conversion function ── */
+function convertSvgToCode(svgString, config) {
+    let node = parseSvgString(svgString);
+    if (!node)
+        return null;
+    if (config.optimize) {
+        node = optimizeSvgNode(node);
+    }
+    // Extract colors
+    const colors = new Set();
+    extractColorsFromNode(node, colors);
+    if (config.useCurrentColor) {
+        node = replaceColorsInNode(node, 'currentColor');
+    }
+    let code;
+    let ext;
+    switch (config.framework) {
+        case 'react':
+            code = generateReact(node, config);
+            ext = config.typescript ? 'tsx' : 'jsx';
+            break;
+        case 'vue':
+            code = generateVue(node, config);
+            ext = 'vue';
+            break;
+        case 'web-component':
+            code = generateWebComponent(node, config);
+            ext = config.typescript ? 'ts' : 'js';
+            break;
+        case 'typescript':
+            code = generateTypeScript(node, config);
+            ext = 'ts';
+            break;
+        default:
+            return null;
+    }
+    return {
+        code,
+        framework: config.framework,
+        componentName: config.componentName,
+        fileName: `${config.componentName}.${ext}`,
+        extractedColors: [...colors],
+    };
+}
+/* ── Hook ── */
+function useSvgToCode() {
+    const [svgInput, setSvgInput] = useState('');
+    const [config, setConfig] = useState({ ...DEFAULT_CONFIG });
+    const [result, setResult] = useState(null);
+    const convert = useCallback(() => {
+        if (!svgInput.trim()) {
+            setResult(null);
+            return;
+        }
+        const r = convertSvgToCode(svgInput, config);
+        setResult(r);
+    }, [svgInput, config]);
+    const updateConfig = useCallback((partial) => {
+        setConfig((prev) => ({ ...prev, ...partial }));
+    }, []);
+    return { svgInput, setSvgInput, config, updateConfig, convert, result };
+}
+/* ── Component ── */
+const NiceSvgToCode = ({ initialSvg = '', onConvert, className = '', }) => {
+    const { svgInput, setSvgInput, config, updateConfig, convert, result } = useSvgToCode();
+    // Initialize with provided SVG
+    React.useEffect(() => {
+        if (initialSvg)
+            setSvgInput(initialSvg);
+    }, [initialSvg, setSvgInput]);
+    const handleConvert = () => {
+        convert();
+        if (result && onConvert)
+            onConvert(result);
+    };
+    const handleCopy = () => {
+        if (result)
+            navigator.clipboard.writeText(result.code);
+    };
+    return (jsxs("div", { className: `nice-svg-to-code ${className}`, style: { display: 'grid', gap: 8, fontSize: 13 }, children: [jsx("strong", { children: "\uD83D\uDD04 SVG \u2192 Code" }), jsx("textarea", { value: svgInput, onChange: (e) => setSvgInput(e.target.value), placeholder: "Paste SVG markup here\u2026", rows: 6, style: { width: '100%', fontFamily: 'monospace', fontSize: 11, padding: 6, borderRadius: 4,
+                    border: '1px solid var(--border, #e2e8f0)' } }), jsxs("div", { style: { display: 'grid', gap: 4 }, children: [jsxs("label", { children: ["Framework:", jsxs("select", { value: config.framework, onChange: (e) => updateConfig({ framework: e.target.value }), style: { width: '100%' }, children: [jsx("option", { value: "react", children: "React (JSX/TSX)" }), jsx("option", { value: "vue", children: "Vue (SFC)" }), jsx("option", { value: "web-component", children: "Web Component" }), jsx("option", { value: "typescript", children: "TypeScript (utility)" })] })] }), jsxs("label", { children: ["Component name:", jsx("input", { type: "text", value: config.componentName, onChange: (e) => updateConfig({ componentName: e.target.value.replace(/[^a-zA-Z0-9]/g, '') }), style: { width: '100%', padding: '3px 6px' } })] }), jsxs("div", { style: { display: 'flex', gap: 8, flexWrap: 'wrap', fontSize: 11 }, children: [jsxs("label", { children: [jsx("input", { type: "checkbox", checked: config.typescript, onChange: (e) => updateConfig({ typescript: e.target.checked }) }), " TypeScript"] }), jsxs("label", { children: [jsx("input", { type: "checkbox", checked: config.optimize, onChange: (e) => updateConfig({ optimize: e.target.checked }) }), " Optimize"] }), jsxs("label", { children: [jsx("input", { type: "checkbox", checked: config.sizeProps, onChange: (e) => updateConfig({ sizeProps: e.target.checked }) }), " Size props"] }), jsxs("label", { children: [jsx("input", { type: "checkbox", checked: config.useCurrentColor, onChange: (e) => updateConfig({ useCurrentColor: e.target.checked }) }), " currentColor"] }), jsxs("label", { children: [jsx("input", { type: "checkbox", checked: config.memo, onChange: (e) => updateConfig({ memo: e.target.checked }) }), " memo"] })] })] }), jsxs("button", { type: "button", onClick: handleConvert, disabled: !svgInput.trim(), style: {
+                    background: 'var(--accent, #6366f1)', color: '#fff', border: 'none',
+                    borderRadius: 4, padding: '8px 12px', cursor: 'pointer',
+                }, children: ["\uD83D\uDD04 Convert to ", config.framework.charAt(0).toUpperCase() + config.framework.slice(1)] }), result && (jsxs("div", { children: [jsxs("div", { style: { display: 'flex', justifyContent: 'space-between', alignItems: 'center', marginBottom: 4 }, children: [jsx("span", { style: { fontSize: 11, color: 'var(--muted, #64748b)' }, children: result.fileName }), jsx("button", { type: "button", onClick: handleCopy, style: { fontSize: 10, padding: '2px 8px', cursor: 'pointer', borderRadius: 3,
+                                    border: '1px solid var(--border, #e2e8f0)', background: 'transparent' }, children: "\uD83D\uDCCB Copy" })] }), jsx("pre", { style: {
+                            background: 'var(--code-bg, #1e293b)', color: 'var(--code-fg, #e2e8f0)',
+                            padding: 8, borderRadius: 4, fontSize: 11, overflow: 'auto', maxHeight: 300,
+                            whiteSpace: 'pre-wrap',
+                        }, children: result.code }), result.extractedColors.length > 0 && (jsxs("div", { style: { fontSize: 11, marginTop: 4 }, children: ["Kolory: ", result.extractedColors.map((c) => (jsx("span", { style: { display: 'inline-block', width: 12, height: 12, background: c,
+                                    border: '1px solid #ccc', borderRadius: 2, marginRight: 4, verticalAlign: 'middle' } }, c)))] }))] }))] }));
+};
+
+export { NiceSvgToCode, convertSvgToCode, useSvgToCode };
+//# sourceMappingURL=NiceSvgToCode.js.map

package/dist/esm/vector/NiceSvgToCode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NiceSvgToCode.js","sources":["../../../src/vector/NiceSvgToCode.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/esm/vector/VectorEditor.js

@@ -1,4 +1,5 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { NiceButton as Ee, NiceModal as ko, NiceTextArea as bo } from '../ui/dist/index.js';
 import styles from './VectorEditor.module.css.js';
 import { TOOLS } from './vectorEditorTypes.js';
 import { ShapeRenderer } from './VectorEditorShapeRenderer.js';
@@ -7,7 +8,7 @@ import VectorEditorMenuBar from './VectorEditorMenuBar.js';
 import VectorEditorRightPanel from './VectorEditorRightPanel.js';
 import VectorEditorStatusBar from './VectorEditorStatusBar.js';
 
-const VectorEditor = ({ width: artW = 512, height: artH = 512, className, onSaveToLibrary, }) => {
+const NiceVectorEditor = ({ width: artW = 512, height: artH = 512, className, onSaveToLibrary, }) => {
     const api = useVectorEditor({ artW, artH, onSaveToLibrary });
     const { shapes, selId, tool, zoom, px, py, dlgSvg, svgText, gridSize, boxRef, fInp, onDown, onMove, onUp, onWheel, onDblClick, openFile, switchTool, importSVGString, setDlgSvg, setSvgText, } = api;
     return (jsxs("div", { className: `${styles.root} ${className || ""}`, children: [jsx("input", { ref: fInp, type: "file", accept: ".svg", style: { display: "none" }, onChange: (e) => {
@@ -16,14 +17,16 @@ const VectorEditor = ({ width: artW = 512, height: artH = 512, className, onSave
                     if (f)
                         openFile(f);
                     e.target.value = "";
-                } }), jsx(VectorEditorMenuBar, { api: api, hasOnSaveToLibrary: !!onSaveToLibrary }), jsxs("div", { className: styles.mainArea, children: [jsx("div", { className: styles.toolbar, children: TOOLS.map((t) => (jsx("button", { className: `${styles.toolBtn} ${tool === t.id ? styles.toolBtnActive : ""}`, onClick: () => switchTool(t.id), title: `${t.label} (${t.key})`, children: t.icon }, t.id))) }), jsx("div", { ref: boxRef, className: styles.canvasContainer, children: jsxs("svg", { viewBox: `0 0 ${artW} ${artH}`, onMouseDown: onDown, onMouseMove: onMove, onMouseUp: onUp, onMouseLeave: () => {
+                } }), jsx(VectorEditorMenuBar, { api: api, hasOnSaveToLibrary: !!onSaveToLibrary }), jsxs("div", { className: styles.mainArea, children: [jsx("div", { className: styles.toolbar, children: TOOLS.map((t) => (jsx(Ee, { className: `${styles.toolBtn} ${tool === t.id ? styles.toolBtnActive : ""}`, onClick: () => switchTool(t.id), "aria-label": `${t.label} (${t.key})`, variant: tool === t.id ? "primary" : "ghost", size: "sm", children: t.icon }, t.id))) }), jsx("div", { ref: boxRef, className: styles.canvasContainer, children: jsxs("svg", { viewBox: `0 0 ${artW} ${artH}`, onMouseDown: onDown, onMouseMove: onMove, onMouseUp: onUp, onMouseLeave: () => {
                                 /* handled internally via refs */
                             }, onDoubleClick: onDblClick, onWheel: onWheel, onContextMenu: (e) => e.preventDefault(), style: {
                                 transform: `translate(${px}px, ${py}px) scale(${zoom})`,
                                 transformOrigin: "center center",
                                 cursor: tool === "pointer" ? "default" : "crosshair",
-                            }, children: [jsx("rect", { x: 0, y: 0, width: artW, height: artH, fill: "#222" }), zoom >= 2 && (jsxs("g", { opacity: 0.08, children: [Array.from({ length: Math.floor(artW / gridSize) + 1 }, (_, i) => (jsx("line", { x1: i * gridSize, y1: 0, x2: i * gridSize, y2: artH, stroke: "#fff", strokeWidth: 1 / zoom }, `gx${i}`))), Array.from({ length: Math.floor(artH / gridSize) + 1 }, (_, i) => (jsx("line", { x1: 0, y1: i * gridSize, x2: artW, y2: i * gridSize, stroke: "#fff", strokeWidth: 1 / zoom }, `gy${i}`)))] })), shapes.map((s) => (jsx(ShapeRenderer, { shape: s, selected: s.id === selId, zoom: zoom }, s.id)))] }) }), jsx(VectorEditorRightPanel, { api: api })] }), jsx(VectorEditorStatusBar, { api: api, artW: artW, artH: artH }), dlgSvg && (jsx("div", { className: styles.dialogOverlay, onClick: () => setDlgSvg(false), children: jsxs("div", { className: styles.dialog, onClick: (e) => e.stopPropagation(), children: [jsx("h3", { children: "Paste SVG" }), jsx("label", { children: "Paste SVG source code below:" }), jsx("textarea", { value: svgText, onChange: (e) => setSvgText(e.target.value), placeholder: '<svg xmlns="http://www.w3.org/2000/svg" ...>' }), jsxs("div", { className: styles.dialogActions, children: [jsx("button", { className: styles.btnSecondary, onClick: () => setDlgSvg(false), children: "Cancel" }), jsx("button", { className: styles.btnPrimary, onClick: () => importSVGString(svgText), children: "Import" })] })] }) }))] }));
+                            }, children: [jsx("rect", { x: 0, y: 0, width: artW, height: artH, fill: "#222" }), zoom >= 2 && (jsxs("g", { opacity: 0.08, children: [Array.from({ length: Math.floor(artW / gridSize) + 1 }, (_, i) => (jsx("line", { x1: i * gridSize, y1: 0, x2: i * gridSize, y2: artH, stroke: "#fff", strokeWidth: 1 / zoom }, `gx${i}`))), Array.from({ length: Math.floor(artH / gridSize) + 1 }, (_, i) => (jsx("line", { x1: 0, y1: i * gridSize, x2: artW, y2: i * gridSize, stroke: "#fff", strokeWidth: 1 / zoom }, `gy${i}`)))] })), shapes.map((s) => (jsx(ShapeRenderer, { shape: s, selected: s.id === selId, zoom: zoom }, s.id)))] }) }), jsx(VectorEditorRightPanel, { api: api })] }), jsx(VectorEditorStatusBar, { api: api, artW: artW, artH: artH }), jsxs(ko, { open: dlgSvg, onClose: () => setDlgSvg(false), title: "Paste SVG", children: [jsx("label", { children: "Paste SVG source code below:" }), jsx(bo, { value: svgText, onChange: (val) => setSvgText(val), placeholder: '<svg xmlns="http://www.w3.org/2000/svg" ...>' }), jsxs("div", { className: styles.dialogActions, children: [jsx(Ee, { variant: "ghost", onClick: () => setDlgSvg(false), children: "Cancel" }), jsx(Ee, { variant: "primary", onClick: () => importSVGString(svgText), children: "Import" })] })] })] }));
 };
+/** @deprecated Use NiceVectorEditor */
+const VectorEditor = NiceVectorEditor;
 
-export { VectorEditor };
+export { NiceVectorEditor, VectorEditor };
 //# sourceMappingURL=VectorEditor.js.map

package/dist/esm/vector/VectorEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"VectorEditor.js","sources":["../../../src/vector/VectorEditor.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"VectorEditor.js","sources":["../../../src/vector/VectorEditor.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx","NiceButton","NiceModal","NiceTextArea"],"mappings":"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"}

package/dist/esm/vector/VectorEditor.module.css.js

@@ -1,4 +1,4 @@
-var styles = {"root":"VectorEditor-module_root__rtRWo","menuBar":"VectorEditor-module_menuBar__o25XM","menuBtn":"VectorEditor-module_menuBtn__aP4vp","menuSep":"VectorEditor-module_menuSep__3-kTv","menuLabel":"VectorEditor-module_menuLabel__Bsm0e","toolbar":"VectorEditor-module_toolbar__fakYL","toolBtn":"VectorEditor-module_toolBtn__Zh7D3","toolBtnActive":"VectorEditor-module_toolBtnActive__0xZlr","mainArea":"VectorEditor-module_mainArea__3o89F","canvasContainer":"VectorEditor-module_canvasContainer__hOUAx","rightPanel":"VectorEditor-module_rightPanel__3hzcS","panelSection":"VectorEditor-module_panelSection__uteDQ","panelTitle":"VectorEditor-module_panelTitle__WBUxr","shapeItem":"VectorEditor-module_shapeItem__bu2E2","shapeItemActive":"VectorEditor-module_shapeItemActive__E2lK7","shapeIcon":"VectorEditor-module_shapeIcon__M4j6X","shapeName":"VectorEditor-module_shapeName__2QctO","propRow":"VectorEditor-module_propRow__Alc4S","propLabel":"VectorEditor-module_propLabel__J0lxK","propInput":"VectorEditor-module_propInput__3my2d","propColorSwatch":"VectorEditor-module_propColorSwatch__JL97Z","statusBar":"VectorEditor-module_statusBar__jMwan","dialogOverlay":"VectorEditor-module_dialogOverlay__NLiCg","dialog":"VectorEditor-module_dialog__NDNK2","dialogActions":"VectorEditor-module_dialogActions__0Sy4X","btnPrimary":"VectorEditor-module_btnPrimary__f9AaS","btnSecondary":"VectorEditor-module_btnSecondary__wDps2"};
+var styles = {"root":"VectorEditor-module_root__rtRWo","menuBar":"VectorEditor-module_menuBar__o25XM","menuBtn":"VectorEditor-module_menuBtn__aP4vp","menuSep":"VectorEditor-module_menuSep__3-kTv","menuLabel":"VectorEditor-module_menuLabel__Bsm0e","toolbar":"VectorEditor-module_toolbar__fakYL","toolBtn":"VectorEditor-module_toolBtn__Zh7D3","toolBtnActive":"VectorEditor-module_toolBtnActive__0xZlr","mainArea":"VectorEditor-module_mainArea__3o89F","canvasContainer":"VectorEditor-module_canvasContainer__hOUAx","rightPanel":"VectorEditor-module_rightPanel__3hzcS","panelSection":"VectorEditor-module_panelSection__uteDQ","panelTitle":"VectorEditor-module_panelTitle__WBUxr","shapeItem":"VectorEditor-module_shapeItem__bu2E2","shapeItemActive":"VectorEditor-module_shapeItemActive__E2lK7","shapeIcon":"VectorEditor-module_shapeIcon__M4j6X","shapeName":"VectorEditor-module_shapeName__2QctO","propRow":"VectorEditor-module_propRow__Alc4S","propLabel":"VectorEditor-module_propLabel__J0lxK","propInput":"VectorEditor-module_propInput__3my2d","propColorSwatch":"VectorEditor-module_propColorSwatch__JL97Z","statusBar":"VectorEditor-module_statusBar__jMwan","dialogActions":"VectorEditor-module_dialogActions__0Sy4X"};
 
 export { styles as default };
 //# sourceMappingURL=VectorEditor.module.css.js.map

package/dist/esm/vector/VectorEditorMenuBar.js

@@ -1,12 +1,16 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import React from 'react';
+import { NiceButton as Ee, NiceSelect as tn, NiceCheckbox as qi } from '../ui/dist/index.js';
 import styles from './VectorEditor.module.css.js';
 
 const VectorEditorMenuBar$1 = ({ api, hasOnSaveToLibrary }) => {
     const { selId, hasClipboard, snapGrid, fInp, shapes, boolSecondShape, newCanvas, setDlgSvg, setBoolSecondShape, exportSVG, exportPNG, exportJPG, exportWebP, exportBMP, undo, redo, duplicateShape, copyShape, pasteShape, deleteShape, bringToFront, sendToBack, flipH, flipV, alignShapes, setSnapGrid, saveToLibrary, unionShapes, subtractShapes, intersectShapes, excludeShapes, outlineStroke, } = api;
     // Check if we can perform boolean ops (need 2 shapes selected)
     const canBool = selId && boolSecondShape && selId !== boolSecondShape;
-    return (jsxs("div", { className: styles.menuBar, children: [jsx("button", { className: styles.menuBtn, onClick: newCanvas, children: "New" }), jsx("button", { className: styles.menuBtn, onClick: () => { var _a; return (_a = fInp.current) === null || _a === void 0 ? void 0 : _a.click(); }, children: "Open SVG" }), jsx("button", { className: styles.menuBtn, onClick: () => setDlgSvg(true), children: "Paste SVG" }), jsx("div", { className: styles.menuSep }), jsx("button", { className: styles.menuBtn, onClick: exportSVG, children: "SVG" }), jsx("button", { className: styles.menuBtn, onClick: exportPNG, children: "PNG" }), jsx("button", { className: styles.menuBtn, onClick: exportJPG, children: "JPG" }), jsx("button", { className: styles.menuBtn, onClick: exportWebP, children: "WebP" }), jsx("button", { className: styles.menuBtn, onClick: exportBMP, children: "BMP" }), jsx("div", { className: styles.menuSep }), jsx("button", { className: styles.menuBtn, onClick: undo, children: "Undo" }), jsx("button", { className: styles.menuBtn, onClick: redo, children: "Redo" }), jsx("div", { className: styles.menuSep }), jsx("button", { className: styles.menuBtn, onClick: duplicateShape, disabled: !selId, title: "Ctrl+D", children: "Dup" }), jsx("button", { className: styles.menuBtn, onClick: copyShape, disabled: !selId, title: "Ctrl+C", children: "Copy" }), jsx("button", { className: styles.menuBtn, onClick: pasteShape, disabled: !hasClipboard, title: "Ctrl+V", children: "Paste" }), jsx("div", { className: styles.menuSep }), jsx("button", { className: styles.menuBtn, onClick: deleteShape, disabled: !selId, children: "Delete" }), jsx("button", { className: styles.menuBtn, onClick: bringToFront, disabled: !selId, children: "\u2191 Front" }), jsx("button", { className: styles.menuBtn, onClick: sendToBack, disabled: !selId, children: "\u2193 Back" }), jsx("div", { className: styles.menuSep }), jsx("button", { className: styles.menuBtn, onClick: flipH, disabled: !selId, title: "Flip H", children: "\u21D4" }), jsx("button", { className: styles.menuBtn, onClick: flipV, disabled: !selId, title: "Flip V", children: "\u21D5" }), jsx("div", { className: styles.menuSep }), jsx("button", { className: styles.menuBtn, onClick: () => alignShapes("left"), disabled: !selId, title: "Align Left", children: "\u25E7" }), jsx("button", { className: styles.menuBtn, onClick: () => alignShapes("center"), disabled: !selId, title: "Align Center", children: "\u25EB" }), jsx("button", { className: styles.menuBtn, onClick: () => alignShapes("right"), disabled: !selId, title: "Align Right", children: "\u25E8" }), jsx("div", { className: styles.menuSep }), shapes.length >= 2 && (jsxs(Fragment, { children: [jsxs("select", { className: styles.menuBtn, value: boolSecondShape || "", onChange: (e) => setBoolSecondShape(e.target.value || null), title: "Pick 2nd shape for boolean", style: { minWidth: 80 }, children: [jsx("option", { value: "", children: "2nd Shape" }), shapes.filter(s => s.id !== selId).map((s, i) => (jsxs("option", { value: s.id, children: ["Shape ", i + 1] }, s.id)))] }), jsx("button", { className: styles.menuBtn, onClick: unionShapes, disabled: !canBool, title: "Union", children: "\u222A" }), jsx("button", { className: styles.menuBtn, onClick: subtractShapes, disabled: !canBool, title: "Subtract", children: "\u2212" }), jsx("button", { className: styles.menuBtn, onClick: intersectShapes, disabled: !canBool, title: "Intersect", children: "\u2229" }), jsx("button", { className: styles.menuBtn, onClick: excludeShapes, disabled: !canBool, title: "Exclude", children: "\u2295" }), jsx("button", { className: styles.menuBtn, onClick: outlineStroke, disabled: !selId, title: "Outline Stroke", children: "\u25AD" }), jsx("div", { className: styles.menuSep })] })), jsxs("label", { className: styles.menuLabel, title: "Snap to Grid", children: [jsx("input", { type: "checkbox", checked: snapGrid, onChange: () => setSnapGrid((v) => !v), style: { marginRight: 3 } }), "Snap"] }), hasOnSaveToLibrary && (jsxs(Fragment, { children: [jsx("div", { className: styles.menuSep }), jsx("button", { className: styles.menuBtn, onClick: saveToLibrary, children: "\uD83D\uDCE6 Save to Library" })] }))] }));
+    return (jsxs("div", { className: styles.menuBar, children: [jsx(Ee, { className: styles.menuBtn, variant: "ghost", size: "sm", onClick: newCanvas, children: "New" }), jsx(Ee, { className: styles.menuBtn, variant: "ghost", size: "sm", onClick: () => { var _a; return (_a = fInp.current) === null || _a === void 0 ? void 0 : _a.click(); }, children: "Open SVG" }), jsx(Ee, { className: styles.menuBtn, variant: "ghost", size: "sm", onClick: () => setDlgSvg(true), children: "Paste SVG" }), jsx("div", { className: styles.menuSep }), jsx(Ee, { className: styles.menuBtn, variant: "ghost", size: "sm", onClick: exportSVG, children: "SVG" }), jsx(Ee, { className: styles.menuBtn, variant: "ghost", size: "sm", onClick: exportPNG, children: "PNG" }), jsx(Ee, { className: styles.menuBtn, variant: "ghost", size: "sm", onClick: exportJPG, children: "JPG" }), jsx(Ee, { className: styles.menuBtn, variant: "ghost", size: "sm", onClick: exportWebP, children: "WebP" }), jsx(Ee, { className: styles.menuBtn, variant: "ghost", size: "sm", onClick: exportBMP, children: "BMP" }), jsx("div", { className: styles.menuSep }), jsx(Ee, { className: styles.menuBtn, variant: "ghost", size: "sm", onClick: undo, children: "Undo" }), jsx(Ee, { className: styles.menuBtn, variant: "ghost", size: "sm", onClick: redo, children: "Redo" }), jsx("div", { className: styles.menuSep }), jsx(Ee, { className: styles.menuBtn, variant: "ghost", size: "sm", onClick: duplicateShape, disabled: !selId, "aria-label": "Ctrl+D", children: "Dup" }), jsx(Ee, { className: styles.menuBtn, variant: "ghost", size: "sm", onClick: copyShape, disabled: !selId, "aria-label": "Ctrl+C", children: "Copy" }), jsx(Ee, { className: styles.menuBtn, variant: "ghost", size: "sm", onClick: pasteShape, disabled: !hasClipboard, "aria-label": "Ctrl+V", children: "Paste" }), jsx("div", { className: styles.menuSep }), jsx(Ee, { className: styles.menuBtn, variant: "ghost", size: "sm", onClick: deleteShape, disabled: !selId, children: "Delete" }), jsx(Ee, { className: styles.menuBtn, variant: "ghost", size: "sm", onClick: bringToFront, disabled: !selId, children: "\u2191 Front" }), jsx(Ee, { className: styles.menuBtn, variant: "ghost", size: "sm", onClick: sendToBack, disabled: !selId, children: "\u2193 Back" }), jsx("div", { className: styles.menuSep }), jsx(Ee, { className: styles.menuBtn, variant: "ghost", size: "sm", onClick: flipH, disabled: !selId, "aria-label": "Flip H", children: "\u21D4" }), jsx(Ee, { className: styles.menuBtn, variant: "ghost", size: "sm", onClick: flipV, disabled: !selId, "aria-label": "Flip V", children: "\u21D5" }), jsx("div", { className: styles.menuSep }), jsx(Ee, { className: styles.menuBtn, variant: "ghost", size: "sm", onClick: () => alignShapes("left"), disabled: !selId, "aria-label": "Align Left", children: "\u25E7" }), jsx(Ee, { className: styles.menuBtn, variant: "ghost", size: "sm", onClick: () => alignShapes("center"), disabled: !selId, "aria-label": "Align Center", children: "\u25EB" }), jsx(Ee, { className: styles.menuBtn, variant: "ghost", size: "sm", onClick: () => alignShapes("right"), disabled: !selId, "aria-label": "Align Right", children: "\u25E8" }), jsx("div", { className: styles.menuSep }), shapes.length >= 2 && (jsxs(Fragment, { children: [jsx(tn, { className: styles.menuBtn, value: boolSecondShape || "", onChange: (val) => setBoolSecondShape(val || null), options: [
+                            { value: "", label: "2nd Shape" },
+                            ...shapes.filter(s => s.id !== selId).map((s, i) => ({ value: s.id, label: `Shape ${i + 1}` })),
+                        ], style: { minWidth: 80 } }), jsx(Ee, { className: styles.menuBtn, variant: "ghost", size: "sm", onClick: unionShapes, disabled: !canBool, "aria-label": "Union", children: "\u222A" }), jsx(Ee, { className: styles.menuBtn, variant: "ghost", size: "sm", onClick: subtractShapes, disabled: !canBool, "aria-label": "Subtract", children: "\u2212" }), jsx(Ee, { className: styles.menuBtn, variant: "ghost", size: "sm", onClick: intersectShapes, disabled: !canBool, "aria-label": "Intersect", children: "\u2229" }), jsx(Ee, { className: styles.menuBtn, variant: "ghost", size: "sm", onClick: excludeShapes, disabled: !canBool, "aria-label": "Exclude", children: "\u2295" }), jsx(Ee, { className: styles.menuBtn, variant: "ghost", size: "sm", onClick: outlineStroke, disabled: !selId, "aria-label": "Outline Stroke", children: "\u25AD" }), jsx("div", { className: styles.menuSep })] })), jsxs("label", { className: styles.menuLabel, children: [jsx(qi, { checked: snapGrid, onChange: () => setSnapGrid((v) => !v) }), "Snap"] }), hasOnSaveToLibrary && (jsxs(Fragment, { children: [jsx("div", { className: styles.menuSep }), jsx(Ee, { className: styles.menuBtn, variant: "ghost", size: "sm", onClick: saveToLibrary, children: "\uD83D\uDCE6 Save to Library" })] }))] }));
 };
 var VectorEditorMenuBar = React.memo(VectorEditorMenuBar$1);