@savvycal/mjml-editor 0.0.1 → 0.0.2

package/dist/lib/mjml/scopeCSS.d.ts

@@ -0,0 +1,21 @@
+/**
+ * CSS scoping utility for the visual editor.
+ *
+ * Scopes CSS selectors by prefixing them with a container class
+ * to prevent styles from leaking to the parent page.
+ */
+/**
+ * Scope CSS selectors by prefixing them with a container class.
+ *
+ * For example:
+ *   .button-primary { color: red; }
+ * becomes:
+ *   .mjml-visual-editor-scope .button-primary { color: red; }
+ *
+ * This also handles:
+ * - Descendant selectors: .fd-accountid p { } -> .scope .fd-accountid p { }
+ * - Multiple selectors: .a, .b { } -> .scope .a, .scope .b { }
+ * - Media queries: preserved with scoped inner rules
+ */
+export declare function scopeCSS(css: string, scopeClass: string): string;
+//# sourceMappingURL=scopeCSS.d.ts.map

package/dist/lib/mjml/scopeCSS.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scopeCSS.d.ts","sourceRoot":"","sources":["../../../src/lib/mjml/scopeCSS.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH;;;;;;;;;;;;GAYG;AACH,wBAAgB,QAAQ,CAAC,GAAG,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,GAAG,MAAM,CA4IhE"}

package/dist/lib/mjml/scopeCSS.js

@@ -0,0 +1,67 @@
+function g(e, c) {
+  if (!e || !e.trim())
+    return "";
+  const x = `.${c}`;
+  let i = "", t = 0;
+  for (; t < e.length; ) {
+    for (; t < e.length && /\s/.test(e[t]); )
+      i += e[t], t++;
+    if (t >= e.length) break;
+    if (e[t] === "@") {
+      const f = e.slice(t).match(/^@[\w-]+/);
+      if (f) {
+        const n = f[0];
+        if (n === "@media" || n === "@supports" || n === "@layer") {
+          const a = e.indexOf("{", t);
+          if (a === -1) {
+            i += e.slice(t);
+            break;
+          }
+          i += e.slice(t, a + 1), t = a + 1;
+          let r = 1;
+          const l = t;
+          for (; t < e.length && r > 0; )
+            e[t] === "{" ? r++ : e[t] === "}" && r--, t++;
+          const w = e.slice(l, t - 1);
+          i += g(w, c), i += "}";
+          continue;
+        }
+        if (n === "@keyframes" || n === "@-webkit-keyframes") {
+          const a = e.indexOf("{", t);
+          if (a === -1) {
+            i += e.slice(t);
+            break;
+          }
+          let r = 1, l = a + 1;
+          for (; l < e.length && r > 0; )
+            e[l] === "{" ? r++ : e[l] === "}" && r--, l++;
+          i += e.slice(t, l), t = l;
+          continue;
+        }
+        const h = e.indexOf(";", t), m = e.indexOf("{", t);
+        if (h !== -1 && (m === -1 || h < m)) {
+          i += e.slice(t, h + 1), t = h + 1;
+          continue;
+        }
+      }
+    }
+    const u = e.indexOf("{", t);
+    if (u === -1) {
+      i += e.slice(t);
+      break;
+    }
+    const k = e.slice(t, u).trim();
+    let b = 1, o = u + 1;
+    for (; o < e.length && b > 0; )
+      e[o] === "{" ? b++ : e[o] === "}" && b--, o++;
+    const p = e.slice(u + 1, o - 1), d = k.split(",").map((f) => {
+      const n = f.trim();
+      return n ? `${x} ${n}` : "";
+    }).filter((f) => f).join(", ");
+    d && (i += `${d} {${p}}`), t = o;
+  }
+  return i;
+}
+export {
+  g as scopeCSS
+};

package/dist/lib/utils.d.ts

@@ -0,0 +1,3 @@
+import { ClassValue } from 'clsx';
+export declare function cn(...inputs: ClassValue[]): string;
+//# sourceMappingURL=utils.d.ts.map

package/dist/lib/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/lib/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,UAAU,EAAE,MAAM,MAAM,CAAC;AAG7C,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC"}

package/dist/lib/utils.js

@@ -0,0 +1,8 @@
+import { clsx as o } from "clsx";
+import { twMerge as t } from "tailwind-merge";
+function n(...r) {
+  return t(o(r));
+}
+export {
+  n as cn
+};

package/dist/styles.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=styles.d.ts.map

package/dist/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../src/styles.ts"],"names":[],"mappings":"AAEA,OAAO,aAAa,CAAC"}

package/dist/styles.js

@@ -0,0 +1 @@
+/* empty css          */

package/dist/types/liquid.d.ts

@@ -0,0 +1,28 @@
+/**
+ * Schema item for Liquid variables and tags
+ */
+export interface LiquidSchemaItem {
+    /** The name/path of the variable or tag (e.g., "user.name" or "if") */
+    name: string;
+    /** Optional description shown in the autocomplete popup */
+    description?: string;
+}
+/**
+ * Complete Liquid schema passed to MjmlEditor
+ */
+export interface LiquidSchema {
+    /** Variables accessible via {{ variable_name }} syntax */
+    variables: LiquidSchemaItem[];
+    /** Tags accessible via {% tag_name %} syntax */
+    tags: LiquidSchemaItem[];
+}
+/**
+ * Internal type for autocomplete suggestions
+ */
+export interface LiquidSuggestion {
+    id: string;
+    name: string;
+    description?: string;
+    type: 'variable' | 'tag';
+}
+//# sourceMappingURL=liquid.d.ts.map

package/dist/types/liquid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"liquid.d.ts","sourceRoot":"","sources":["../../src/types/liquid.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,uEAAuE;IACvE,IAAI,EAAE,MAAM,CAAC;IACb,2DAA2D;IAC3D,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,0DAA0D;IAC1D,SAAS,EAAE,gBAAgB,EAAE,CAAC;IAC9B,gDAAgD;IAChD,IAAI,EAAE,gBAAgB,EAAE,CAAC;CAC1B;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,UAAU,GAAG,KAAK,CAAC;CAC1B"}

package/dist/types/mjml.d.ts

@@ -0,0 +1,101 @@
+export interface MjmlNode {
+    tagName: string;
+    attributes: Record<string, string>;
+    children?: MjmlNode[];
+    content?: string;
+    _id?: string;
+}
+export interface MjmlFont {
+    name: string;
+    href: string;
+}
+export type MjmlTagName = 'mjml' | 'mj-head' | 'mj-body' | 'mj-wrapper' | 'mj-section' | 'mj-column' | 'mj-text' | 'mj-image' | 'mj-button' | 'mj-divider' | 'mj-spacer' | 'mj-title' | 'mj-preview' | 'mj-attributes' | 'mj-all' | 'mj-class' | 'mj-style' | 'mj-font';
+export type ContentBlockType = 'mj-text' | 'mj-image' | 'mj-button' | 'mj-divider' | 'mj-spacer';
+export type AttributeGroup = 'primary' | 'background' | 'typography' | 'border' | 'inner' | 'sizing' | 'spacing' | 'link' | 'advanced';
+export interface AttributeSchema {
+    type: 'color' | 'dimension' | 'text' | 'url' | 'select' | 'padding' | 'number';
+    label: string;
+    default?: string;
+    options?: {
+        value: string;
+        label: string;
+    }[];
+    placeholder?: string;
+    group?: AttributeGroup;
+}
+export type ComponentSchema = Record<string, AttributeSchema>;
+export interface EditorState {
+    document: MjmlNode;
+    selectedBlockId: string | null;
+    history: MjmlNode[];
+    historyIndex: number;
+}
+export type EditorAction = {
+    type: 'SELECT_BLOCK';
+    payload: string | null;
+} | {
+    type: 'UPDATE_ATTRIBUTES';
+    payload: {
+        id: string;
+        attributes: Record<string, string>;
+    };
+} | {
+    type: 'UPDATE_CONTENT';
+    payload: {
+        id: string;
+        content: string;
+    };
+} | {
+    type: 'ADD_BLOCK';
+    payload: {
+        parentId: string;
+        index: number;
+        block: MjmlNode;
+    };
+} | {
+    type: 'DELETE_BLOCK';
+    payload: string;
+} | {
+    type: 'MOVE_BLOCK';
+    payload: {
+        id: string;
+        newParentId: string;
+        newIndex: number;
+    };
+} | {
+    type: 'SET_DOCUMENT';
+    payload: MjmlNode;
+} | {
+    type: 'UNDO';
+} | {
+    type: 'REDO';
+} | {
+    type: 'UPDATE_MJML_ATTRIBUTE';
+    payload: {
+        attributeType: 'all' | 'element' | 'class';
+        target: string | null;
+        attributes: Record<string, string>;
+    };
+} | {
+    type: 'ADD_CLASS';
+    payload: string;
+} | {
+    type: 'REMOVE_CLASS';
+    payload: string;
+} | {
+    type: 'RENAME_CLASS';
+    payload: {
+        oldName: string;
+        newName: string;
+    };
+} | {
+    type: 'ADD_FONT';
+    payload: MjmlFont;
+} | {
+    type: 'REMOVE_FONT';
+    payload: string;
+} | {
+    type: 'UPDATE_FONT';
+    payload: MjmlFont;
+};
+//# sourceMappingURL=mjml.d.ts.map

package/dist/types/mjml.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mjml.d.ts","sourceRoot":"","sources":["../../src/types/mjml.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@savvycal/mjml-editor",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "type": "module",
   "license": "MIT",
   "repository": {
@@ -26,13 +26,9 @@
   "files": [
     "dist"
   ],
-  "scripts": {
-    "build": "vite build",
-    "dev": "vite build --watch",
-    "typecheck": "tsc --noEmit",
-    "test": "vitest run",
-    "test:watch": "vitest"
-  },
+  "sideEffects": [
+    "*.css"
+  ],
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0"
@@ -75,5 +71,12 @@
     "vite": "^7.2.4",
     "vite-plugin-dts": "^4.5.0",
     "vitest": "^4.0.16"
+  },
+  "scripts": {
+    "build": "vite build",
+    "dev": "vite build --watch",
+    "typecheck": "tsc --noEmit",
+    "test": "vitest run",
+    "test:watch": "vitest"
   }
-}
+}