@fonderie/vue-courier-admin-screens 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Fonderie, Inc.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included 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. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,61 @@
+# @fonderie/vue-courier-admin-screens
+
+Pre-built Vue 3 screens for the Fonderie courier admin API —
+`TemplateListScreen` and `TemplateEditorScreen` — built on
+[`@fonderie/vue-courier-admin`](https://github.com/fonderie-js/sdk/tree/main/packages/vue-courier-admin)
+composables. Plain HTML elements via Vue's `h()` render function, inline
+styles you can override, zero UI library dependency.
+
+## Install
+
+```sh
+npm install @fonderie/vue-courier-admin-screens
+```
+
+## Use
+
+```vue
+<script setup>
+import { CourierAdminClient } from '@fonderie/client';
+import { TemplateListScreen, TemplateEditorScreen } from '@fonderie/vue-courier-admin-screens';
+
+const admin = new CourierAdminClient({
+  baseUrl: 'https://api.example.com/v1',
+  adminToken: import.meta.env.VITE_FONDERIE_ADMIN_TOKEN,
+});
+</script>
+
+<template>
+  <TemplateListScreen :client="admin" @select-template="(t) => (route = `edit/${t.type}`)" />
+  <TemplateEditorScreen :client="admin" type="password-reset" @saved="route = 'list'" />
+</template>
+```
+
+`TemplateListScreen` lists every template with its locale and active state.
+`TemplateEditorScreen` is a subject/HTML/plain-text form with a revision
+history and one-click rollback, using the loaded template's version as
+optimistic-concurrency `ifVersion` on save. Need just the state management
+without the markup? Use `@fonderie/vue-courier-admin`'s composables
+directly.
+
+## Why this exists
+
+You've shipped this plumbing before — auth, teams, billing, messaging —
+and the next project will ask for it again. Fonderie packages it once:
+plain TypeScript modules for
+[`@fonderie/core`](https://github.com/fonderie-js/sdk/tree/main/packages/core),
+PostgreSQL-backed, self-hosted, MIT. No external control plane, no
+per-seat anything. Register the modules you need; skip the ones you don't.
+
+**This package owns** pre-built Vue admin UI for courier's templates, so
+you don't have to build a template editor from scratch. Swap it for your own
+design system whenever you outgrow it — `@fonderie/vue-courier-admin`'s
+composables work standalone.
+
+Browse the whole set at
+[fonderie-js/sdk](https://github.com/fonderie-js/sdk) · follow
+[@fonderiejs](https://x.com/fonderiejs)
+
+## License
+
+MIT © Fonderie, Inc.

package/dist/index.cjs

@@ -0,0 +1,279 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  TemplateEditorScreen: () => TemplateEditorScreen,
+  TemplateListScreen: () => TemplateListScreen
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/screens/TemplateEditorScreen.ts
+var import_vue_courier_admin = require("@fonderie/vue-courier-admin");
+var import_vue = require("vue");
+
+// src/styles.ts
+var styles = {
+  container: { padding: "24px", maxWidth: "640px" },
+  title: { fontSize: "24px", fontWeight: 700 },
+  subtitle: { fontSize: "16px", fontWeight: 600, marginBottom: "8px" },
+  meta: { fontSize: "13px", color: "#666", marginBottom: "16px" },
+  status: { padding: "24px", textAlign: "center", color: "#666" },
+  error: { color: "#e11d48", marginBottom: "12px", fontSize: "14px" },
+  list: { listStyle: "none", padding: "0", margin: "0" },
+  row: { borderBottom: "1px solid #eee" },
+  rowButton: {
+    width: "100%",
+    display: "flex",
+    justifyContent: "space-between",
+    alignItems: "center",
+    padding: "12px 0",
+    background: "none",
+    border: "none",
+    cursor: "pointer",
+    textAlign: "left"
+  },
+  type: { fontSize: "14px", fontWeight: 600, flex: "1" },
+  locale: { fontSize: "13px", color: "#666", marginRight: "16px" },
+  active: { fontSize: "12px", color: "#16a34a" },
+  inactive: { fontSize: "12px", color: "#999" },
+  form: { display: "flex", flexDirection: "column", gap: "4px" },
+  label: { fontSize: "13px", fontWeight: 600, marginTop: "12px" },
+  input: { border: "1px solid #ddd", borderRadius: "8px", padding: "10px", fontSize: "14px" },
+  textarea: {
+    border: "1px solid #ddd",
+    borderRadius: "8px",
+    padding: "10px",
+    fontSize: "14px",
+    fontFamily: "monospace"
+  },
+  checkboxLabel: {
+    display: "flex",
+    alignItems: "center",
+    gap: "8px",
+    marginTop: "12px",
+    fontSize: "14px"
+  },
+  button: {
+    marginTop: "16px",
+    backgroundColor: "#000",
+    color: "#fff",
+    padding: "10px 20px",
+    borderRadius: "8px",
+    border: "none",
+    fontSize: "14px",
+    fontWeight: 600,
+    cursor: "pointer",
+    alignSelf: "flex-start"
+  },
+  revisions: { marginTop: "32px" },
+  revisionRow: {
+    display: "flex",
+    justifyContent: "space-between",
+    alignItems: "center",
+    padding: "8px 0",
+    borderBottom: "1px solid #eee",
+    fontSize: "13px"
+  },
+  rollbackButton: {
+    background: "none",
+    border: "1px solid #ddd",
+    borderRadius: "8px",
+    padding: "4px 10px",
+    fontSize: "12px",
+    cursor: "pointer"
+  }
+};
+
+// src/screens/TemplateEditorScreen.ts
+var TemplateEditorScreen = (0, import_vue.defineComponent)({
+  name: "FonderieTemplateEditorScreen",
+  props: {
+    client: { type: Object, required: true },
+    type: { type: String, required: true },
+    locale: { type: String, default: null }
+  },
+  emits: {
+    saved: () => true
+  },
+  setup(props, { emit }) {
+    const { template, isLoading, error, refresh } = (0, import_vue_courier_admin.useTemplate)(
+      props.client,
+      props.type,
+      props.locale
+    );
+    const { saveTemplate, isLoading: isSaving, error: saveError } = (0, import_vue_courier_admin.useSaveTemplate)(props.client);
+    const { revisions, rollback } = (0, import_vue_courier_admin.useTemplateRevisions)(props.client, props.type, props.locale);
+    const subject = (0, import_vue.ref)("");
+    const html = (0, import_vue.ref)("");
+    const text = (0, import_vue.ref)("");
+    const active = (0, import_vue.ref)(true);
+    (0, import_vue.watch)(template, (tpl) => {
+      if (!tpl) return;
+      subject.value = tpl.subject ?? "";
+      html.value = tpl.html ?? "";
+      text.value = tpl.text;
+      active.value = tpl.active;
+    });
+    async function handleSubmit(event) {
+      event.preventDefault();
+      try {
+        const input = { text: text.value, active: active.value };
+        if (subject.value) input.subject = subject.value;
+        if (html.value) input.html = html.value;
+        if (template.value?.version !== void 0) input.ifVersion = template.value.version;
+        await saveTemplate(props.type, input, props.locale);
+        await refresh();
+        emit("saved");
+      } catch {
+      }
+    }
+    function renderRevision(rev) {
+      return (0, import_vue.h)("li", { key: rev.version, style: styles.revisionRow }, [
+        (0, import_vue.h)(
+          "span",
+          `v${rev.version} \u2014 ${rev.actor ?? "unknown"} \u2014 ${new Date(rev.createdAt).toLocaleString()}`
+        ),
+        (0, import_vue.h)(
+          "button",
+          { type: "button", style: styles.rollbackButton, onClick: () => rollback(rev.version) },
+          "Roll back"
+        )
+      ]);
+    }
+    return () => {
+      if (isLoading.value) return (0, import_vue.h)("p", { style: styles.status }, "Loading template\u2026");
+      if (error.value)
+        return (0, import_vue.h)("p", { style: styles.error, role: "alert" }, error.value.explanation);
+      return (0, import_vue.h)("div", { style: styles.container }, [
+        (0, import_vue.h)("h1", { style: styles.title }, props.type),
+        (0, import_vue.h)(
+          "p",
+          { style: styles.meta },
+          `${props.locale ?? "base"} \xB7 v${template.value?.version ?? 1}`
+        ),
+        (0, import_vue.h)("form", { style: styles.form, onSubmit: handleSubmit }, [
+          (0, import_vue.h)("label", { style: styles.label, for: "template-subject" }, "Subject"),
+          (0, import_vue.h)("input", {
+            id: "template-subject",
+            style: styles.input,
+            value: subject.value,
+            onInput: (e) => {
+              subject.value = e.target.value;
+            }
+          }),
+          (0, import_vue.h)("label", { style: styles.label, for: "template-html" }, "HTML body"),
+          (0, import_vue.h)("textarea", {
+            id: "template-html",
+            style: styles.textarea,
+            rows: 8,
+            value: html.value,
+            onInput: (e) => {
+              html.value = e.target.value;
+            }
+          }),
+          (0, import_vue.h)("label", { style: styles.label, for: "template-text" }, "Plain-text body"),
+          (0, import_vue.h)("textarea", {
+            id: "template-text",
+            style: styles.textarea,
+            rows: 4,
+            required: true,
+            value: text.value,
+            onInput: (e) => {
+              text.value = e.target.value;
+            }
+          }),
+          (0, import_vue.h)("label", { style: styles.checkboxLabel }, [
+            (0, import_vue.h)("input", {
+              type: "checkbox",
+              checked: active.value,
+              onChange: (e) => {
+                active.value = e.target.checked;
+              }
+            }),
+            "Active"
+          ]),
+          saveError.value ? (0, import_vue.h)("p", { style: styles.error, role: "alert" }, saveError.value.explanation) : null,
+          (0, import_vue.h)(
+            "button",
+            { type: "submit", disabled: isSaving.value, style: styles.button },
+            isSaving.value ? "Saving\u2026" : "Save"
+          )
+        ]),
+        revisions.value.length > 0 ? (0, import_vue.h)("div", { style: styles.revisions }, [
+          (0, import_vue.h)("h2", { style: styles.subtitle }, "History"),
+          (0, import_vue.h)("ul", { style: styles.list }, revisions.value.map(renderRevision))
+        ]) : null
+      ]);
+    };
+  }
+});
+
+// src/screens/TemplateListScreen.ts
+var import_vue_courier_admin2 = require("@fonderie/vue-courier-admin");
+var import_vue2 = require("vue");
+var TemplateListScreen = (0, import_vue2.defineComponent)({
+  name: "FonderieTemplateListScreen",
+  props: {
+    client: { type: Object, required: true }
+  },
+  emits: {
+    "select-template": (_template) => true
+  },
+  setup(props, { emit }) {
+    const { templates, isLoading, error } = (0, import_vue_courier_admin2.useTemplates)(props.client);
+    function renderRow(template) {
+      return (0, import_vue2.h)("li", { key: `${template.type}:${template.locale ?? "base"}`, style: styles.row }, [
+        (0, import_vue2.h)(
+          "button",
+          {
+            type: "button",
+            style: styles.rowButton,
+            onClick: () => emit("select-template", template)
+          },
+          [
+            (0, import_vue2.h)("span", { style: styles.type }, template.type),
+            (0, import_vue2.h)("span", { style: styles.locale }, template.locale ?? "base"),
+            (0, import_vue2.h)(
+              "span",
+              { style: template.active ? styles.active : styles.inactive },
+              template.active ? "Active" : "Inactive"
+            )
+          ]
+        )
+      ]);
+    }
+    return () => {
+      if (isLoading.value) return (0, import_vue2.h)("p", { style: styles.status }, "Loading templates\u2026");
+      if (error.value)
+        return (0, import_vue2.h)("p", { style: styles.error, role: "alert" }, error.value.explanation);
+      return (0, import_vue2.h)("div", { style: styles.container }, [
+        (0, import_vue2.h)("h1", { style: styles.title }, "Templates"),
+        (0, import_vue2.h)("ul", { style: styles.list }, templates.value.map(renderRow))
+      ]);
+    };
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  TemplateEditorScreen,
+  TemplateListScreen
+});
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/screens/TemplateEditorScreen.ts","../src/styles.ts","../src/screens/TemplateListScreen.ts"],"sourcesContent":["export { TemplateEditorScreen, TemplateListScreen } from './screens';\n","import type { CourierAdminClient, ISetTemplateInput, ITemplateRevision } from '@fonderie/client';\nimport { useSaveTemplate, useTemplate, useTemplateRevisions } from '@fonderie/vue-courier-admin';\nimport type { PropType } from 'vue';\nimport { defineComponent, h, ref, watch } from 'vue';\nimport { styles } from '../styles';\n\nexport const TemplateEditorScreen = defineComponent({\n\tname: 'FonderieTemplateEditorScreen',\n\tprops: {\n\t\tclient: { type: Object as PropType<CourierAdminClient>, required: true },\n\t\ttype: { type: String, required: true },\n\t\tlocale: { type: String as PropType<string | null>, default: null },\n\t},\n\temits: {\n\t\tsaved: () => true,\n\t},\n\tsetup(props, { emit }) {\n\t\tconst { template, isLoading, error, refresh } = useTemplate(\n\t\t\tprops.client,\n\t\t\tprops.type,\n\t\t\tprops.locale,\n\t\t);\n\t\tconst { saveTemplate, isLoading: isSaving, error: saveError } = useSaveTemplate(props.client);\n\t\tconst { revisions, rollback } = useTemplateRevisions(props.client, props.type, props.locale);\n\n\t\tconst subject = ref('');\n\t\tconst html = ref('');\n\t\tconst text = ref('');\n\t\tconst active = ref(true);\n\n\t\twatch(template, (tpl) => {\n\t\t\tif (!tpl) return;\n\t\t\tsubject.value = tpl.subject ?? '';\n\t\t\thtml.value = tpl.html ?? '';\n\t\t\ttext.value = tpl.text;\n\t\t\tactive.value = tpl.active;\n\t\t});\n\n\t\tasync function handleSubmit(event: Event) {\n\t\t\tevent.preventDefault();\n\t\t\ttry {\n\t\t\t\tconst input: ISetTemplateInput = { text: text.value, active: active.value };\n\t\t\t\tif (subject.value) input.subject = subject.value;\n\t\t\t\tif (html.value) input.html = html.value;\n\t\t\t\tif (template.value?.version !== undefined) input.ifVersion = template.value.version;\n\t\t\t\tawait saveTemplate(props.type, input, props.locale);\n\t\t\t\tawait refresh();\n\t\t\t\temit('saved');\n\t\t\t} catch {\n\t\t\t\t// Surfaced via saveError.\n\t\t\t}\n\t\t}\n\n\t\tfunction renderRevision(rev: ITemplateRevision) {\n\t\t\treturn h('li', { key: rev.version, style: styles.revisionRow }, [\n\t\t\t\th(\n\t\t\t\t\t'span',\n\t\t\t\t\t`v${rev.version} — ${rev.actor ?? 'unknown'} — ${new Date(rev.createdAt).toLocaleString()}`,\n\t\t\t\t),\n\t\t\t\th(\n\t\t\t\t\t'button',\n\t\t\t\t\t{ type: 'button', style: styles.rollbackButton, onClick: () => rollback(rev.version) },\n\t\t\t\t\t'Roll back',\n\t\t\t\t),\n\t\t\t]);\n\t\t}\n\n\t\treturn () => {\n\t\t\tif (isLoading.value) return h('p', { style: styles.status }, 'Loading template…');\n\t\t\tif (error.value)\n\t\t\t\treturn h('p', { style: styles.error, role: 'alert' }, error.value.explanation);\n\n\t\t\treturn h('div', { style: styles.container }, [\n\t\t\t\th('h1', { style: styles.title }, props.type),\n\t\t\t\th(\n\t\t\t\t\t'p',\n\t\t\t\t\t{ style: styles.meta },\n\t\t\t\t\t`${props.locale ?? 'base'} · v${template.value?.version ?? 1}`,\n\t\t\t\t),\n\t\t\t\th('form', { style: styles.form, onSubmit: handleSubmit }, [\n\t\t\t\t\th('label', { style: styles.label, for: 'template-subject' }, 'Subject'),\n\t\t\t\t\th('input', {\n\t\t\t\t\t\tid: 'template-subject',\n\t\t\t\t\t\tstyle: styles.input,\n\t\t\t\t\t\tvalue: subject.value,\n\t\t\t\t\t\tonInput: (e: Event) => {\n\t\t\t\t\t\t\tsubject.value = (e.target as HTMLInputElement).value;\n\t\t\t\t\t\t},\n\t\t\t\t\t}),\n\t\t\t\t\th('label', { style: styles.label, for: 'template-html' }, 'HTML body'),\n\t\t\t\t\th('textarea', {\n\t\t\t\t\t\tid: 'template-html',\n\t\t\t\t\t\tstyle: styles.textarea,\n\t\t\t\t\t\trows: 8,\n\t\t\t\t\t\tvalue: html.value,\n\t\t\t\t\t\tonInput: (e: Event) => {\n\t\t\t\t\t\t\thtml.value = (e.target as HTMLTextAreaElement).value;\n\t\t\t\t\t\t},\n\t\t\t\t\t}),\n\t\t\t\t\th('label', { style: styles.label, for: 'template-text' }, 'Plain-text body'),\n\t\t\t\t\th('textarea', {\n\t\t\t\t\t\tid: 'template-text',\n\t\t\t\t\t\tstyle: styles.textarea,\n\t\t\t\t\t\trows: 4,\n\t\t\t\t\t\trequired: true,\n\t\t\t\t\t\tvalue: text.value,\n\t\t\t\t\t\tonInput: (e: Event) => {\n\t\t\t\t\t\t\ttext.value = (e.target as HTMLTextAreaElement).value;\n\t\t\t\t\t\t},\n\t\t\t\t\t}),\n\t\t\t\t\th('label', { style: styles.checkboxLabel }, [\n\t\t\t\t\t\th('input', {\n\t\t\t\t\t\t\ttype: 'checkbox',\n\t\t\t\t\t\t\tchecked: active.value,\n\t\t\t\t\t\t\tonChange: (e: Event) => {\n\t\t\t\t\t\t\t\tactive.value = (e.target as HTMLInputElement).checked;\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t}),\n\t\t\t\t\t\t'Active',\n\t\t\t\t\t]),\n\t\t\t\t\tsaveError.value\n\t\t\t\t\t\t? h('p', { style: styles.error, role: 'alert' }, saveError.value.explanation)\n\t\t\t\t\t\t: null,\n\t\t\t\t\th(\n\t\t\t\t\t\t'button',\n\t\t\t\t\t\t{ type: 'submit', disabled: isSaving.value, style: styles.button },\n\t\t\t\t\t\tisSaving.value ? 'Saving…' : 'Save',\n\t\t\t\t\t),\n\t\t\t\t]),\n\t\t\t\trevisions.value.length > 0\n\t\t\t\t\t? h('div', { style: styles.revisions }, [\n\t\t\t\t\t\t\th('h2', { style: styles.subtitle }, 'History'),\n\t\t\t\t\t\t\th('ul', { style: styles.list }, revisions.value.map(renderRevision)),\n\t\t\t\t\t\t])\n\t\t\t\t\t: null,\n\t\t\t]);\n\t\t};\n\t},\n});\n","import type { CSSProperties } from 'vue';\n\nexport const styles: Record<string, CSSProperties> = {\n\tcontainer: { padding: '24px', maxWidth: '640px' },\n\ttitle: { fontSize: '24px', fontWeight: 700 },\n\tsubtitle: { fontSize: '16px', fontWeight: 600, marginBottom: '8px' },\n\tmeta: { fontSize: '13px', color: '#666', marginBottom: '16px' },\n\tstatus: { padding: '24px', textAlign: 'center', color: '#666' },\n\terror: { color: '#e11d48', marginBottom: '12px', fontSize: '14px' },\n\tlist: { listStyle: 'none', padding: '0', margin: '0' },\n\trow: { borderBottom: '1px solid #eee' },\n\trowButton: {\n\t\twidth: '100%',\n\t\tdisplay: 'flex',\n\t\tjustifyContent: 'space-between',\n\t\talignItems: 'center',\n\t\tpadding: '12px 0',\n\t\tbackground: 'none',\n\t\tborder: 'none',\n\t\tcursor: 'pointer',\n\t\ttextAlign: 'left',\n\t},\n\ttype: { fontSize: '14px', fontWeight: 600, flex: '1' },\n\tlocale: { fontSize: '13px', color: '#666', marginRight: '16px' },\n\tactive: { fontSize: '12px', color: '#16a34a' },\n\tinactive: { fontSize: '12px', color: '#999' },\n\tform: { display: 'flex', flexDirection: 'column', gap: '4px' },\n\tlabel: { fontSize: '13px', fontWeight: 600, marginTop: '12px' },\n\tinput: { border: '1px solid #ddd', borderRadius: '8px', padding: '10px', fontSize: '14px' },\n\ttextarea: {\n\t\tborder: '1px solid #ddd',\n\t\tborderRadius: '8px',\n\t\tpadding: '10px',\n\t\tfontSize: '14px',\n\t\tfontFamily: 'monospace',\n\t},\n\tcheckboxLabel: {\n\t\tdisplay: 'flex',\n\t\talignItems: 'center',\n\t\tgap: '8px',\n\t\tmarginTop: '12px',\n\t\tfontSize: '14px',\n\t},\n\tbutton: {\n\t\tmarginTop: '16px',\n\t\tbackgroundColor: '#000',\n\t\tcolor: '#fff',\n\t\tpadding: '10px 20px',\n\t\tborderRadius: '8px',\n\t\tborder: 'none',\n\t\tfontSize: '14px',\n\t\tfontWeight: 600,\n\t\tcursor: 'pointer',\n\t\talignSelf: 'flex-start',\n\t},\n\trevisions: { marginTop: '32px' },\n\trevisionRow: {\n\t\tdisplay: 'flex',\n\t\tjustifyContent: 'space-between',\n\t\talignItems: 'center',\n\t\tpadding: '8px 0',\n\t\tborderBottom: '1px solid #eee',\n\t\tfontSize: '13px',\n\t},\n\trollbackButton: {\n\t\tbackground: 'none',\n\t\tborder: '1px solid #ddd',\n\t\tborderRadius: '8px',\n\t\tpadding: '4px 10px',\n\t\tfontSize: '12px',\n\t\tcursor: 'pointer',\n\t},\n};\n","import type { CourierAdminClient, ITemplateEntry } from '@fonderie/client';\nimport { useTemplates } from '@fonderie/vue-courier-admin';\nimport type { PropType } from 'vue';\nimport { defineComponent, h } from 'vue';\nimport { styles } from '../styles';\n\nexport const TemplateListScreen = defineComponent({\n\tname: 'FonderieTemplateListScreen',\n\tprops: {\n\t\tclient: { type: Object as PropType<CourierAdminClient>, required: true },\n\t},\n\temits: {\n\t\t'select-template': (_template: ITemplateEntry) => true,\n\t},\n\tsetup(props, { emit }) {\n\t\tconst { templates, isLoading, error } = useTemplates(props.client);\n\n\t\tfunction renderRow(template: ITemplateEntry) {\n\t\t\treturn h('li', { key: `${template.type}:${template.locale ?? 'base'}`, style: styles.row }, [\n\t\t\t\th(\n\t\t\t\t\t'button',\n\t\t\t\t\t{\n\t\t\t\t\t\ttype: 'button',\n\t\t\t\t\t\tstyle: styles.rowButton,\n\t\t\t\t\t\tonClick: () => emit('select-template', template),\n\t\t\t\t\t},\n\t\t\t\t\t[\n\t\t\t\t\t\th('span', { style: styles.type }, template.type),\n\t\t\t\t\t\th('span', { style: styles.locale }, template.locale ?? 'base'),\n\t\t\t\t\t\th(\n\t\t\t\t\t\t\t'span',\n\t\t\t\t\t\t\t{ style: template.active ? styles.active : styles.inactive },\n\t\t\t\t\t\t\ttemplate.active ? 'Active' : 'Inactive',\n\t\t\t\t\t\t),\n\t\t\t\t\t],\n\t\t\t\t),\n\t\t\t]);\n\t\t}\n\n\t\treturn () => {\n\t\t\tif (isLoading.value) return h('p', { style: styles.status }, 'Loading templates…');\n\t\t\tif (error.value)\n\t\t\t\treturn h('p', { style: styles.error, role: 'alert' }, error.value.explanation);\n\n\t\t\treturn h('div', { style: styles.container }, [\n\t\t\t\th('h1', { style: styles.title }, 'Templates'),\n\t\t\t\th('ul', { style: styles.list }, templates.value.map(renderRow)),\n\t\t\t]);\n\t\t};\n\t},\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACCA,+BAAmE;AAEnE,iBAA+C;;;ACDxC,IAAM,SAAwC;AAAA,EACpD,WAAW,EAAE,SAAS,QAAQ,UAAU,QAAQ;AAAA,EAChD,OAAO,EAAE,UAAU,QAAQ,YAAY,IAAI;AAAA,EAC3C,UAAU,EAAE,UAAU,QAAQ,YAAY,KAAK,cAAc,MAAM;AAAA,EACnE,MAAM,EAAE,UAAU,QAAQ,OAAO,QAAQ,cAAc,OAAO;AAAA,EAC9D,QAAQ,EAAE,SAAS,QAAQ,WAAW,UAAU,OAAO,OAAO;AAAA,EAC9D,OAAO,EAAE,OAAO,WAAW,cAAc,QAAQ,UAAU,OAAO;AAAA,EAClE,MAAM,EAAE,WAAW,QAAQ,SAAS,KAAK,QAAQ,IAAI;AAAA,EACrD,KAAK,EAAE,cAAc,iBAAiB;AAAA,EACtC,WAAW;AAAA,IACV,OAAO;AAAA,IACP,SAAS;AAAA,IACT,gBAAgB;AAAA,IAChB,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,WAAW;AAAA,EACZ;AAAA,EACA,MAAM,EAAE,UAAU,QAAQ,YAAY,KAAK,MAAM,IAAI;AAAA,EACrD,QAAQ,EAAE,UAAU,QAAQ,OAAO,QAAQ,aAAa,OAAO;AAAA,EAC/D,QAAQ,EAAE,UAAU,QAAQ,OAAO,UAAU;AAAA,EAC7C,UAAU,EAAE,UAAU,QAAQ,OAAO,OAAO;AAAA,EAC5C,MAAM,EAAE,SAAS,QAAQ,eAAe,UAAU,KAAK,MAAM;AAAA,EAC7D,OAAO,EAAE,UAAU,QAAQ,YAAY,KAAK,WAAW,OAAO;AAAA,EAC9D,OAAO,EAAE,QAAQ,kBAAkB,cAAc,OAAO,SAAS,QAAQ,UAAU,OAAO;AAAA,EAC1F,UAAU;AAAA,IACT,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,SAAS;AAAA,IACT,UAAU;AAAA,IACV,YAAY;AAAA,EACb;AAAA,EACA,eAAe;AAAA,IACd,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,KAAK;AAAA,IACL,WAAW;AAAA,IACX,UAAU;AAAA,EACX;AAAA,EACA,QAAQ;AAAA,IACP,WAAW;AAAA,IACX,iBAAiB;AAAA,IACjB,OAAO;AAAA,IACP,SAAS;AAAA,IACT,cAAc;AAAA,IACd,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,WAAW;AAAA,EACZ;AAAA,EACA,WAAW,EAAE,WAAW,OAAO;AAAA,EAC/B,aAAa;AAAA,IACZ,SAAS;AAAA,IACT,gBAAgB;AAAA,IAChB,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,cAAc;AAAA,IACd,UAAU;AAAA,EACX;AAAA,EACA,gBAAgB;AAAA,IACf,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,SAAS;AAAA,IACT,UAAU;AAAA,IACV,QAAQ;AAAA,EACT;AACD;;;ADlEO,IAAM,2BAAuB,4BAAgB;AAAA,EACnD,MAAM;AAAA,EACN,OAAO;AAAA,IACN,QAAQ,EAAE,MAAM,QAAwC,UAAU,KAAK;AAAA,IACvE,MAAM,EAAE,MAAM,QAAQ,UAAU,KAAK;AAAA,IACrC,QAAQ,EAAE,MAAM,QAAmC,SAAS,KAAK;AAAA,EAClE;AAAA,EACA,OAAO;AAAA,IACN,OAAO,MAAM;AAAA,EACd;AAAA,EACA,MAAM,OAAO,EAAE,KAAK,GAAG;AACtB,UAAM,EAAE,UAAU,WAAW,OAAO,QAAQ,QAAI;AAAA,MAC/C,MAAM;AAAA,MACN,MAAM;AAAA,MACN,MAAM;AAAA,IACP;AACA,UAAM,EAAE,cAAc,WAAW,UAAU,OAAO,UAAU,QAAI,0CAAgB,MAAM,MAAM;AAC5F,UAAM,EAAE,WAAW,SAAS,QAAI,+CAAqB,MAAM,QAAQ,MAAM,MAAM,MAAM,MAAM;AAE3F,UAAM,cAAU,gBAAI,EAAE;AACtB,UAAM,WAAO,gBAAI,EAAE;AACnB,UAAM,WAAO,gBAAI,EAAE;AACnB,UAAM,aAAS,gBAAI,IAAI;AAEvB,0BAAM,UAAU,CAAC,QAAQ;AACxB,UAAI,CAAC,IAAK;AACV,cAAQ,QAAQ,IAAI,WAAW;AAC/B,WAAK,QAAQ,IAAI,QAAQ;AACzB,WAAK,QAAQ,IAAI;AACjB,aAAO,QAAQ,IAAI;AAAA,IACpB,CAAC;AAED,mBAAe,aAAa,OAAc;AACzC,YAAM,eAAe;AACrB,UAAI;AACH,cAAM,QAA2B,EAAE,MAAM,KAAK,OAAO,QAAQ,OAAO,MAAM;AAC1E,YAAI,QAAQ,MAAO,OAAM,UAAU,QAAQ;AAC3C,YAAI,KAAK,MAAO,OAAM,OAAO,KAAK;AAClC,YAAI,SAAS,OAAO,YAAY,OAAW,OAAM,YAAY,SAAS,MAAM;AAC5E,cAAM,aAAa,MAAM,MAAM,OAAO,MAAM,MAAM;AAClD,cAAM,QAAQ;AACd,aAAK,OAAO;AAAA,MACb,QAAQ;AAAA,MAER;AAAA,IACD;AAEA,aAAS,eAAe,KAAwB;AAC/C,iBAAO,cAAE,MAAM,EAAE,KAAK,IAAI,SAAS,OAAO,OAAO,YAAY,GAAG;AAAA,YAC/D;AAAA,UACC;AAAA,UACA,IAAI,IAAI,OAAO,WAAM,IAAI,SAAS,SAAS,WAAM,IAAI,KAAK,IAAI,SAAS,EAAE,eAAe,CAAC;AAAA,QAC1F;AAAA,YACA;AAAA,UACC;AAAA,UACA,EAAE,MAAM,UAAU,OAAO,OAAO,gBAAgB,SAAS,MAAM,SAAS,IAAI,OAAO,EAAE;AAAA,UACrF;AAAA,QACD;AAAA,MACD,CAAC;AAAA,IACF;AAEA,WAAO,MAAM;AACZ,UAAI,UAAU,MAAO,YAAO,cAAE,KAAK,EAAE,OAAO,OAAO,OAAO,GAAG,wBAAmB;AAChF,UAAI,MAAM;AACT,mBAAO,cAAE,KAAK,EAAE,OAAO,OAAO,OAAO,MAAM,QAAQ,GAAG,MAAM,MAAM,WAAW;AAE9E,iBAAO,cAAE,OAAO,EAAE,OAAO,OAAO,UAAU,GAAG;AAAA,YAC5C,cAAE,MAAM,EAAE,OAAO,OAAO,MAAM,GAAG,MAAM,IAAI;AAAA,YAC3C;AAAA,UACC;AAAA,UACA,EAAE,OAAO,OAAO,KAAK;AAAA,UACrB,GAAG,MAAM,UAAU,MAAM,UAAO,SAAS,OAAO,WAAW,CAAC;AAAA,QAC7D;AAAA,YACA,cAAE,QAAQ,EAAE,OAAO,OAAO,MAAM,UAAU,aAAa,GAAG;AAAA,cACzD,cAAE,SAAS,EAAE,OAAO,OAAO,OAAO,KAAK,mBAAmB,GAAG,SAAS;AAAA,cACtE,cAAE,SAAS;AAAA,YACV,IAAI;AAAA,YACJ,OAAO,OAAO;AAAA,YACd,OAAO,QAAQ;AAAA,YACf,SAAS,CAAC,MAAa;AACtB,sBAAQ,QAAS,EAAE,OAA4B;AAAA,YAChD;AAAA,UACD,CAAC;AAAA,cACD,cAAE,SAAS,EAAE,OAAO,OAAO,OAAO,KAAK,gBAAgB,GAAG,WAAW;AAAA,cACrE,cAAE,YAAY;AAAA,YACb,IAAI;AAAA,YACJ,OAAO,OAAO;AAAA,YACd,MAAM;AAAA,YACN,OAAO,KAAK;AAAA,YACZ,SAAS,CAAC,MAAa;AACtB,mBAAK,QAAS,EAAE,OAA+B;AAAA,YAChD;AAAA,UACD,CAAC;AAAA,cACD,cAAE,SAAS,EAAE,OAAO,OAAO,OAAO,KAAK,gBAAgB,GAAG,iBAAiB;AAAA,cAC3E,cAAE,YAAY;AAAA,YACb,IAAI;AAAA,YACJ,OAAO,OAAO;AAAA,YACd,MAAM;AAAA,YACN,UAAU;AAAA,YACV,OAAO,KAAK;AAAA,YACZ,SAAS,CAAC,MAAa;AACtB,mBAAK,QAAS,EAAE,OAA+B;AAAA,YAChD;AAAA,UACD,CAAC;AAAA,cACD,cAAE,SAAS,EAAE,OAAO,OAAO,cAAc,GAAG;AAAA,gBAC3C,cAAE,SAAS;AAAA,cACV,MAAM;AAAA,cACN,SAAS,OAAO;AAAA,cAChB,UAAU,CAAC,MAAa;AACvB,uBAAO,QAAS,EAAE,OAA4B;AAAA,cAC/C;AAAA,YACD,CAAC;AAAA,YACD;AAAA,UACD,CAAC;AAAA,UACD,UAAU,YACP,cAAE,KAAK,EAAE,OAAO,OAAO,OAAO,MAAM,QAAQ,GAAG,UAAU,MAAM,WAAW,IAC1E;AAAA,cACH;AAAA,YACC;AAAA,YACA,EAAE,MAAM,UAAU,UAAU,SAAS,OAAO,OAAO,OAAO,OAAO;AAAA,YACjE,SAAS,QAAQ,iBAAY;AAAA,UAC9B;AAAA,QACD,CAAC;AAAA,QACD,UAAU,MAAM,SAAS,QACtB,cAAE,OAAO,EAAE,OAAO,OAAO,UAAU,GAAG;AAAA,cACtC,cAAE,MAAM,EAAE,OAAO,OAAO,SAAS,GAAG,SAAS;AAAA,cAC7C,cAAE,MAAM,EAAE,OAAO,OAAO,KAAK,GAAG,UAAU,MAAM,IAAI,cAAc,CAAC;AAAA,QACpE,CAAC,IACA;AAAA,MACJ,CAAC;AAAA,IACF;AAAA,EACD;AACD,CAAC;;;AEzID,IAAAA,4BAA6B;AAE7B,IAAAC,cAAmC;AAG5B,IAAM,yBAAqB,6BAAgB;AAAA,EACjD,MAAM;AAAA,EACN,OAAO;AAAA,IACN,QAAQ,EAAE,MAAM,QAAwC,UAAU,KAAK;AAAA,EACxE;AAAA,EACA,OAAO;AAAA,IACN,mBAAmB,CAAC,cAA8B;AAAA,EACnD;AAAA,EACA,MAAM,OAAO,EAAE,KAAK,GAAG;AACtB,UAAM,EAAE,WAAW,WAAW,MAAM,QAAI,wCAAa,MAAM,MAAM;AAEjE,aAAS,UAAU,UAA0B;AAC5C,iBAAO,eAAE,MAAM,EAAE,KAAK,GAAG,SAAS,IAAI,IAAI,SAAS,UAAU,MAAM,IAAI,OAAO,OAAO,IAAI,GAAG;AAAA,YAC3F;AAAA,UACC;AAAA,UACA;AAAA,YACC,MAAM;AAAA,YACN,OAAO,OAAO;AAAA,YACd,SAAS,MAAM,KAAK,mBAAmB,QAAQ;AAAA,UAChD;AAAA,UACA;AAAA,gBACC,eAAE,QAAQ,EAAE,OAAO,OAAO,KAAK,GAAG,SAAS,IAAI;AAAA,gBAC/C,eAAE,QAAQ,EAAE,OAAO,OAAO,OAAO,GAAG,SAAS,UAAU,MAAM;AAAA,gBAC7D;AAAA,cACC;AAAA,cACA,EAAE,OAAO,SAAS,SAAS,OAAO,SAAS,OAAO,SAAS;AAAA,cAC3D,SAAS,SAAS,WAAW;AAAA,YAC9B;AAAA,UACD;AAAA,QACD;AAAA,MACD,CAAC;AAAA,IACF;AAEA,WAAO,MAAM;AACZ,UAAI,UAAU,MAAO,YAAO,eAAE,KAAK,EAAE,OAAO,OAAO,OAAO,GAAG,yBAAoB;AACjF,UAAI,MAAM;AACT,mBAAO,eAAE,KAAK,EAAE,OAAO,OAAO,OAAO,MAAM,QAAQ,GAAG,MAAM,MAAM,WAAW;AAE9E,iBAAO,eAAE,OAAO,EAAE,OAAO,OAAO,UAAU,GAAG;AAAA,YAC5C,eAAE,MAAM,EAAE,OAAO,OAAO,MAAM,GAAG,WAAW;AAAA,YAC5C,eAAE,MAAM,EAAE,OAAO,OAAO,KAAK,GAAG,UAAU,MAAM,IAAI,SAAS,CAAC;AAAA,MAC/D,CAAC;AAAA,IACF;AAAA,EACD;AACD,CAAC;","names":["import_vue_courier_admin","import_vue"]}

package/dist/index.d.cts

@@ -0,0 +1,59 @@
+import * as vue from 'vue';
+import { PropType } from 'vue';
+import { CourierAdminClient, ITemplateEntry } from '@fonderie/client';
+
+declare const TemplateEditorScreen: vue.DefineComponent<vue.ExtractPropTypes<{
+    client: {
+        type: PropType<CourierAdminClient>;
+        required: true;
+    };
+    type: {
+        type: StringConstructor;
+        required: true;
+    };
+    locale: {
+        type: PropType<string | null>;
+        default: null;
+    };
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    saved: () => true;
+}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    client: {
+        type: PropType<CourierAdminClient>;
+        required: true;
+    };
+    type: {
+        type: StringConstructor;
+        required: true;
+    };
+    locale: {
+        type: PropType<string | null>;
+        default: null;
+    };
+}>> & Readonly<{
+    onSaved?: () => any;
+}>, {
+    locale: string | null;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+declare const TemplateListScreen: vue.DefineComponent<vue.ExtractPropTypes<{
+    client: {
+        type: PropType<CourierAdminClient>;
+        required: true;
+    };
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    'select-template': (_template: ITemplateEntry) => true;
+}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    client: {
+        type: PropType<CourierAdminClient>;
+        required: true;
+    };
+}>> & Readonly<{
+    "onSelect-template"?: (_template: ITemplateEntry) => any;
+}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+export { TemplateEditorScreen, TemplateListScreen };

package/dist/index.d.ts

@@ -0,0 +1,59 @@
+import * as vue from 'vue';
+import { PropType } from 'vue';
+import { CourierAdminClient, ITemplateEntry } from '@fonderie/client';
+
+declare const TemplateEditorScreen: vue.DefineComponent<vue.ExtractPropTypes<{
+    client: {
+        type: PropType<CourierAdminClient>;
+        required: true;
+    };
+    type: {
+        type: StringConstructor;
+        required: true;
+    };
+    locale: {
+        type: PropType<string | null>;
+        default: null;
+    };
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    saved: () => true;
+}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    client: {
+        type: PropType<CourierAdminClient>;
+        required: true;
+    };
+    type: {
+        type: StringConstructor;
+        required: true;
+    };
+    locale: {
+        type: PropType<string | null>;
+        default: null;
+    };
+}>> & Readonly<{
+    onSaved?: () => any;
+}>, {
+    locale: string | null;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+declare const TemplateListScreen: vue.DefineComponent<vue.ExtractPropTypes<{
+    client: {
+        type: PropType<CourierAdminClient>;
+        required: true;
+    };
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    'select-template': (_template: ITemplateEntry) => true;
+}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    client: {
+        type: PropType<CourierAdminClient>;
+        required: true;
+    };
+}>> & Readonly<{
+    "onSelect-template"?: (_template: ITemplateEntry) => any;
+}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+export { TemplateEditorScreen, TemplateListScreen };

package/dist/index.js

@@ -0,0 +1,251 @@
+// src/screens/TemplateEditorScreen.ts
+import { useSaveTemplate, useTemplate, useTemplateRevisions } from "@fonderie/vue-courier-admin";
+import { defineComponent, h, ref, watch } from "vue";
+
+// src/styles.ts
+var styles = {
+  container: { padding: "24px", maxWidth: "640px" },
+  title: { fontSize: "24px", fontWeight: 700 },
+  subtitle: { fontSize: "16px", fontWeight: 600, marginBottom: "8px" },
+  meta: { fontSize: "13px", color: "#666", marginBottom: "16px" },
+  status: { padding: "24px", textAlign: "center", color: "#666" },
+  error: { color: "#e11d48", marginBottom: "12px", fontSize: "14px" },
+  list: { listStyle: "none", padding: "0", margin: "0" },
+  row: { borderBottom: "1px solid #eee" },
+  rowButton: {
+    width: "100%",
+    display: "flex",
+    justifyContent: "space-between",
+    alignItems: "center",
+    padding: "12px 0",
+    background: "none",
+    border: "none",
+    cursor: "pointer",
+    textAlign: "left"
+  },
+  type: { fontSize: "14px", fontWeight: 600, flex: "1" },
+  locale: { fontSize: "13px", color: "#666", marginRight: "16px" },
+  active: { fontSize: "12px", color: "#16a34a" },
+  inactive: { fontSize: "12px", color: "#999" },
+  form: { display: "flex", flexDirection: "column", gap: "4px" },
+  label: { fontSize: "13px", fontWeight: 600, marginTop: "12px" },
+  input: { border: "1px solid #ddd", borderRadius: "8px", padding: "10px", fontSize: "14px" },
+  textarea: {
+    border: "1px solid #ddd",
+    borderRadius: "8px",
+    padding: "10px",
+    fontSize: "14px",
+    fontFamily: "monospace"
+  },
+  checkboxLabel: {
+    display: "flex",
+    alignItems: "center",
+    gap: "8px",
+    marginTop: "12px",
+    fontSize: "14px"
+  },
+  button: {
+    marginTop: "16px",
+    backgroundColor: "#000",
+    color: "#fff",
+    padding: "10px 20px",
+    borderRadius: "8px",
+    border: "none",
+    fontSize: "14px",
+    fontWeight: 600,
+    cursor: "pointer",
+    alignSelf: "flex-start"
+  },
+  revisions: { marginTop: "32px" },
+  revisionRow: {
+    display: "flex",
+    justifyContent: "space-between",
+    alignItems: "center",
+    padding: "8px 0",
+    borderBottom: "1px solid #eee",
+    fontSize: "13px"
+  },
+  rollbackButton: {
+    background: "none",
+    border: "1px solid #ddd",
+    borderRadius: "8px",
+    padding: "4px 10px",
+    fontSize: "12px",
+    cursor: "pointer"
+  }
+};
+
+// src/screens/TemplateEditorScreen.ts
+var TemplateEditorScreen = defineComponent({
+  name: "FonderieTemplateEditorScreen",
+  props: {
+    client: { type: Object, required: true },
+    type: { type: String, required: true },
+    locale: { type: String, default: null }
+  },
+  emits: {
+    saved: () => true
+  },
+  setup(props, { emit }) {
+    const { template, isLoading, error, refresh } = useTemplate(
+      props.client,
+      props.type,
+      props.locale
+    );
+    const { saveTemplate, isLoading: isSaving, error: saveError } = useSaveTemplate(props.client);
+    const { revisions, rollback } = useTemplateRevisions(props.client, props.type, props.locale);
+    const subject = ref("");
+    const html = ref("");
+    const text = ref("");
+    const active = ref(true);
+    watch(template, (tpl) => {
+      if (!tpl) return;
+      subject.value = tpl.subject ?? "";
+      html.value = tpl.html ?? "";
+      text.value = tpl.text;
+      active.value = tpl.active;
+    });
+    async function handleSubmit(event) {
+      event.preventDefault();
+      try {
+        const input = { text: text.value, active: active.value };
+        if (subject.value) input.subject = subject.value;
+        if (html.value) input.html = html.value;
+        if (template.value?.version !== void 0) input.ifVersion = template.value.version;
+        await saveTemplate(props.type, input, props.locale);
+        await refresh();
+        emit("saved");
+      } catch {
+      }
+    }
+    function renderRevision(rev) {
+      return h("li", { key: rev.version, style: styles.revisionRow }, [
+        h(
+          "span",
+          `v${rev.version} \u2014 ${rev.actor ?? "unknown"} \u2014 ${new Date(rev.createdAt).toLocaleString()}`
+        ),
+        h(
+          "button",
+          { type: "button", style: styles.rollbackButton, onClick: () => rollback(rev.version) },
+          "Roll back"
+        )
+      ]);
+    }
+    return () => {
+      if (isLoading.value) return h("p", { style: styles.status }, "Loading template\u2026");
+      if (error.value)
+        return h("p", { style: styles.error, role: "alert" }, error.value.explanation);
+      return h("div", { style: styles.container }, [
+        h("h1", { style: styles.title }, props.type),
+        h(
+          "p",
+          { style: styles.meta },
+          `${props.locale ?? "base"} \xB7 v${template.value?.version ?? 1}`
+        ),
+        h("form", { style: styles.form, onSubmit: handleSubmit }, [
+          h("label", { style: styles.label, for: "template-subject" }, "Subject"),
+          h("input", {
+            id: "template-subject",
+            style: styles.input,
+            value: subject.value,
+            onInput: (e) => {
+              subject.value = e.target.value;
+            }
+          }),
+          h("label", { style: styles.label, for: "template-html" }, "HTML body"),
+          h("textarea", {
+            id: "template-html",
+            style: styles.textarea,
+            rows: 8,
+            value: html.value,
+            onInput: (e) => {
+              html.value = e.target.value;
+            }
+          }),
+          h("label", { style: styles.label, for: "template-text" }, "Plain-text body"),
+          h("textarea", {
+            id: "template-text",
+            style: styles.textarea,
+            rows: 4,
+            required: true,
+            value: text.value,
+            onInput: (e) => {
+              text.value = e.target.value;
+            }
+          }),
+          h("label", { style: styles.checkboxLabel }, [
+            h("input", {
+              type: "checkbox",
+              checked: active.value,
+              onChange: (e) => {
+                active.value = e.target.checked;
+              }
+            }),
+            "Active"
+          ]),
+          saveError.value ? h("p", { style: styles.error, role: "alert" }, saveError.value.explanation) : null,
+          h(
+            "button",
+            { type: "submit", disabled: isSaving.value, style: styles.button },
+            isSaving.value ? "Saving\u2026" : "Save"
+          )
+        ]),
+        revisions.value.length > 0 ? h("div", { style: styles.revisions }, [
+          h("h2", { style: styles.subtitle }, "History"),
+          h("ul", { style: styles.list }, revisions.value.map(renderRevision))
+        ]) : null
+      ]);
+    };
+  }
+});
+
+// src/screens/TemplateListScreen.ts
+import { useTemplates } from "@fonderie/vue-courier-admin";
+import { defineComponent as defineComponent2, h as h2 } from "vue";
+var TemplateListScreen = defineComponent2({
+  name: "FonderieTemplateListScreen",
+  props: {
+    client: { type: Object, required: true }
+  },
+  emits: {
+    "select-template": (_template) => true
+  },
+  setup(props, { emit }) {
+    const { templates, isLoading, error } = useTemplates(props.client);
+    function renderRow(template) {
+      return h2("li", { key: `${template.type}:${template.locale ?? "base"}`, style: styles.row }, [
+        h2(
+          "button",
+          {
+            type: "button",
+            style: styles.rowButton,
+            onClick: () => emit("select-template", template)
+          },
+          [
+            h2("span", { style: styles.type }, template.type),
+            h2("span", { style: styles.locale }, template.locale ?? "base"),
+            h2(
+              "span",
+              { style: template.active ? styles.active : styles.inactive },
+              template.active ? "Active" : "Inactive"
+            )
+          ]
+        )
+      ]);
+    }
+    return () => {
+      if (isLoading.value) return h2("p", { style: styles.status }, "Loading templates\u2026");
+      if (error.value)
+        return h2("p", { style: styles.error, role: "alert" }, error.value.explanation);
+      return h2("div", { style: styles.container }, [
+        h2("h1", { style: styles.title }, "Templates"),
+        h2("ul", { style: styles.list }, templates.value.map(renderRow))
+      ]);
+    };
+  }
+});
+export {
+  TemplateEditorScreen,
+  TemplateListScreen
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/screens/TemplateEditorScreen.ts","../src/styles.ts","../src/screens/TemplateListScreen.ts"],"sourcesContent":["import type { CourierAdminClient, ISetTemplateInput, ITemplateRevision } from '@fonderie/client';\nimport { useSaveTemplate, useTemplate, useTemplateRevisions } from '@fonderie/vue-courier-admin';\nimport type { PropType } from 'vue';\nimport { defineComponent, h, ref, watch } from 'vue';\nimport { styles } from '../styles';\n\nexport const TemplateEditorScreen = defineComponent({\n\tname: 'FonderieTemplateEditorScreen',\n\tprops: {\n\t\tclient: { type: Object as PropType<CourierAdminClient>, required: true },\n\t\ttype: { type: String, required: true },\n\t\tlocale: { type: String as PropType<string | null>, default: null },\n\t},\n\temits: {\n\t\tsaved: () => true,\n\t},\n\tsetup(props, { emit }) {\n\t\tconst { template, isLoading, error, refresh } = useTemplate(\n\t\t\tprops.client,\n\t\t\tprops.type,\n\t\t\tprops.locale,\n\t\t);\n\t\tconst { saveTemplate, isLoading: isSaving, error: saveError } = useSaveTemplate(props.client);\n\t\tconst { revisions, rollback } = useTemplateRevisions(props.client, props.type, props.locale);\n\n\t\tconst subject = ref('');\n\t\tconst html = ref('');\n\t\tconst text = ref('');\n\t\tconst active = ref(true);\n\n\t\twatch(template, (tpl) => {\n\t\t\tif (!tpl) return;\n\t\t\tsubject.value = tpl.subject ?? '';\n\t\t\thtml.value = tpl.html ?? '';\n\t\t\ttext.value = tpl.text;\n\t\t\tactive.value = tpl.active;\n\t\t});\n\n\t\tasync function handleSubmit(event: Event) {\n\t\t\tevent.preventDefault();\n\t\t\ttry {\n\t\t\t\tconst input: ISetTemplateInput = { text: text.value, active: active.value };\n\t\t\t\tif (subject.value) input.subject = subject.value;\n\t\t\t\tif (html.value) input.html = html.value;\n\t\t\t\tif (template.value?.version !== undefined) input.ifVersion = template.value.version;\n\t\t\t\tawait saveTemplate(props.type, input, props.locale);\n\t\t\t\tawait refresh();\n\t\t\t\temit('saved');\n\t\t\t} catch {\n\t\t\t\t// Surfaced via saveError.\n\t\t\t}\n\t\t}\n\n\t\tfunction renderRevision(rev: ITemplateRevision) {\n\t\t\treturn h('li', { key: rev.version, style: styles.revisionRow }, [\n\t\t\t\th(\n\t\t\t\t\t'span',\n\t\t\t\t\t`v${rev.version} — ${rev.actor ?? 'unknown'} — ${new Date(rev.createdAt).toLocaleString()}`,\n\t\t\t\t),\n\t\t\t\th(\n\t\t\t\t\t'button',\n\t\t\t\t\t{ type: 'button', style: styles.rollbackButton, onClick: () => rollback(rev.version) },\n\t\t\t\t\t'Roll back',\n\t\t\t\t),\n\t\t\t]);\n\t\t}\n\n\t\treturn () => {\n\t\t\tif (isLoading.value) return h('p', { style: styles.status }, 'Loading template…');\n\t\t\tif (error.value)\n\t\t\t\treturn h('p', { style: styles.error, role: 'alert' }, error.value.explanation);\n\n\t\t\treturn h('div', { style: styles.container }, [\n\t\t\t\th('h1', { style: styles.title }, props.type),\n\t\t\t\th(\n\t\t\t\t\t'p',\n\t\t\t\t\t{ style: styles.meta },\n\t\t\t\t\t`${props.locale ?? 'base'} · v${template.value?.version ?? 1}`,\n\t\t\t\t),\n\t\t\t\th('form', { style: styles.form, onSubmit: handleSubmit }, [\n\t\t\t\t\th('label', { style: styles.label, for: 'template-subject' }, 'Subject'),\n\t\t\t\t\th('input', {\n\t\t\t\t\t\tid: 'template-subject',\n\t\t\t\t\t\tstyle: styles.input,\n\t\t\t\t\t\tvalue: subject.value,\n\t\t\t\t\t\tonInput: (e: Event) => {\n\t\t\t\t\t\t\tsubject.value = (e.target as HTMLInputElement).value;\n\t\t\t\t\t\t},\n\t\t\t\t\t}),\n\t\t\t\t\th('label', { style: styles.label, for: 'template-html' }, 'HTML body'),\n\t\t\t\t\th('textarea', {\n\t\t\t\t\t\tid: 'template-html',\n\t\t\t\t\t\tstyle: styles.textarea,\n\t\t\t\t\t\trows: 8,\n\t\t\t\t\t\tvalue: html.value,\n\t\t\t\t\t\tonInput: (e: Event) => {\n\t\t\t\t\t\t\thtml.value = (e.target as HTMLTextAreaElement).value;\n\t\t\t\t\t\t},\n\t\t\t\t\t}),\n\t\t\t\t\th('label', { style: styles.label, for: 'template-text' }, 'Plain-text body'),\n\t\t\t\t\th('textarea', {\n\t\t\t\t\t\tid: 'template-text',\n\t\t\t\t\t\tstyle: styles.textarea,\n\t\t\t\t\t\trows: 4,\n\t\t\t\t\t\trequired: true,\n\t\t\t\t\t\tvalue: text.value,\n\t\t\t\t\t\tonInput: (e: Event) => {\n\t\t\t\t\t\t\ttext.value = (e.target as HTMLTextAreaElement).value;\n\t\t\t\t\t\t},\n\t\t\t\t\t}),\n\t\t\t\t\th('label', { style: styles.checkboxLabel }, [\n\t\t\t\t\t\th('input', {\n\t\t\t\t\t\t\ttype: 'checkbox',\n\t\t\t\t\t\t\tchecked: active.value,\n\t\t\t\t\t\t\tonChange: (e: Event) => {\n\t\t\t\t\t\t\t\tactive.value = (e.target as HTMLInputElement).checked;\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t}),\n\t\t\t\t\t\t'Active',\n\t\t\t\t\t]),\n\t\t\t\t\tsaveError.value\n\t\t\t\t\t\t? h('p', { style: styles.error, role: 'alert' }, saveError.value.explanation)\n\t\t\t\t\t\t: null,\n\t\t\t\t\th(\n\t\t\t\t\t\t'button',\n\t\t\t\t\t\t{ type: 'submit', disabled: isSaving.value, style: styles.button },\n\t\t\t\t\t\tisSaving.value ? 'Saving…' : 'Save',\n\t\t\t\t\t),\n\t\t\t\t]),\n\t\t\t\trevisions.value.length > 0\n\t\t\t\t\t? h('div', { style: styles.revisions }, [\n\t\t\t\t\t\t\th('h2', { style: styles.subtitle }, 'History'),\n\t\t\t\t\t\t\th('ul', { style: styles.list }, revisions.value.map(renderRevision)),\n\t\t\t\t\t\t])\n\t\t\t\t\t: null,\n\t\t\t]);\n\t\t};\n\t},\n});\n","import type { CSSProperties } from 'vue';\n\nexport const styles: Record<string, CSSProperties> = {\n\tcontainer: { padding: '24px', maxWidth: '640px' },\n\ttitle: { fontSize: '24px', fontWeight: 700 },\n\tsubtitle: { fontSize: '16px', fontWeight: 600, marginBottom: '8px' },\n\tmeta: { fontSize: '13px', color: '#666', marginBottom: '16px' },\n\tstatus: { padding: '24px', textAlign: 'center', color: '#666' },\n\terror: { color: '#e11d48', marginBottom: '12px', fontSize: '14px' },\n\tlist: { listStyle: 'none', padding: '0', margin: '0' },\n\trow: { borderBottom: '1px solid #eee' },\n\trowButton: {\n\t\twidth: '100%',\n\t\tdisplay: 'flex',\n\t\tjustifyContent: 'space-between',\n\t\talignItems: 'center',\n\t\tpadding: '12px 0',\n\t\tbackground: 'none',\n\t\tborder: 'none',\n\t\tcursor: 'pointer',\n\t\ttextAlign: 'left',\n\t},\n\ttype: { fontSize: '14px', fontWeight: 600, flex: '1' },\n\tlocale: { fontSize: '13px', color: '#666', marginRight: '16px' },\n\tactive: { fontSize: '12px', color: '#16a34a' },\n\tinactive: { fontSize: '12px', color: '#999' },\n\tform: { display: 'flex', flexDirection: 'column', gap: '4px' },\n\tlabel: { fontSize: '13px', fontWeight: 600, marginTop: '12px' },\n\tinput: { border: '1px solid #ddd', borderRadius: '8px', padding: '10px', fontSize: '14px' },\n\ttextarea: {\n\t\tborder: '1px solid #ddd',\n\t\tborderRadius: '8px',\n\t\tpadding: '10px',\n\t\tfontSize: '14px',\n\t\tfontFamily: 'monospace',\n\t},\n\tcheckboxLabel: {\n\t\tdisplay: 'flex',\n\t\talignItems: 'center',\n\t\tgap: '8px',\n\t\tmarginTop: '12px',\n\t\tfontSize: '14px',\n\t},\n\tbutton: {\n\t\tmarginTop: '16px',\n\t\tbackgroundColor: '#000',\n\t\tcolor: '#fff',\n\t\tpadding: '10px 20px',\n\t\tborderRadius: '8px',\n\t\tborder: 'none',\n\t\tfontSize: '14px',\n\t\tfontWeight: 600,\n\t\tcursor: 'pointer',\n\t\talignSelf: 'flex-start',\n\t},\n\trevisions: { marginTop: '32px' },\n\trevisionRow: {\n\t\tdisplay: 'flex',\n\t\tjustifyContent: 'space-between',\n\t\talignItems: 'center',\n\t\tpadding: '8px 0',\n\t\tborderBottom: '1px solid #eee',\n\t\tfontSize: '13px',\n\t},\n\trollbackButton: {\n\t\tbackground: 'none',\n\t\tborder: '1px solid #ddd',\n\t\tborderRadius: '8px',\n\t\tpadding: '4px 10px',\n\t\tfontSize: '12px',\n\t\tcursor: 'pointer',\n\t},\n};\n","import type { CourierAdminClient, ITemplateEntry } from '@fonderie/client';\nimport { useTemplates } from '@fonderie/vue-courier-admin';\nimport type { PropType } from 'vue';\nimport { defineComponent, h } from 'vue';\nimport { styles } from '../styles';\n\nexport const TemplateListScreen = defineComponent({\n\tname: 'FonderieTemplateListScreen',\n\tprops: {\n\t\tclient: { type: Object as PropType<CourierAdminClient>, required: true },\n\t},\n\temits: {\n\t\t'select-template': (_template: ITemplateEntry) => true,\n\t},\n\tsetup(props, { emit }) {\n\t\tconst { templates, isLoading, error } = useTemplates(props.client);\n\n\t\tfunction renderRow(template: ITemplateEntry) {\n\t\t\treturn h('li', { key: `${template.type}:${template.locale ?? 'base'}`, style: styles.row }, [\n\t\t\t\th(\n\t\t\t\t\t'button',\n\t\t\t\t\t{\n\t\t\t\t\t\ttype: 'button',\n\t\t\t\t\t\tstyle: styles.rowButton,\n\t\t\t\t\t\tonClick: () => emit('select-template', template),\n\t\t\t\t\t},\n\t\t\t\t\t[\n\t\t\t\t\t\th('span', { style: styles.type }, template.type),\n\t\t\t\t\t\th('span', { style: styles.locale }, template.locale ?? 'base'),\n\t\t\t\t\t\th(\n\t\t\t\t\t\t\t'span',\n\t\t\t\t\t\t\t{ style: template.active ? styles.active : styles.inactive },\n\t\t\t\t\t\t\ttemplate.active ? 'Active' : 'Inactive',\n\t\t\t\t\t\t),\n\t\t\t\t\t],\n\t\t\t\t),\n\t\t\t]);\n\t\t}\n\n\t\treturn () => {\n\t\t\tif (isLoading.value) return h('p', { style: styles.status }, 'Loading templates…');\n\t\t\tif (error.value)\n\t\t\t\treturn h('p', { style: styles.error, role: 'alert' }, error.value.explanation);\n\n\t\t\treturn h('div', { style: styles.container }, [\n\t\t\t\th('h1', { style: styles.title }, 'Templates'),\n\t\t\t\th('ul', { style: styles.list }, templates.value.map(renderRow)),\n\t\t\t]);\n\t\t};\n\t},\n});\n"],"mappings":"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","names":["defineComponent","h","defineComponent","h"]}

package/package.json

@@ -0,0 +1,68 @@
+{
+	"name": "@fonderie/vue-courier-admin-screens",
+	"version": "0.1.0",
+	"description": "Pre-built Vue screens for the Fonderie courier admin API — template list, template editor with revision history and rollback.",
+	"keywords": [
+		"fonderie-js",
+		"vue",
+		"courier",
+		"templates",
+		"admin",
+		"screens",
+		"ui",
+		"typescript"
+	],
+	"license": "MIT",
+	"type": "module",
+	"engines": {
+		"node": ">=20"
+	},
+	"exports": {
+		".": {
+			"types": "./dist/index.d.ts",
+			"import": "./dist/index.js",
+			"require": "./dist/index.cjs"
+		}
+	},
+	"main": "./dist/index.cjs",
+	"module": "./dist/index.js",
+	"types": "./dist/index.d.ts",
+	"scripts": {
+		"build": "tsup",
+		"dev": "tsup --watch",
+		"typecheck": "tsc --noEmit",
+		"lint": "biome lint src",
+		"format": "biome format --write src",
+		"check": "biome check --write src"
+	},
+	"dependencies": {
+		"@fonderie/client": "*",
+		"@fonderie/vue-courier-admin": "*"
+	},
+	"peerDependencies": {
+		"vue": ">=3.0.0"
+	},
+	"devDependencies": {
+		"@types/node": "^25.6.0",
+		"tsup": "^8.5.1",
+		"typescript": "^6.0.3",
+		"vue": "^3.5.0"
+	},
+	"publishConfig": {
+		"access": "public"
+	},
+	"files": [
+		"dist",
+		"LICENSE",
+		"README.md"
+	],
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/fonderiejs/fonderie.git",
+		"directory": "packages/vue-courier-admin-screens"
+	},
+	"homepage": "https://github.com/fonderiejs/fonderie/tree/main/packages/vue-courier-admin-screens#readme",
+	"bugs": {
+		"url": "https://github.com/fonderiejs/fonderie/issues"
+	}
+}