vue-email-editor - npm Package Compare versions

Comparing version 2.1.0 to 2.1.1

dist/components/EmailEditor.vue.d.ts

@@ -9,2 +9,3 @@ import { EmailEditorProps } from './types';
     options: () => EmailEditorProps["options"];
+    scriptUrl: () => EmailEditorProps["scriptUrl"];
     /**
@@ -51,2 +52,3 @@ * @Deprecated Props: Use `options.appearance` instead
     options: () => EmailEditorProps["options"];
+    scriptUrl: () => EmailEditorProps["scriptUrl"];
     /**
@@ -53,0 +55,0 @@ * @Deprecated Props: Use `options.appearance` instead

dist/components/loadScript.d.ts

@@ -1,1 +0,1 @@
-export function loadScript(callback: any): void;
+export declare const loadScript: (callback: Function, scriptUrl?: string) => void;

dist/components/types.d.ts

@@ -13,2 +13,3 @@ /// <reference types="unlayer-types/embed.d.ts" />
     options?: Config;
+    scriptUrl: string;
     /** @deprecated */
@@ -15,0 +16,0 @@ appearance?: AppearanceConfig | undefined;

dist/vue-email-editor.es.js

@@ -1,3 +0,3 @@
-import { defineComponent as a, shallowRef as p, openBlock as u, createElementBlock as m, normalizeStyle as v } from "vue";
-const h = "vue-email-editor", b = "2.1.0", y = "dist/vue-email-editor.es", f = "dist/vue-email-editor.d.ts", g = {
+import { defineComponent as l, shallowRef as a, openBlock as p, createElementBlock as u, normalizeStyle as m } from "vue";
+const v = "vue-email-editor", h = "2.1.1", y = "dist/vue-email-editor.es", b = "dist/vue-email-editor.d.ts", f = {
   serve: "vue-cli-service serve",
@@ -10,6 +10,6 @@ build: "vue-cli-service build",
   release: "npm run build-bundle && npm publish"
-}, j = {
+}, g = {
   "unlayer-types": "latest",
   vue: "^3.2.13"
-}, E = {
+}, j = {
   "@babel/types": "^7.24.7",
@@ -26,41 +26,41 @@ "@vitejs/plugin-vue": "^5.0.5",
   "vue-tsc": "^2.0.22"
-}, _ = [
+}, E = [
   "dist"
-], n = {
-  name: h,
-  version: b,
+], o = {
+  name: v,
+  version: h,
   main: y,
-  types: f,
-  scripts: g,
-  dependencies: j,
-  devDependencies: E,
-  files: _
-}, c = "//editor.unlayer.com/embed.js?2", d = [];
-let l = !1;
-const I = () => {
-  const e = document.querySelectorAll("script");
-  let t = !1;
-  return e.forEach((i) => {
-    i.src.includes(c) && (t = !0);
-  }), t;
-}, k = (e) => {
-  d.push(e);
+  types: b,
+  scripts: f,
+  dependencies: g,
+  devDependencies: j,
+  files: E
+}, _ = "https://editor.unlayer.com/embed.js?2", c = [];
+let d = !1;
+const S = (e) => {
+  const t = document.querySelectorAll("script");
+  let i = !1;
+  return t.forEach((s) => {
+    s.src.includes(e) && (i = !0);
+  }), i;
+}, I = (e) => {
+  c.push(e);
 }, r = () => {
-  if (l) {
+  if (d) {
     let e;
-    for (; e = d.shift(); )
+    for (; e = c.shift(); )
       e();
   }
-}, S = (e) => {
-  if (k(e), I())
+}, k = (e, t = _) => {
+  if (I(e), S(t))
     r();
   else {
-    const t = document.createElement("script");
-    t.setAttribute("src", c), t.onload = () => {
-      l = !0, r();
-    }, document.head.appendChild(t);
+    const i = document.createElement("script");
+    i.setAttribute("src", t), i.onload = () => {
+      d = !0, r();
+    }, document.head.appendChild(i);
   }
 };
 let D = 0;
-const $ = a({
+const $ = l({
   name: "EmailEditor",
@@ -74,2 +74,3 @@ props: {
     options: Object,
+    scriptUrl: String,
     /**
@@ -99,3 +100,3 @@ * @Deprecated Props: Use `options.appearance` instead
     return {
-      editor: p(null)
+      editor: a(null)
       // Makes editor available to the template
@@ -105,3 +106,3 @@ };
   mounted() {
-    S(this.loadEditor.bind(this));
+    k(this.loadEditor.bind(this), this.scriptUrl);
   },
@@ -115,4 +116,4 @@ methods: {
         source: {
-          name: n.name,
-          version: n.version
+          name: o.name,
+          version: o.version
         }
@@ -147,16 +148,16 @@ }), this.$emit("load"), this.editor.addEventListener("editor:ready", () => {
   const i = e.__vccOpts || e;
-  for (const [s, o] of t)
-    i[s] = o;
+  for (const [s, n] of t)
+    i[s] = n;
   return i;
 }, O = ["id"];
-function x(e, t, i, s, o, C) {
-  return u(), m("div", {
+function x(e, t, i, s, n, C) {
+  return p(), u("div", {
     id: e.id,
     class: "unlayer-editor",
-    style: v({ minHeight: e.minHeight })
+    style: m({ minHeight: e.minHeight })
   }, null, 12, O);
 }
-const A = /* @__PURE__ */ H($, [["render", x], ["__scopeId", "data-v-4f9aebc6"]]);
+const A = /* @__PURE__ */ H($, [["render", x], ["__scopeId", "data-v-9374aae9"]]);
 export {
   A as EmailEditor
 };

dist/vue-email-editor.umd.js

@@ -1,1 +0,1 @@
-(function(s,i){typeof exports=="object"&&typeof module<"u"?i(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],i):(s=typeof globalThis<"u"?globalThis:s||self,i(s["vue-email-editor"]={},s.Vue))})(this,function(s,i){"use strict";const o={name:"vue-email-editor",version:"2.1.0",main:"dist/vue-email-editor.es",types:"dist/vue-email-editor.d.ts",scripts:{serve:"vue-cli-service serve",build:"vue-cli-service build",lint:"vue-cli-service lint","adjust-types":`sed -i '' '1s/^/\\/\\/\\/ <reference types=\\"unlayer-types\\/embed.d.ts\\" \\/>\\n/' ./dist/components/types.d.ts`,"build-types":"vue-tsc --emitDeclarationOnly && npm run adjust-types","build-bundle":"vite build && cd ./src/components && npm run build-types",release:"npm run build-bundle && npm publish"},dependencies:{"unlayer-types":"latest",vue:"^3.2.13"},devDependencies:{"@babel/types":"^7.24.7","@vitejs/plugin-vue":"^5.0.5","@vue/cli-service":"~5.0.0","@vue/cli-plugin-typescript":"~5.0.0",typescript:"^5.2.2",vite:"^5.3.1","vue-dts-gen":"^0.3.0","vue-loader":"^17.4.2","vue-router":"^4.4.0","vue-template-compiler":"^2.7.16","vue-tsc":"^2.0.22"},files:["dist"]},d="//editor.unlayer.com/embed.js?2",r=[];let c=!1;const u=()=>{const e=document.querySelectorAll("script");let t=!1;return e.forEach(n=>{n.src.includes(d)&&(t=!0)}),t},m=e=>{r.push(e)},l=()=>{if(c){let e;for(;e=r.shift();)e()}},v=e=>{if(m(e),u())l();else{const t=document.createElement("script");t.setAttribute("src",d),t.onload=()=>{c=!0,l()},document.head.appendChild(t)}};let h=0;const f=i.defineComponent({name:"EmailEditor",props:{editorId:String,minHeight:{type:String,default:"500px"},options:Object,appearance:Object,locale:String,projectId:Number,tools:Object},computed:{id(){return this.editorId||`editor-${++h}`}},setup(){return{editor:i.shallowRef(null)}},mounted(){v(this.loadEditor.bind(this))},methods:{loadEditor(){const e=this.options||{};this.appearance&&(e.appearance=this.appearance),this.locale&&(e.locale=this.locale),this.projectId&&(e.projectId=this.projectId),this.tools&&(e.tools=this.tools),this.editor=unlayer.createEditor({...e,id:this.id,source:{name:o.name,version:o.version}}),this.$emit("load"),this.editor.addEventListener("editor:ready",()=>{this.$emit("ready")})},exportHtml(e){var t;(t=this.editor)==null||t.exportHtml(e)},loadDesign(e){var t;(t=this.editor)==null||t.loadDesign(e)},saveDesign(e){var t;(t=this.editor)==null||t.saveDesign(e)}}}),y=(e,t)=>{const n=e.__vccOpts||e;for(const[a,p]of t)n[a]=p;return n},b=["id"];function g(e,t,n,a,p,x){return i.openBlock(),i.createElementBlock("div",{id:e.id,class:"unlayer-editor",style:i.normalizeStyle({minHeight:e.minHeight})},null,12,b)}const j=y(f,[["render",g],["__scopeId","data-v-4f9aebc6"]]);s.EmailEditor=j,Object.defineProperty(s,Symbol.toStringTag,{value:"Module"})});
+(function(n,s){typeof exports=="object"&&typeof module<"u"?s(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],s):(n=typeof globalThis<"u"?globalThis:n||self,s(n["vue-email-editor"]={},n.Vue))})(this,function(n,s){"use strict";const r={name:"vue-email-editor",version:"2.1.1",main:"dist/vue-email-editor.es",types:"dist/vue-email-editor.d.ts",scripts:{serve:"vue-cli-service serve",build:"vue-cli-service build",lint:"vue-cli-service lint","adjust-types":`sed -i '' '1s/^/\\/\\/\\/ <reference types=\\"unlayer-types\\/embed.d.ts\\" \\/>\\n/' ./dist/components/types.d.ts`,"build-types":"vue-tsc --emitDeclarationOnly && npm run adjust-types","build-bundle":"vite build && cd ./src/components && npm run build-types",release:"npm run build-bundle && npm publish"},dependencies:{"unlayer-types":"latest",vue:"^3.2.13"},devDependencies:{"@babel/types":"^7.24.7","@vitejs/plugin-vue":"^5.0.5","@vue/cli-service":"~5.0.0","@vue/cli-plugin-typescript":"~5.0.0",typescript:"^5.2.2",vite:"^5.3.1","vue-dts-gen":"^0.3.0","vue-loader":"^17.4.2","vue-router":"^4.4.0","vue-template-compiler":"^2.7.16","vue-tsc":"^2.0.22"},files:["dist"]},p="https://editor.unlayer.com/embed.js?2",d=[];let c=!1;const u=e=>{const t=document.querySelectorAll("script");let i=!1;return t.forEach(o=>{o.src.includes(e)&&(i=!0)}),i},m=e=>{d.push(e)},l=()=>{if(c){let e;for(;e=d.shift();)e()}},v=(e,t=p)=>{if(m(e),u(t))l();else{const i=document.createElement("script");i.setAttribute("src",t),i.onload=()=>{c=!0,l()},document.head.appendChild(i)}};let h=0;const f=s.defineComponent({name:"EmailEditor",props:{editorId:String,minHeight:{type:String,default:"500px"},options:Object,scriptUrl:String,appearance:Object,locale:String,projectId:Number,tools:Object},computed:{id(){return this.editorId||`editor-${++h}`}},setup(){return{editor:s.shallowRef(null)}},mounted(){v(this.loadEditor.bind(this),this.scriptUrl)},methods:{loadEditor(){const e=this.options||{};this.appearance&&(e.appearance=this.appearance),this.locale&&(e.locale=this.locale),this.projectId&&(e.projectId=this.projectId),this.tools&&(e.tools=this.tools),this.editor=unlayer.createEditor({...e,id:this.id,source:{name:r.name,version:r.version}}),this.$emit("load"),this.editor.addEventListener("editor:ready",()=>{this.$emit("ready")})},exportHtml(e){var t;(t=this.editor)==null||t.exportHtml(e)},loadDesign(e){var t;(t=this.editor)==null||t.loadDesign(e)},saveDesign(e){var t;(t=this.editor)==null||t.saveDesign(e)}}}),y=(e,t)=>{const i=e.__vccOpts||e;for(const[o,a]of t)i[o]=a;return i},b=["id"];function g(e,t,i,o,a,x){return s.openBlock(),s.createElementBlock("div",{id:e.id,class:"unlayer-editor",style:s.normalizeStyle({minHeight:e.minHeight})},null,12,b)}const j=y(f,[["render",g],["__scopeId","data-v-9374aae9"]]);n.EmailEditor=j,Object.defineProperty(n,Symbol.toStringTag,{value:"Module"})});

package.json

 {
   "name": "vue-email-editor",
-  "version": "2.1.0",
+  "version": "2.1.1",
   "main": "dist/vue-email-editor.es",
@@ -5,0 +5,0 @@ "types": "dist/vue-email-editor.d.ts",

Fixed alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

20610

increased by1.27%

Lines of code

292

increased by1.74%

Number of medium supply chain risk alerts

1

decreased by-66.67%

No dependency changes