@templatical/editor 0.0.5 → 0.1.0

package/LICENSE

@@ -0,0 +1,56 @@
+Functional Source License, Version 1.1, MIT Future License
+
+Copyright (c) 2026-present Templatical
+
+## Terms and Conditions
+
+### Licensor ("We")
+
+Templatical
+
+### The Software
+
+Templatical Email Editor — the visual drag-and-drop email template editor
+(@templatical/core, @templatical/editor, and @templatical/media-library
+packages).
+
+### Grant of Rights
+
+Subject to the terms and conditions of this License, We hereby grant You a
+non-exclusive, worldwide, non-transferable license to use, copy, modify,
+create derivative works, and redistribute the Software, subject to the
+following conditions:
+
+### Permitted Uses
+
+You may use the Software for any purpose, including commercial purposes,
+**provided that** you do not offer the Software, or a substantially similar
+product built using the Software, as a hosted or managed service that
+competes with Templatical's commercial offerings.
+
+### Change Date
+
+Two (2) years from the date of each release of the Software.
+
+### Change License
+
+MIT License
+
+On the Change Date, the above copyright notice and this permission notice
+shall be replaced with the MIT License, and the Software will be available
+under the MIT License for all purposes without restriction.
+
+### Notices
+
+You must retain this license notice in all copies or substantial portions
+of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
+
+---
+
+Note: The @templatical/types, @templatical/renderer, and
+@templatical/import-beefree packages are licensed separately under the MIT
+License. See LICENSE-MIT for those packages' terms.

package/README.md

@@ -0,0 +1,69 @@
+# @templatical/editor
+
+> Vue 3 visual drag-and-drop email editor — drop into any web app with one function call.
+
+[![npm version](https://img.shields.io/npm/v/@templatical/editor?label=npm&color=cb3837)](https://www.npmjs.com/package/@templatical/editor)
+[![License](https://img.shields.io/badge/license-FSL--1.1--MIT-blue)](https://github.com/templatical/sdk/blob/main/LICENSE)
+
+The visual editor for [Templatical](https://github.com/templatical/sdk) — an open-source drag-and-drop email editor with JSON templates and MJML output.
+
+- 🧩 **14 block types** — title, paragraph, image, button, section, divider, spacer, social icons, menu, table, HTML, video, countdown, custom
+- 🎨 **27 design tokens** — full theming, dark mode, custom fonts
+- 🔌 **Framework-agnostic** — works in React, Vue, Svelte, Angular, vanilla
+- 📦 **JSON in, MJML out** — portable templates, render with any email provider
+- 🌍 **Bilingual** — English + German built in
+- 🔒 **TypeScript strict** — full type safety end to end
+
+## Install
+
+Install the editor alongside `@templatical/renderer` — the renderer is what enables `editor.toMjml()` (the editor auto-detects it at runtime).
+
+```bash
+npm install @templatical/editor @templatical/renderer
+```
+
+## Usage
+
+```ts
+import { init } from '@templatical/editor';
+import '@templatical/editor/style.css';
+
+const editor = await init({
+  container: '#editor',
+  onChange(content) {
+    // content is JSON — store/version/sync however you want
+  },
+});
+
+// Render to MJML when sending email
+const mjml = editor.toMjml();
+
+// Always unmount when removing the editor (cleans up listeners + DOM)
+editor.unmount();
+```
+
+```html
+<div id="editor" style="height: 100vh"></div>
+```
+
+## Framework integration
+
+First-class examples for **React, Vue, Svelte, Angular, and vanilla JS** are in the [installation guide](https://docs.templatical.com/getting-started/installation).
+
+## Cloud features
+
+For AI rewrite, real-time collaboration, comments, snapshots, and saved modules, use `initCloud()` instead. See the [Cloud guide](https://docs.templatical.com/cloud/getting-started).
+
+## Documentation
+
+- [Quick Start](https://docs.templatical.com/getting-started/quick-start)
+- [Editor API reference](https://docs.templatical.com/api/editor)
+- [Block reference](https://docs.templatical.com/guide/blocks)
+- [Theming](https://docs.templatical.com/guide/theming)
+- [Custom blocks](https://docs.templatical.com/guide/custom-blocks)
+
+Full docs at **[docs.templatical.com](https://docs.templatical.com)**.
+
+## License
+
+[FSL-1.1-MIT](https://github.com/templatical/sdk/blob/main/LICENSE) — free for any non-competing commercial use, automatically converts to MIT after 2 years per release. [License FAQ](https://docs.templatical.com/license-faq).

package/dist/{AiChatSidebar-DwME3f-a.js → AiChatSidebar-DSbBLDkW.js}

@@ -1,13 +1,13 @@
-import { o as e, s as t } from "./dist-CG-vEqSU.js";
+import { o as e, s as t } from "./dist-CLg2qE0p.js";
 import { C as n, T as r, f as ee, g as te, r as ne } from "./keys-C0MQRs8d.js";
-import { n as i, t as a } from "./_plugin-vue_export-helper-B1-bu7yR.js";
-import { t as re } from "./circle-alert-E2vYPs5r.js";
-import { t as ie } from "./loader-circle-BTQQxC3l.js";
-import { t as ae } from "./send-C0ltAQrv.js";
-import { t as o } from "./sparkles-KhBCGlqB.js";
-import { t as oe } from "./trash-2-OwjZ-guZ.js";
-import { t as s } from "./x-CGlq2XQe.js";
-import { t as se } from "./LoadingTrack-vK8W2PJf.js";
+import { n as i, t as a } from "./_plugin-vue_export-helper-BHUPLLh1.js";
+import { t as re } from "./circle-alert-1tetIFJU.js";
+import { t as ie } from "./loader-circle-C7YEH4do.js";
+import { t as ae } from "./send-CMwNWTPX.js";
+import { t as o } from "./sparkles-D80W88H8.js";
+import { t as oe } from "./trash-2-BWvxOB4Q.js";
+import { t as s } from "./x-IyhJ6V90.js";
+import { t as se } from "./LoadingTrack-CdqDYVR-.js";
 import { Fragment as c, Transition as ce, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createTextVNode as p, createVNode as m, defineComponent as h, inject as le, nextTick as ue, normalizeClass as de, onBeforeUnmount as g, openBlock as _, ref as v, renderList as y, toDisplayString as b, unref as x, vModelText as fe, watch as S, withCtx as pe, withDirectives as C } from "vue";
 import { useAiChat as w } from "@templatical/core/cloud";
 var T = i("redo-2", [["path", {

package/dist/{AiFeatureMenu-DJvWL1GZ.js → AiFeatureMenu-d04gmgud.js}

@@ -1,10 +1,10 @@
-import "./useEditorCore-DUGD6pq_.js";
 import { T as e, t } from "./keys-C0MQRs8d.js";
 import { t as n } from "./useI18n-D6m7ZUgY.js";
-import { t as r } from "./_plugin-vue_export-helper-B1-bu7yR.js";
-import { t as i } from "./image-up-X4xIq4ea.js";
-import { t as a } from "./shield-check-f-qv4RKs.js";
-import { t as o } from "./sparkles-KhBCGlqB.js";
+import "./useEditorCore-CQwWl2js.js";
+import { t as r } from "./_plugin-vue_export-helper-BHUPLLh1.js";
+import { t as i } from "./image-up-4ZmaHFga.js";
+import { t as a } from "./shield-check-DZFf4LTh.js";
+import { t as o } from "./sparkles-D80W88H8.js";
 import { Fragment as s, computed as c, createBlock as l, createElementBlock as u, createElementVNode as d, defineComponent as f, normalizeStyle as p, openBlock as m, renderList as h, resolveDynamicComponent as g, toDisplayString as _ } from "vue";
 //#region src/cloud/components/AiFeatureMenu.vue?vue&type=script&setup=true&lang.ts
 var v = {