@topol.io/editor-vue 0.0.0 → 0.0.2

package/README.md

@@ -56,7 +56,7 @@ TopolPlugin.save();
 | Action | Description |
 | --- | ----------- |
 | `TopolPlugin.save()` | Saves the content of the editor [more info](https://topol.io/docs#plugin-configuration) |
-| `TopolPlugin.load(template`) | Loads the provided template [more info](https://topol.io/docs#save-and-load-options) |
+| `TopolPlugin.load(template)` | Loads the provided template [more info](https://topol.io/docs#save-and-load-options) |
 | `TopolPlugin.togglePreview()` | Toggles editor preview [more info](https://topol.io/docs#preview-mode-on-desktop-and-mobile)|
 | `TopolPlugin.togglePreviewSize()` | Toggles editor preview size |
 | `TopolPlugin.undo()` | Undo change in editor [more info](https://topol.io/docs#redo-and-undo)|
@@ -69,6 +69,7 @@ TopolPlugin.save();
 | `TopolPlugin.destroy()` | Destroys the editor initialization [more info](https://topol.io/docs#working-with-js-frameworks) |
 
 <br>
+
 ## Editor Events
 
 The callbacks from editor are received as component events.
@@ -98,6 +99,7 @@ The callbacks from editor are received as component events.
 
 
 <br>
+
 ## TypeScript
 
 Topol Editor provides full TypeScript integration and exports all necessary types.

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 C, openBlock as m, createElementBlock as v } from "vue";
+const l = "topol-editor-id", B = /* @__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 = {
+  emits: ["onSave", "onSaveAndClose", "onTestSend", "onOpenFileManager", "onLoaded", "onBlockSave", "onBlockRemove", "onBlockEdit", "onInit", "onClose", "onUndoChange", "onRedoChange", "onPreview", "onAlert", "onBannerClick", "onEdittedWithoutSaveChanged", "onOpenCustomBlockDialog"],
+  setup(d, { emit: s }) {
+    const a = d, 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");
@@ -59,22 +59,25 @@ const l = "topol-editor-id", u = /* @__PURE__ */ c({
         },
         onEdittedWithoutSaveChanged(o) {
           n("onEdittedWithoutSaveChanged", o);
+        },
+        onOpenCustomBlockDialog(o) {
+          n("onOpenCustomBlockDialog", o);
         }
       };
-      return { id: "#" + l, ...t.options, callbacks: { ...a } };
+      return { id: "#" + l, ...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", {
+    return g(async () => {
+      const t = r();
+      await i.init(t, { stage: a.stage });
+    }), C(() => {
+      i.destroy();
+    }), (t, o) => (m(), v("div", {
       id: l,
       style: { position: "absolute", width: "100%", height: "100vh" }
     }));
   }
 });
 export {
-  u as TopolEditor,
+  B as TopolEditor,
   E as TopolPlugin
 };

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",c=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","onOpenCustomBlockDialog"],setup(r,{emit:p}){const s=r,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,C){e("onTestSend",{email:o,json:i,html:C})},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)},onOpenCustomBlockDialog(o){e("onOpenCustomBlockDialog",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=c,Object.defineProperty(n,Symbol.toStringTag,{value:"Module"})});

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

@@ -0,0 +1,78 @@
+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;
+    onOpenCustomBlockDialog: (blockContent: unknown) => 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;
+    onOnOpenCustomBlockDialog?: ((blockContent: unknown) => 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.2",
+  "type": "module",
   "files": [
     "dist"
   ],
@@ -28,7 +29,7 @@
     }
   },
   "dependencies": {
-    "@topol.io/editor": "0.0.0"
+    "@topol.io/editor": "0.0.2"
   },
   "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": {
@@ -47,7 +48,7 @@
   },
   "scripts": {
     "dev": "vite",
-    "build": "vite build && yarn run build:types",
+    "build": "vite build && pnpm run build:types",
     "preview": "vite preview",
     "build:types": "vue-tsc -p tsconfig.prod.json"
   }