@topol.io/editor-vue 0.0.0-beta.3 → 0.0.0-beta.7

package/LICENSE

@@ -0,0 +1,13 @@
+Copyright 2022 Ecomail s.r.o.
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+     http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.

package/README.md

@@ -68,7 +68,7 @@ TopolPlugin.save();
 | `TopolPlugin.toggleBlocksAndStructuresVisibility()` | Toggle hidden structures visibility for blocks and structures [more info](https://topol.io/docs#mobile-first-email-template)|
 | `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.
@@ -95,7 +95,7 @@ The callbacks from editor are received as component events.
 | `@onPreview` | When user switches to preview |
 | `@onAlert` | When alert appears in editor [more info](https://topol.io/docs#show-custom-notification-in-editor)|
 
-
+<br>
 ## TypeScript
 
 Topol Editor provides full TypeScript integration and exports all necessary types.

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

@@ -17,12 +17,13 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { defineComponent, onMounted, openBlock, createElementBlock } from "vue";
+import { defineComponent, onMounted, onBeforeUnmount, openBlock, createElementBlock } from "vue";
 import TopolPlugin from "@topol.io/editor";
 export { default as TopolPlugin } from "@topol.io/editor";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   props: {
-    options: null
+    options: null,
+    dev: { type: Boolean, default: false }
   },
   emits: ["onSave", "onSaveAndClose", "onTestSend", "onOpenFileManager", "onLoaded", "onBlockSave", "onBlockRemove", "onBlockEdit", "onInit", "onUndoChange", "onRedoChange", "onPreview", "onAlert"],
   setup(__props, { emit }) {
@@ -74,7 +75,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     onMounted(async () => {
       const mergedTopolOptinos = mergeOptions();
-      await TopolPlugin.init(mergedTopolOptinos);
+      await TopolPlugin.init(mergedTopolOptinos, { dev: props.dev });
+    });
+    onBeforeUnmount(() => {
+      TopolPlugin.destroy();
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {

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

@@ -1 +1 @@
-var T=Object.defineProperty,B=Object.defineProperties;var _=Object.getOwnPropertyDescriptors;var s=Object.getOwnPropertySymbols;var C=Object.prototype.hasOwnProperty,y=Object.prototype.propertyIsEnumerable;var p=(e,o,d)=>o in e?T(e,o,{enumerable:!0,configurable:!0,writable:!0,value:d}):e[o]=d,r=(e,o)=>{for(var d in o||(o={}))C.call(o,d)&&p(e,d,o[d]);if(s)for(var d of s(o))y.call(o,d)&&p(e,d,o[d]);return e},f=(e,o)=>B(e,_(o));(function(e,o){typeof exports=="object"&&typeof module!="undefined"?o(exports,require("vue"),require("@topol.io/editor")):typeof define=="function"&&define.amd?define(["exports","vue","@topol.io/editor"],o):(e=typeof globalThis!="undefined"?globalThis:e||self,o(e["topol-editor-vue"]={},e.Vue,e.TopolPlugin))})(this,function(e,o,d){"use strict";function v(l){return l&&typeof l=="object"&&"default"in l?l:{default:l}}var c=v(d);const g=o.defineComponent({props:{options:null},emits:["onSave","onSaveAndClose","onTestSend","onOpenFileManager","onLoaded","onBlockSave","onBlockRemove","onBlockEdit","onInit","onUndoChange","onRedoChange","onPreview","onAlert"],setup(l,{emit:t}){const h=l,u="topol-editor-id",S=()=>{const a={onSave(n,i){t("onSave",{json:n,html:i})},onSaveAndClose(n,i){t("onSaveAndClose",{json:n,html:i})},onTestSend(n,i,k){t("onTestSend",{email:n,json:i,html:k})},onOpenFileManager(){t("onOpenFileManager")},onLoaded(){t("onLoaded")},onBlockSave(n){t("onBlockSave",n)},onBlockRemove(n){t("onBlockRemove",n)},onBlockEdit(n){t("onBlockEdit",n)},onInit(){t("onInit")},onUndoChange(n){t("onUndoChange",n)},onRedoChange(n){t("onRedoChange",n)},onPreview(n){t("onPreview",n)},onAlert(n){t("onAlert",n)}};return f(r({id:"#"+u},h.options),{callbacks:r({},a)})};return o.onMounted(async()=>{const a=S();await c.default.init(a)}),(a,n)=>(o.openBlock(),o.createElementBlock("div",{id:u,style:{position:"absolute",width:"100%",height:"100vh"}}))}});Object.defineProperty(e,"TopolPlugin",{enumerable:!0,get:function(){return c.default}}),e.TopolEditor=g,Object.defineProperty(e,"__esModule",{value:!0}),e[Symbol.toStringTag]="Module"});
+var B=Object.defineProperty,T=Object.defineProperties;var y=Object.getOwnPropertyDescriptors;var p=Object.getOwnPropertySymbols;var _=Object.prototype.hasOwnProperty,C=Object.prototype.propertyIsEnumerable;var f=(e,o,d)=>o in e?B(e,o,{enumerable:!0,configurable:!0,writable:!0,value:d}):e[o]=d,u=(e,o)=>{for(var d in o||(o={}))_.call(o,d)&&f(e,d,o[d]);if(p)for(var d of p(o))C.call(o,d)&&f(e,d,o[d]);return e},v=(e,o)=>T(e,y(o));(function(e,o){typeof exports=="object"&&typeof module!="undefined"?o(exports,require("vue"),require("@topol.io/editor")):typeof define=="function"&&define.amd?define(["exports","vue","@topol.io/editor"],o):(e=typeof globalThis!="undefined"?globalThis:e||self,o(e["topol-editor-vue"]={},e.Vue,e.TopolPlugin))})(this,function(e,o,d){"use strict";function g(l){return l&&typeof l=="object"&&"default"in l?l:{default:l}}var r=g(d);const h=o.defineComponent({props:{options:null,dev:{type:Boolean,default:!1}},emits:["onSave","onSaveAndClose","onTestSend","onOpenFileManager","onLoaded","onBlockSave","onBlockRemove","onBlockEdit","onInit","onUndoChange","onRedoChange","onPreview","onAlert"],setup(l,{emit:t}){const c=l,s="topol-editor-id",S=()=>{const a={onSave(n,i){t("onSave",{json:n,html:i})},onSaveAndClose(n,i){t("onSaveAndClose",{json:n,html:i})},onTestSend(n,i,k){t("onTestSend",{email:n,json:i,html:k})},onOpenFileManager(){t("onOpenFileManager")},onLoaded(){t("onLoaded")},onBlockSave(n){t("onBlockSave",n)},onBlockRemove(n){t("onBlockRemove",n)},onBlockEdit(n){t("onBlockEdit",n)},onInit(){t("onInit")},onUndoChange(n){t("onUndoChange",n)},onRedoChange(n){t("onRedoChange",n)},onPreview(n){t("onPreview",n)},onAlert(n){t("onAlert",n)}};return v(u({id:"#"+s},c.options),{callbacks:u({},a)})};return o.onMounted(async()=>{const a=S();await r.default.init(a,{dev:c.dev})}),o.onBeforeUnmount(()=>{r.default.destroy()}),(a,n)=>(o.openBlock(),o.createElementBlock("div",{id:s,style:{position:"absolute",width:"100%",height:"100vh"}}))}});Object.defineProperty(e,"TopolPlugin",{enumerable:!0,get:function(){return r.default}}),e.TopolEditor=h,Object.defineProperty(e,"__esModule",{value:!0}),e[Symbol.toStringTag]="Module"});

package/package.json

@@ -1,17 +1,20 @@
 {
   "name": "@topol.io/editor-vue",
-  "description": "Vue.js integration for Topol Editor.",
+  "description": "Official Vue.js package for Topol Editor.",
   "keywords": [
     "plugin",
     "editor",
     "email",
     "topol",
-    "topol.io"
+    "topol.io",
+    "topol-vue",
+    "email-vue",
+    "email templates"
   ],
   "author": "Topol.io",
   "homepage": "https://topol.io",
   "license": "Apache-2.0",
-  "version": "0.0.0-beta.3",
+  "version": "0.0.0-beta.7",
   "files": [
     "dist"
   ],
@@ -31,13 +34,13 @@
     "build:types": "vue-tsc"
   },
   "dependencies": {
-    "@topol.io/editor": "^0.0.0-alfa.5"
+    "@topol.io/editor": "^0.0.0-alfa.10"
   },
   "peerDependencies": {
     "vue": "^3.2.25"
   },
   "devDependencies": {
-    "@types/node": "^17.0.13",
+    "@types/node": "^17.0.14",
     "@vitejs/plugin-vue": "^2.0.0",
     "typescript": "^4.4.4",
     "vite": "^2.7.2",

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

@@ -1,78 +0,0 @@
-import IVueOptions from "../types/IVueTopolOptions";
-import ISavedBlock from "../types/SavedBlock/ISavedBlock";
-import INotification from "../types/Notification/INotification";
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
-    options: IVueOptions;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    onSave: (payload_0: {
-        json: unknown;
-        html: unknown;
-    }) => void;
-} & {
-    onSaveAndClose: (payload_0: {
-        json: unknown;
-        html: unknown;
-    }) => void;
-} & {
-    onTestSend: (payload_0: {
-        email: string;
-        json: unknown;
-        html: unknown;
-    }) => void;
-} & {
-    onOpenFileManager: () => void;
-} & {
-    onLoaded: () => void;
-} & {
-    onBlockSave: (block: ISavedBlock) => void;
-} & {
-    onBlockRemove: (blockId: number) => void;
-} & {
-    onBlockEdit: (blockId: number) => void;
-} & {
-    onInit: () => void;
-} & {
-    onUndoChange: (count: number) => void;
-} & {
-    onRedoChange: (count: number) => void;
-} & {
-    onPreview: (html: unknown) => void;
-} & {
-    onAlert: (notification: INotification) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
-    options: IVueOptions;
-}>>> & {
-    onOnSave?: ((args_0: {
-        json: unknown;
-        html: unknown;
-    }) => any) | undefined;
-    onOnSaveAndClose?: ((args_0: {
-        json: unknown;
-        html: unknown;
-    }) => any) | undefined;
-    onOnTestSend?: ((args_0: {
-        email: string;
-        json: unknown;
-        html: unknown;
-    }) => 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;
-    onOnUndoChange?: ((count: number) => any) | undefined;
-    onOnRedoChange?: ((count: number) => any) | undefined;
-    onOnPreview?: ((html: unknown) => any) | undefined;
-    onOnAlert?: ((notification: INotification) => any) | undefined;
-}, {}>;
-export default _default;
-declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-declare 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;
-    };
-};