@hashrock/ono-visual-editor 0.1.0

package/dist/style.css

@@ -0,0 +1 @@
+.ono-ve,.ono-ve *,.ono-ve *:before,.ono-ve *:after{margin:0;padding:0;box-sizing:border-box}.ono-ve{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100%;min-height:0;display:flex;flex-direction:column;background:#1e1e1e;color:#d4d4d4;font-size:13px}.ono-ve header{padding:.6rem 1rem;background:#252526;border-bottom:1px solid #3e3e42;display:flex;align-items:center;gap:1rem}.ono-ve h1{font-size:1.1rem;font-weight:600;color:#fff}.ono-ve .tagline{color:#8b949e}.ono-ve .spacer{flex:1}.ono-ve button{padding:.35rem .7rem;background:#3e3e42;color:#e8e8e8;border:none;border-radius:4px;cursor:pointer;font-size:12px}.ono-ve button:hover{background:#4e4e52}.ono-ve button.primary{background:#0e639c}.ono-ve button.primary:hover{background:#17b}.ono-ve button.danger{background:#7a2323}.ono-ve button.danger:hover{background:#9a2d2d}.ono-ve button:disabled{opacity:.4;cursor:default}.ono-ve .container{flex:1;display:grid;grid-template-columns:minmax(280px,1fr) minmax(320px,1.4fr) 300px;gap:1px;background:#3e3e42;overflow:hidden}.ono-ve .panel{background:#1e1e1e;display:flex;flex-direction:column;overflow:hidden;min-width:0}.ono-ve .panel-header{padding:.5rem .8rem;background:#252526;border-bottom:1px solid #3e3e42;font-weight:500;display:flex;align-items:center;gap:.5rem}.ono-ve .tabs{display:flex;background:#252526;border-bottom:1px solid #3e3e42;overflow-x:auto}.ono-ve .tab{padding:.4rem .8rem;background:#2d2d2d;border-radius:0;border-right:1px solid #3e3e42;color:#8b949e;white-space:nowrap}.ono-ve .tab.active{background:#1e1e1e;color:#fff}.ono-ve .fill{flex:1;position:relative;overflow:hidden}.ono-ve .editor{width:100%;height:100%;padding:.8rem;font-family:Menlo,Monaco,Ubuntu Mono,monospace;font-size:13px;line-height:1.5;background:#1e1e1e;color:#d4d4d4;border:none;outline:none;resize:none;tab-size:2;white-space:pre;display:none}.ono-ve .editor.active{display:block}.ono-ve .preview{width:100%;height:100%;border:none;background:#fff}.ono-ve .inspector{padding:.8rem;overflow-y:auto;display:flex;flex-direction:column;gap:.9rem}.ono-ve .inspector .empty{color:#8b949e;line-height:1.6}.ono-ve .field label{display:block;color:#8b949e;margin-bottom:.25rem;font-size:11px;text-transform:uppercase;letter-spacing:.05em}.ono-ve .field input,.ono-ve .field textarea{width:100%;background:#2d2d2d;border:1px solid #3e3e42;border-radius:4px;color:#e8e8e8;padding:.4rem .5rem;font-family:Menlo,Monaco,monospace;font-size:12px}.ono-ve .field textarea{resize:vertical;min-height:60px}.ono-ve .chips{display:flex;flex-wrap:wrap;gap:.3rem;align-items:center}.ono-ve .chip{display:inline-flex;align-items:center;gap:.3rem;background:#0e639c33;border:1px solid #0e639c88;color:#cfe8ff;border-radius:999px;padding:.15rem .5rem;font-family:Menlo,Monaco,monospace;font-size:11px;cursor:pointer}.ono-ve .chip:hover{background:#7a232366;border-color:#f48771}.ono-ve .chip b{font-weight:400;color:#8b949e}.ono-ve .chip-input{background:transparent!important;border:1px dashed #3e3e42!important;min-width:90px;flex:1;padding:.2rem .4rem!important;font-size:11px!important}.ono-ve .group{border-top:1px solid #2d2d2d;margin-top:.5rem;padding-top:.3rem}.ono-ve .group summary{cursor:pointer;color:#8b949e;font-size:11px;text-transform:uppercase;letter-spacing:.05em;padding:.2rem 0;list-style:none}.ono-ve .group summary:before{content:"▸ "}.ono-ve .group[open] summary:before{content:"▾ "}.ono-ve .control{display:grid;grid-template-columns:82px 1fr;align-items:start;gap:.4rem;margin:.3rem 0}.ono-ve .control-label{color:#8b949e;font-size:11px;padding-top:.25rem}.ono-ve .control select{width:100%;background:#2d2d2d;color:#e8e8e8;border:1px solid #3e3e42;border-radius:4px;padding:.2rem .3rem;font-family:Menlo,Monaco,monospace;font-size:11px}.ono-ve .color{display:flex;flex-direction:column;gap:.25rem}.ono-ve .swatches{display:flex;flex-wrap:wrap;gap:3px}.ono-ve .swatch{width:16px;height:16px;padding:0;border-radius:3px;border:1px solid #ffffff22;background:transparent;cursor:pointer}.ono-ve .swatch.none{background:repeating-linear-gradient(45deg,#444 0 3px,#222 3px 6px)}.ono-ve .swatch.on{outline:2px solid #fff;outline-offset:1px}.ono-ve .swatch:hover{transform:scale(1.2)}.ono-ve .field input:disabled,.ono-ve .field textarea:disabled{opacity:.4}.ono-ve .field .hint{color:#6e7681;margin-top:.25rem;font-size:11px}.ono-ve .selected-tag{font-family:Menlo,Monaco,monospace;color:#4ec9b0;font-size:14px}.ono-ve .selected-file{color:#8b949e;font-size:11px}.ono-ve .row{display:flex;gap:.4rem;flex-wrap:wrap}.ono-ve .row button{flex:1 1 auto}.ono-ve .section-title{color:#8b949e;font-size:11px;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.4rem}.ono-ve .status{padding:.4rem 1rem;background:#252526;border-top:1px solid #3e3e42;font-size:12px;color:#8b949e}.ono-ve .status.error{color:#f48771;background:#3a1515}.ono-ve .status.processing{color:#4ec9b0}.ono-ve .checkbox{color:#8b949e;display:flex;gap:.3rem;align-items:center;font-weight:400}.ono-ve .palette{display:flex;flex-wrap:wrap;gap:.3rem;padding:.4rem .6rem;background:#252526;border-bottom:1px solid #3e3e42}.ono-ve .tile{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .55rem;background:#2d2d2d;border:1px solid #3e3e42;border-radius:4px;color:#d4d4d4;font-size:11px;cursor:grab}.ono-ve .tile:hover{background:#3e3e42;border-color:#0e639c}.ono-ve .tile:active{cursor:grabbing}.ono-ve .tile:disabled{opacity:1;cursor:grab;color:#8b949e}.ono-ve .tile-icon{font-size:12px;width:1.1em;text-align:center;color:#4ec9b0}

package/dist/uno-controls-CopUGd4g.js

@@ -0,0 +1,451 @@
+import { parse as R } from "sucrase/dist/parser/index.js";
+import { TokenType as a } from "sucrase/dist/parser/tokenizer/types.js";
+const N = "data-ono-id", Y = ["class", "className"];
+function C(e, t = "index.jsx") {
+  const { tokens: n } = R(e, !0, /\.tsx?$/.test(t), !1), s = [], r = [];
+  let i = 0;
+  const h = () => r[r.length - 1];
+  for (; i < n.length; ) {
+    const l = n[i], o = h();
+    if (l.type === a.jsxTagStart) {
+      const f = n[i + 1];
+      if (f && f.type === a.slash) {
+        let g = i + 2;
+        for (; n[g] && n[g].type !== a.jsxTagEnd; ) g++;
+        const y = r.pop();
+        y && (y.element.closeStart = l.start, y.element.end = n[g].end), i = g + 1;
+        continue;
+      }
+      let d = i + 1, p = "", w = l.end;
+      for (; n[d] && (n[d].type === a.jsxName || n[d].type === a.dot) && n[d].start === w; )
+        p += e.slice(n[d].start, n[d].end), w = n[d].end, d++;
+      const b = {
+        index: s.length,
+        tag: p,
+        start: l.start,
+        end: -1,
+        nameEnd: w,
+        openEnd: -1,
+        closeStart: -1,
+        selfClosing: !1,
+        host: /^[a-z]/.test(p),
+        attrs: [],
+        children: [],
+        parent: o ? o.element : null
+      };
+      s.push(b), o && o.element.children.push({ type: "element", element: b }), r.push({ element: b, phase: "open", depth: 0, exprStart: -1 }), i = d;
+      continue;
+    }
+    if (!o) {
+      i++;
+      continue;
+    }
+    const m = o.element;
+    if (o.depth > 0) {
+      l.type === a.braceL ? o.depth++ : l.type === a.braceR && --o.depth === 0 && (o.attr ? (o.attr.valueEnd = l.end, o.attr.end = l.end, o.attr = null) : o.phase === "children" && m.children.push({ type: "expr", start: o.exprStart, end: l.end })), i++;
+      continue;
+    }
+    if (o.phase === "open") {
+      if (l.type === a.jsxName) {
+        const f = {
+          name: e.slice(l.start, l.end),
+          start: l.start,
+          end: l.end,
+          valueStart: -1,
+          valueEnd: -1,
+          value: null
+        };
+        m.attrs.push(f);
+        const d = n[i + 1];
+        if (d && d.type === a.eq) {
+          const p = n[i + 2];
+          if (p.type === a.string) {
+            f.valueStart = p.start, f.valueEnd = p.end, f.end = p.end, f.value = e.slice(p.start + 1, p.end - 1), i += 3;
+            continue;
+          }
+          if (p.type === a.braceL) {
+            f.valueStart = p.start, o.attr = f, o.depth = 1, i += 3;
+            continue;
+          }
+        }
+        i++;
+        continue;
+      }
+      if (l.type === a.braceL) {
+        o.depth = 1, i++;
+        continue;
+      }
+      if (l.type === a.slash) {
+        m.selfClosing = !0, i++;
+        continue;
+      }
+      if (l.type === a.jsxTagEnd) {
+        m.openEnd = l.end, m.selfClosing ? (m.end = l.end, r.pop()) : o.phase = "children", i++;
+        continue;
+      }
+      i++;
+      continue;
+    }
+    l.type === a.jsxText ? m.children.push({ type: "text", start: l.start, end: l.end }) : l.type === a.braceL && (o.depth = 1, o.exprStart = l.start), i++;
+  }
+  return s;
+}
+function Z(e, t) {
+  const n = [];
+  let s = 0;
+  for (const r of C(e, t))
+    r.host && (n.push(e.slice(s, r.nameEnd), ` ${N}="${t}#${r.index}"`), s = r.nameEnd);
+  return n.push(e.slice(s)), n.join("");
+}
+function ee(e) {
+  const t = e.lastIndexOf("#");
+  return { filename: e.slice(0, t), index: Number(e.slice(t + 1)) };
+}
+function E(e, t) {
+  const n = e.lastIndexOf(`
+`, t - 1) + 1;
+  return e.slice(n).match(/^[ \t]*/)[0];
+}
+function S(e) {
+  return `"${e.replace(/"/g, "&quot;")}"`;
+}
+function A(e) {
+  if (e.selfClosing) return null;
+  if (e.children.length === 0) return;
+  const [t] = e.children;
+  return e.children.length === 1 && t.type === "text" ? t : null;
+}
+function te(e, t) {
+  const n = A(t);
+  return n === null ? null : n ? e.slice(n.start, n.end).trim() : "";
+}
+function z(e, t, n) {
+  const s = A(t);
+  if (s === null) return e;
+  if (s === void 0) return e.slice(0, t.openEnd) + n + e.slice(t.closeStart);
+  const r = e.slice(s.start, s.end), i = r.match(/^\s*/)[0], h = r.match(/\s*$/)[0];
+  return e.slice(0, s.start) + i + n + h + e.slice(s.end);
+}
+function q(e, t) {
+  return e.attrs.find((n) => t.includes(n.name)) || null;
+}
+function U(e, t, n, s) {
+  const r = q(t, [n]);
+  if (r) {
+    if (s === "") {
+      let i = r.start;
+      for (; i > t.nameEnd && /\s/.test(e[i - 1]); ) i--;
+      return e.slice(0, i) + e.slice(r.end);
+    }
+    return r.valueStart === -1 ? e.slice(0, r.end) + "=" + S(s) + e.slice(r.end) : e.slice(0, r.valueStart) + S(s) + e.slice(r.valueEnd);
+  }
+  return s === "" ? e : e.slice(0, t.nameEnd) + ` ${n}=${S(s)}` + e.slice(t.nameEnd);
+}
+function _(e, t) {
+  const [n, s] = O(e, t);
+  return e.slice(0, n) + e.slice(s);
+}
+function O(e, t) {
+  const n = e.lastIndexOf(`
+`, t.start - 1) + 1, s = e.indexOf(`
+`, t.end), r = s === -1 ? e.length : s;
+  return /^[ \t]*$/.test(e.slice(n, t.start)) && /^[ \t]*$/.test(e.slice(t.end, r)) ? [Math.max(0, n - 1), r] : [t.start, t.end];
+}
+function D(e, t) {
+  for (let n = e; n; n = n.parent) if (n === t) return !0;
+  return !1;
+}
+function F(e, t, n, s) {
+  if (t === n || D(n, t)) return { source: e, start: t.start };
+  const r = e.slice(t.start, t.end), [i, h] = O(e, t), l = E(e, n.start);
+  let o = s === "before" ? n.start : n.end;
+  o >= h && (o -= h - i);
+  const m = e.slice(0, i) + e.slice(h), f = s === "before" ? `${r}
+${l}` : `
+${l}${r}`, d = s === "before" ? o : o + 1 + l.length;
+  return { source: m.slice(0, o) + f + m.slice(o), start: d };
+}
+function L(e, t, n) {
+  return I(e, t, n, "after").source;
+}
+function I(e, t, n, s) {
+  const r = E(e, t.start);
+  return s === "before" ? { source: e.slice(0, t.start) + n + `
+` + r + e.slice(t.start), start: t.start } : { source: e.slice(0, t.end) + `
+` + r + n + e.slice(t.end), start: t.end + 1 + r.length };
+}
+function ne(e, t, n) {
+  if (t.selfClosing) return L(e, t, n);
+  const s = E(e, t.start), r = e.slice(t.openEnd, t.closeStart);
+  if (!r.includes(`
+`))
+    return e.slice(0, t.closeStart) + n + e.slice(t.closeStart);
+  const i = r.replace(/\s+$/, "");
+  return e.slice(0, t.openEnd) + i + `
+` + s + "  " + n + `
+` + s + e.slice(t.closeStart);
+}
+function H(e, t) {
+  return L(e, t, e.slice(t.start, t.end));
+}
+const j = /* @__PURE__ */ new Map();
+function T(e, t) {
+  const n = j.get(e);
+  if (n && n.source === t) return n.elements;
+  const s = C(t, e);
+  return j.set(e, { source: t, elements: s }), s;
+}
+const B = ({ filename: e, index: t }) => `${e}#${t}`;
+function P(e, t) {
+  return { files: e, currentFile: t, selection: null, selectMode: !0, past: [], future: [], version: 0, compile: "now" };
+}
+function G(e, t, n) {
+  const s = t[n.target.index];
+  switch (n.type) {
+    case "setAttr":
+      return { source: U(e, s, n.name, n.value), select: "keep" };
+    case "setText":
+      return { source: z(e, s, n.text), select: "keep" };
+    case "remove":
+      return { source: _(e, s), select: null };
+    case "duplicate":
+      return { source: H(e, s), select: "keep" };
+    case "move": {
+      const r = F(e, s, t[n.to.index], n.position);
+      return { source: r.source, select: s.host ? r.start : null };
+    }
+    case "insert": {
+      const r = I(e, s, n.code, n.position);
+      return { source: r.source, select: r.start };
+    }
+    default:
+      throw new Error(`Unknown edit command: ${n.type}`);
+  }
+}
+const V = /* @__PURE__ */ new Set(["setAttr", "setText", "remove", "duplicate", "move", "insert"]);
+function W(e, t) {
+  const { filename: n } = t.target, s = e.files[n], r = G(s, T(n, s), t);
+  if (r.source === s) return e;
+  let i = e.selection;
+  if (r.select === null) i = null;
+  else if (typeof r.select == "number") {
+    const h = T(n, r.source).findIndex((l) => l.start === r.select);
+    i = h === -1 ? null : { id: B({ filename: n, index: h }), nth: t.nth ?? 0 };
+  }
+  return {
+    ...e,
+    files: { ...e.files, [n]: r.source },
+    selection: i,
+    past: [...e.past, { files: e.files, selection: e.selection }],
+    future: [],
+    version: e.version + 1,
+    compile: "now"
+  };
+}
+function se(e, t) {
+  if (V.has(t.type)) return W(e, t);
+  switch (t.type) {
+    case "select":
+      return { ...e, selection: t.selection, compile: null };
+    case "setSelectMode":
+      return { ...e, selectMode: t.on, selection: t.on ? e.selection : null, compile: null };
+    case "switchFile":
+      return { ...e, currentFile: t.filename, compile: null };
+    case "setSource":
+      return {
+        ...e,
+        files: { ...e.files, [t.filename]: t.source },
+        future: [],
+        version: e.version + 1,
+        compile: "soon"
+      };
+    case "undo": {
+      const n = e.past.at(-1);
+      return n ? {
+        ...e,
+        ...n,
+        past: e.past.slice(0, -1),
+        future: [{ files: e.files, selection: e.selection }, ...e.future],
+        version: e.version + 1,
+        compile: "now"
+      } : e;
+    }
+    case "redo": {
+      const [n, ...s] = e.future;
+      return n ? {
+        ...e,
+        ...n,
+        past: [...e.past, { files: e.files, selection: e.selection }],
+        future: s,
+        version: e.version + 1,
+        compile: "now"
+      } : e;
+    }
+    case "load":
+      return { ...P(t.files, t.currentFile), version: e.version + 1 };
+    default:
+      throw new Error(`Unknown action: ${t.type}`);
+  }
+}
+const J = ["0", "0.5", "1", "1.5", "2", "2.5", "3", "4", "5", "6", "8", "10", "12", "16", "20", "24"], v = {
+  slate: "#64748b",
+  gray: "#6b7280",
+  zinc: "#71717a",
+  neutral: "#737373",
+  stone: "#78716c",
+  red: "#ef4444",
+  orange: "#f97316",
+  amber: "#f59e0b",
+  yellow: "#eab308",
+  lime: "#84cc16",
+  green: "#22c55e",
+  emerald: "#10b981",
+  teal: "#14b8a6",
+  cyan: "#06b6d4",
+  sky: "#0ea5e9",
+  blue: "#3b82f6",
+  indigo: "#6366f1",
+  violet: "#8b5cf6",
+  purple: "#a855f7",
+  fuchsia: "#d946ef",
+  pink: "#ec4899",
+  rose: "#f43f5e"
+}, K = ["50", "100", "200", "300", "400", "500", "600", "700", "800", "900", "950"], k = ["white", "black", "transparent"];
+function re(e, t = "500") {
+  if (e === "white") return "#fff";
+  if (e === "black") return "#000";
+  if (e === "transparent") return "transparent";
+  const n = v[e];
+  if (!n) return "transparent";
+  const s = Number(t);
+  if (s === 500) return n;
+  const r = s < 500 ? "white" : "black", i = s < 500 ? Math.round((500 - s) / 5) : Math.round((s - 500) / 5.5);
+  return `color-mix(in oklab, ${n}, ${r} ${i}%)`;
+}
+const u = (e, t) => t.map((n) => `${e}-${n}`), x = (e, t) => ({
+  label: e,
+  kind: "select",
+  options: u(t, J),
+  test: new RegExp(`^${t}-(\\d+(\\.\\d+)?|px)$`)
+}), $ = (e, t) => ({
+  label: e,
+  kind: "color",
+  prefix: t,
+  test: new RegExp(`^${t}-(?:(${Object.keys(v).join("|")})-(${K.join("|")})|(${k.join("|")}))$`)
+}), c = (e, t) => ({ label: e, kind: "select", options: t }), ie = [
+  {
+    title: "Layout",
+    controls: [
+      c("display", ["block", "inline-block", "flex", "inline-flex", "grid", "hidden"]),
+      c("direction", ["flex-row", "flex-col", "flex-row-reverse", "flex-col-reverse"]),
+      c("align", u("items", ["start", "center", "end", "stretch", "baseline"])),
+      c("justify", u("justify", ["start", "center", "end", "between", "around", "evenly"])),
+      c("columns", u("grid-cols", ["1", "2", "3", "4", "5", "6", "12"])),
+      x("gap", "gap")
+    ]
+  },
+  {
+    title: "Spacing",
+    controls: [
+      x("padding", "p"),
+      x("padding x", "px"),
+      x("padding y", "py"),
+      x("margin", "m"),
+      x("margin x", "mx"),
+      x("margin y", "my"),
+      x("margin top", "mt"),
+      x("margin bottom", "mb")
+    ]
+  },
+  {
+    title: "Size",
+    controls: [
+      c("width", u("w", ["auto", "full", "screen", "fit", "1/2", "1/3", "2/3", "1/4", "3/4"])),
+      c("height", u("h", ["auto", "full", "screen", "fit"])),
+      c("max width", u("max-w", ["none", "xs", "sm", "md", "lg", "xl", "2xl", "3xl", "4xl", "full"])),
+      c("min height", u("min-h", ["0", "full", "screen"]))
+    ]
+  },
+  {
+    title: "Typography",
+    controls: [
+      c("size", u("text", ["xs", "sm", "base", "lg", "xl", "2xl", "3xl", "4xl", "5xl", "6xl"])),
+      c("weight", u("font", ["thin", "light", "normal", "medium", "semibold", "bold", "extrabold"])),
+      c("align", u("text", ["left", "center", "right", "justify"])),
+      c("leading", u("leading", ["none", "tight", "snug", "normal", "relaxed", "loose"])),
+      c("tracking", u("tracking", ["tighter", "tight", "normal", "wide", "wider", "widest"])),
+      c("transform", ["uppercase", "lowercase", "capitalize", "normal-case"]),
+      c("decoration", ["underline", "line-through", "no-underline"]),
+      $("color", "text")
+    ]
+  },
+  {
+    title: "Background & Border",
+    controls: [
+      $("background", "bg"),
+      c("radius", ["rounded-none", "rounded-sm", "rounded", "rounded-md", "rounded-lg", "rounded-xl", "rounded-2xl", "rounded-3xl", "rounded-full"]),
+      c("border", ["border", "border-0", "border-2", "border-4"]),
+      $("border color", "border"),
+      c("shadow", ["shadow-none", "shadow-sm", "shadow", "shadow-md", "shadow-lg", "shadow-xl", "shadow-2xl"]),
+      c("opacity", u("opacity", ["0", "25", "50", "75", "100"]))
+    ]
+  }
+];
+function M(e, t) {
+  return e.test ? e.test.test(t) : e.options.includes(t);
+}
+function le(e) {
+  return e.split(/\s+/).filter(Boolean);
+}
+function oe(e, t) {
+  return t.find((n) => M(e, n)) ?? "";
+}
+function ce(e, t, n) {
+  const s = [];
+  let r = !1;
+  for (const i of t)
+    M(e, i) ? !r && n && (s.push(n), r = !0) : s.push(i);
+  return n && !r && s.push(n), s;
+}
+function ae(e, t) {
+  const n = t && e.test.exec(t);
+  return n ? n[3] ? { hue: n[3], shade: "" } : { hue: n[1], shade: n[2] } : null;
+}
+function de(e, t, n) {
+  return k.includes(t) ? `${e}-${t}` : `${e}-${t}-${n || "500"}`;
+}
+const ue = [...k, ...Object.keys(v)];
+export {
+  Y as C,
+  V as E,
+  ie as G,
+  v as H,
+  N as I,
+  J as S,
+  z as a,
+  U as b,
+  D as c,
+  L as d,
+  I as e,
+  q as f,
+  te as g,
+  ne as h,
+  Z as i,
+  H as j,
+  T as k,
+  P as l,
+  F as m,
+  se as n,
+  K as o,
+  C as p,
+  re as q,
+  _ as r,
+  ee as s,
+  B as t,
+  le as u,
+  oe as v,
+  ce as w,
+  ae as x,
+  de as y,
+  ue as z
+};

package/package.json

@@ -0,0 +1,65 @@
+{
+  "name": "@hashrock/ono-visual-editor",
+  "version": "0.1.0",
+  "type": "module",
+  "description": "Visual editor for Ono JSX as a React component: render JSX with Ono and edit elements from the preview",
+  "keywords": [
+    "ono",
+    "jsx",
+    "visual-editor",
+    "wysiwyg",
+    "react",
+    "unocss"
+  ],
+  "author": "hashrock",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/hashrock/ono.git",
+    "directory": "packages/visual-editor"
+  },
+  "bugs": {
+    "url": "https://github.com/hashrock/ono/issues"
+  },
+  "homepage": "https://github.com/hashrock/ono/tree/main/packages/visual-editor#readme",
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "exports": {
+    ".": "./dist/index.js",
+    "./core": "./dist/core.js",
+    "./style.css": "./dist/style.css",
+    "./package.json": "./package.json"
+  },
+  "sideEffects": [
+    "*.css"
+  ],
+  "peerDependencies": {
+    "react": ">=18",
+    "react-dom": ">=18"
+  },
+  "dependencies": {
+    "@hashrock/ono": "0.3.0",
+    "sucrase": "^3.35.1"
+  },
+  "devDependencies": {
+    "@unocss/core": "^66.5.4",
+    "@unocss/preset-uno": "^66.5.4",
+    "@unocss/reset": "^66.5.4",
+    "@vitejs/plugin-react": "^5.1.0",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
+    "vite": "^7.1.12"
+  },
+  "scripts": {
+    "dev": "vite --config vite.demo.config.js",
+    "build": "vite build",
+    "build:demo": "vite build --config vite.demo.config.js",
+    "preview": "vite preview --config vite.demo.config.js",
+    "test": "node --test test/*.test.js"
+  }
+}