@topol.io/editor-vue 0.0.0 → 0.0.1

package/dist/topol-editor-vue.es.js

@@ -1,24 +1,24 @@
-import d from "@topol.io/editor";
+import i from "@topol.io/editor";
 import { default as E } from "@topol.io/editor";
-import { defineComponent as c, onMounted as p, onBeforeUnmount as g, openBlock as v, createElementBlock as C } from "vue";
-const l = "topol-editor-id", u = /* @__PURE__ */ c({
+import { defineComponent as p, onMounted as g, onBeforeUnmount as v, openBlock as C, createElementBlock as m } from "vue";
+const d = "topol-editor-id", u = /* @__PURE__ */ p({
   __name: "TopolEditor",
   props: {
     options: {},
     stage: { default: "production" }
   },
   emits: ["onSave", "onSaveAndClose", "onTestSend", "onOpenFileManager", "onLoaded", "onBlockSave", "onBlockRemove", "onBlockEdit", "onInit", "onClose", "onUndoChange", "onRedoChange", "onPreview", "onAlert", "onBannerClick", "onEdittedWithoutSaveChanged"],
-  setup(r, { emit: n }) {
-    const t = r, s = () => {
-      const a = {
+  setup(l, { emit: s }) {
+    const a = l, n = s, r = () => {
+      const t = {
         onSave(o, e) {
           n("onSave", { json: o, html: e });
         },
         onSaveAndClose(o, e) {
           n("onSaveAndClose", { json: o, html: e });
         },
-        onTestSend(o, e, i) {
-          n("onTestSend", { email: o, json: e, html: i });
+        onTestSend(o, e, c) {
+          n("onTestSend", { email: o, json: e, html: c });
         },
         onOpenFileManager() {
           n("onOpenFileManager");
@@ -61,15 +61,15 @@ const l = "topol-editor-id", u = /* @__PURE__ */ c({
           n("onEdittedWithoutSaveChanged", o);
         }
       };
-      return { id: "#" + l, ...t.options, callbacks: { ...a } };
+      return { id: "#" + d, ...a.options, callbacks: { ...t } };
     };
-    return p(async () => {
-      const a = s();
-      await d.init(a, { stage: t.stage });
-    }), g(() => {
-      d.destroy();
-    }), (a, o) => (v(), C("div", {
-      id: l,
+    return g(async () => {
+      const t = r();
+      await i.init(t, { stage: a.stage });
+    }), v(() => {
+      i.destroy();
+    }), (t, o) => (C(), m("div", {
+      id: d,
       style: { position: "absolute", width: "100%", height: "100vh" }
     }));
   }

package/dist/topol-editor-vue.umd.js

@@ -1 +1 @@
-(function(e,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("@topol.io/editor"),require("vue")):typeof define=="function"&&define.amd?define(["exports","@topol.io/editor","vue"],t):(e=typeof globalThis<"u"?globalThis:e||self,t(e["topol-editor-vue"]={},e.TopolPlugin,e.Vue))})(this,function(e,t,i){"use strict";const l="topol-editor-id",r=i.defineComponent({__name:"TopolEditor",props:{options:{},stage:{default:"production"}},emits:["onSave","onSaveAndClose","onTestSend","onOpenFileManager","onLoaded","onBlockSave","onBlockRemove","onBlockEdit","onInit","onClose","onUndoChange","onRedoChange","onPreview","onAlert","onBannerClick","onEdittedWithoutSaveChanged"],setup(c,{emit:n}){const s=c,p=()=>{const a={onSave(o,d){n("onSave",{json:o,html:d})},onSaveAndClose(o,d){n("onSaveAndClose",{json:o,html:d})},onTestSend(o,d,u){n("onTestSend",{email:o,json:d,html:u})},onOpenFileManager(){n("onOpenFileManager")},onLoaded(){n("onLoaded")},onBlockSave(o){n("onBlockSave",o)},onBlockRemove(o){n("onBlockRemove",o)},onBlockEdit(o){n("onBlockEdit",o)},onInit(){n("onInit")},onUndoChange(o){n("onUndoChange",o)},onRedoChange(o){n("onRedoChange",o)},onPreview(o){n("onPreview",o)},onAlert(o){n("onAlert",o)},onClose(){n("onClose")},onBannerClick(o,d){n("onBannerClick",{json:o,html:d})},onEdittedWithoutSaveChanged(o){n("onEdittedWithoutSaveChanged",o)}};return{id:"#"+l,...s.options,callbacks:{...a}}};return i.onMounted(async()=>{const a=p();await t.init(a,{stage:s.stage})}),i.onBeforeUnmount(()=>{t.destroy()}),(a,o)=>(i.openBlock(),i.createElementBlock("div",{id:l,style:{position:"absolute",width:"100%",height:"100vh"}}))}});e.TopolPlugin=t,e.TopolEditor=r,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})});
+(function(n,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("@topol.io/editor"),require("vue")):typeof define=="function"&&define.amd?define(["exports","@topol.io/editor","vue"],t):(n=typeof globalThis<"u"?globalThis:n||self,t(n["topol-editor-vue"]={},n.TopolPlugin,n.Vue))})(this,function(n,t,d){"use strict";const l="topol-editor-id",r=d.defineComponent({__name:"TopolEditor",props:{options:{},stage:{default:"production"}},emits:["onSave","onSaveAndClose","onTestSend","onOpenFileManager","onLoaded","onBlockSave","onBlockRemove","onBlockEdit","onInit","onClose","onUndoChange","onRedoChange","onPreview","onAlert","onBannerClick","onEdittedWithoutSaveChanged"],setup(c,{emit:p}){const s=c,e=p,u=()=>{const a={onSave(o,i){e("onSave",{json:o,html:i})},onSaveAndClose(o,i){e("onSaveAndClose",{json:o,html:i})},onTestSend(o,i,h){e("onTestSend",{email:o,json:i,html:h})},onOpenFileManager(){e("onOpenFileManager")},onLoaded(){e("onLoaded")},onBlockSave(o){e("onBlockSave",o)},onBlockRemove(o){e("onBlockRemove",o)},onBlockEdit(o){e("onBlockEdit",o)},onInit(){e("onInit")},onUndoChange(o){e("onUndoChange",o)},onRedoChange(o){e("onRedoChange",o)},onPreview(o){e("onPreview",o)},onAlert(o){e("onAlert",o)},onClose(){e("onClose")},onBannerClick(o,i){e("onBannerClick",{json:o,html:i})},onEdittedWithoutSaveChanged(o){e("onEdittedWithoutSaveChanged",o)}};return{id:"#"+l,...s.options,callbacks:{...a}}};return d.onMounted(async()=>{const a=u();await t.init(a,{stage:s.stage})}),d.onBeforeUnmount(()=>{t.destroy()}),(a,o)=>(d.openBlock(),d.createElementBlock("div",{id:l,style:{position:"absolute",width:"100%",height:"100vh"}}))}});n.TopolPlugin=t,n.TopolEditor=r,Object.defineProperty(n,Symbol.toStringTag,{value:"Module"})});

package/dist/types/TopolEditor.vue.d.ts

@@ -0,0 +1,76 @@
+import { ITopolOptions, INotification, ISavedBlock, IStage } from '@topol.io/editor';
+export type IVueOptions = Omit<ITopolOptions, 'id' | 'callbacks'>;
+export type ISaveData = {
+    json: unknown;
+    html: unknown;
+};
+export type ISendTestData = {
+    email: string;
+    json: unknown;
+    html: unknown;
+};
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    options: IVueOptions;
+    stage?: IStage | undefined;
+}>, {
+    stage: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    onSave: (data: ISaveData) => void;
+    onSaveAndClose: (data: ISaveData) => void;
+    onTestSend: (data: ISendTestData) => void;
+    onOpenFileManager: () => void;
+    onLoaded: () => void;
+    onBlockSave: (block: ISavedBlock) => void;
+    onBlockRemove: (blockId: number) => void;
+    onBlockEdit: (blockId: number) => void;
+    onInit: () => void;
+    onClose: () => void;
+    onUndoChange: (count: number) => void;
+    onRedoChange: (count: number) => void;
+    onPreview: (html: unknown) => void;
+    onAlert: (notification: INotification) => void;
+    onBannerClick: (data: ISaveData) => void;
+    onEdittedWithoutSaveChanged: (hasUnsavedChanges: boolean) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    options: IVueOptions;
+    stage?: IStage | undefined;
+}>, {
+    stage: string;
+}>>> & {
+    onOnSave?: ((data: ISaveData) => any) | undefined;
+    onOnSaveAndClose?: ((data: ISaveData) => any) | undefined;
+    onOnTestSend?: ((data: ISendTestData) => any) | undefined;
+    onOnOpenFileManager?: (() => any) | undefined;
+    onOnLoaded?: (() => any) | undefined;
+    onOnBlockSave?: ((block: ISavedBlock) => any) | undefined;
+    onOnBlockRemove?: ((blockId: number) => any) | undefined;
+    onOnBlockEdit?: ((blockId: number) => any) | undefined;
+    onOnInit?: (() => any) | undefined;
+    onOnClose?: (() => any) | undefined;
+    onOnUndoChange?: ((count: number) => any) | undefined;
+    onOnRedoChange?: ((count: number) => any) | undefined;
+    onOnPreview?: ((html: unknown) => any) | undefined;
+    onOnAlert?: ((notification: INotification) => any) | undefined;
+    onOnBannerClick?: ((data: ISaveData) => any) | undefined;
+    onOnEdittedWithoutSaveChanged?: ((hasUnsavedChanges: boolean) => any) | undefined;
+}, {
+    stage: IStage;
+}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/types/entry.d.ts

@@ -0,0 +1,4 @@
+export { default as TopolPlugin } from '@topol.io/editor';
+export type { INotification, IStage, ISavedBlock } from '@topol.io/editor';
+export { default as TopolEditor } from './TopolEditor.vue';
+export type { ISaveData, ISendTestData, IVueOptions as ITopolOptions } from './TopolEditor.vue';

package/package.json

@@ -14,7 +14,8 @@
   "author": "Topol.io",
   "homepage": "https://topol.io",
   "license": "Apache-2.0",
-  "version": "0.0.0",
+  "version": "0.0.1",
+  "type": "module",
   "files": [
     "dist"
   ],
@@ -28,7 +29,7 @@
     }
   },
   "dependencies": {
-    "@topol.io/editor": "0.0.0"
+    "@topol.io/editor": "0.0.1"
   },
   "peerDependencies": {
     "vue": "^3.2.25"
@@ -36,10 +37,10 @@
   "devDependencies": {
     "@babel/types": "^7.23.0",
     "@types/node": "^20.8.4",
-    "@vitejs/plugin-vue": "^4.4.0",
+    "@vitejs/plugin-vue": "^5.0.3",
     "typescript": "^5.2.2",
-    "vite": "^4.4.11",
-    "vue": "^3.3.4",
+    "vite": "^5.0.11",
+    "vue": "^3.4.10",
     "vue-tsc": "^1.8.18"
   },
   "publishConfig": {