@harlem/plugin-devtools - npm Package Compare versions

Comparing version 1.3.1 to 1.3.2

dist/harlem-devtools.bundler.cjs.js

 var __create = Object.create;
 var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __markAsModule = (target) => __defProp(target, "__esModule", {value: true});
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
+  __markAsModule(target);
   for (var name in all)
-    __defProp(target, name, {get: all[name], enumerable: true});
+    __defProp(target, name, { get: all[name], enumerable: true });
 };
@@ -16,3 +17,3 @@ var __reExport = (target, module2, desc) => {
       if (!__hasOwnProp.call(target, key) && key !== "default")
-        __defProp(target, key, {get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable});
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
   }
@@ -22,7 +23,6 @@ return target;
 var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? {get: () => module2.default, enumerable: true} : {value: module2, enumerable: true})), module2);
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
 };
 
 // src/index.ts
-__markAsModule(exports);
 __export(exports, {
@@ -45,2 +45,3 @@ default: () => createDevtoolsPlugin
 // src/index.ts
+var import_core = __toModule(require("@harlem/core"));
 var import_devtools_api = __toModule(require("@vue/devtools-api"));
@@ -197,3 +198,5 @@ function stringComparitor(valueA, valueB) {
         id: DEVTOOLS_ID,
-        logo: "https://harlemjs.com/assets/images/favicon.png"
+        logo: "https://harlemjs.com/assets/images/favicon.png",
+        homepage: "https://harlemjs.com",
+        packageName: "@harlem/plugin-devtools"
       };
@@ -206,3 +209,3 @@ (0, import_devtools_api.setupDevtoolsPlugin)(descriptor, (api) => {
           id: DEVTOOLS_ID,
-          icon: "storage",
+          icon: "source",
           treeFilterPlaceholder: "Search stores"
@@ -213,3 +216,4 @@ });
           color,
-          id: DEVTOOLS_ID
+          id: DEVTOOLS_ID,
+          skipScreenshots: true
         });
@@ -219,4 +223,4 @@ api.on.getInspectorTree(inspectorTreeHook);
         api.on.editInspectorState(inspectorEditHook);
-        eventEmitter.on("mutation:after", afterMutationHook);
-        eventEmitter.on("mutation:error", errorMutationHook);
+        eventEmitter.on(import_core.EVENTS.mutation.after, afterMutationHook);
+        eventEmitter.on(import_core.EVENTS.mutation.error, errorMutationHook);
       });
@@ -223,0 +227,0 @@ }

dist/harlem-devtools.bundler.esm.js

@@ -15,2 +15,5 @@ // ../../packages/build/src/injections/dev.js
 import {
+  EVENTS
+} from "@harlem/core";
+import {
   setupDevtoolsPlugin
@@ -168,3 +171,5 @@ } from "@vue/devtools-api";
         id: DEVTOOLS_ID,
-        logo: "https://harlemjs.com/assets/images/favicon.png"
+        logo: "https://harlemjs.com/assets/images/favicon.png",
+        homepage: "https://harlemjs.com",
+        packageName: "@harlem/plugin-devtools"
       };
@@ -177,3 +182,3 @@ setupDevtoolsPlugin(descriptor, (api) => {
           id: DEVTOOLS_ID,
-          icon: "storage",
+          icon: "source",
           treeFilterPlaceholder: "Search stores"
@@ -184,3 +189,4 @@ });
           color,
-          id: DEVTOOLS_ID
+          id: DEVTOOLS_ID,
+          skipScreenshots: true
         });
@@ -190,4 +196,4 @@ api.on.getInspectorTree(inspectorTreeHook);
         api.on.editInspectorState(inspectorEditHook);
-        eventEmitter.on("mutation:after", afterMutationHook);
-        eventEmitter.on("mutation:error", errorMutationHook);
+        eventEmitter.on(EVENTS.mutation.after, afterMutationHook);
+        eventEmitter.on(EVENTS.mutation.error, errorMutationHook);
       });
@@ -194,0 +200,0 @@ }

dist/harlem-devtools.cjs.js

 var __create = Object.create;
 var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __markAsModule = (target) => __defProp(target, "__esModule", {value: true});
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
+  __markAsModule(target);
   for (var name in all)
-    __defProp(target, name, {get: all[name], enumerable: true});
+    __defProp(target, name, { get: all[name], enumerable: true });
 };
@@ -16,3 +17,3 @@ var __reExport = (target, module2, desc) => {
       if (!__hasOwnProp.call(target, key) && key !== "default")
-        __defProp(target, key, {get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable});
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
   }
@@ -22,7 +23,6 @@ return target;
 var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? {get: () => module2.default, enumerable: true} : {value: module2, enumerable: true})), module2);
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
 };
 
 // src/index.ts
-__markAsModule(exports);
 __export(exports, {
@@ -42,2 +42,3 @@ default: () => createDevtoolsPlugin
 // src/index.ts
+var import_core = __toModule(require("@harlem/core"));
 var import_devtools_api = __toModule(require("@vue/devtools-api"));
@@ -194,3 +195,5 @@ function stringComparitor(valueA, valueB) {
         id: DEVTOOLS_ID,
-        logo: "https://harlemjs.com/assets/images/favicon.png"
+        logo: "https://harlemjs.com/assets/images/favicon.png",
+        homepage: "https://harlemjs.com",
+        packageName: "@harlem/plugin-devtools"
       };
@@ -203,3 +206,3 @@ (0, import_devtools_api.setupDevtoolsPlugin)(descriptor, (api) => {
           id: DEVTOOLS_ID,
-          icon: "storage",
+          icon: "source",
           treeFilterPlaceholder: "Search stores"
@@ -210,3 +213,4 @@ });
           color,
-          id: DEVTOOLS_ID
+          id: DEVTOOLS_ID,
+          skipScreenshots: true
         });
@@ -216,4 +220,4 @@ api.on.getInspectorTree(inspectorTreeHook);
         api.on.editInspectorState(inspectorEditHook);
-        eventEmitter.on("mutation:after", afterMutationHook);
-        eventEmitter.on("mutation:error", errorMutationHook);
+        eventEmitter.on(import_core.EVENTS.mutation.after, afterMutationHook);
+        eventEmitter.on(import_core.EVENTS.mutation.error, errorMutationHook);
       });
@@ -220,0 +224,0 @@ }

dist/harlem-devtools.esm.js

@@ -12,2 +12,5 @@ // src/constants.ts
 import {
+  EVENTS
+} from "@harlem/core";
+import {
   setupDevtoolsPlugin
@@ -165,3 +168,5 @@ } from "@vue/devtools-api";
         id: DEVTOOLS_ID,
-        logo: "https://harlemjs.com/assets/images/favicon.png"
+        logo: "https://harlemjs.com/assets/images/favicon.png",
+        homepage: "https://harlemjs.com",
+        packageName: "@harlem/plugin-devtools"
       };
@@ -174,3 +179,3 @@ setupDevtoolsPlugin(descriptor, (api) => {
           id: DEVTOOLS_ID,
-          icon: "storage",
+          icon: "source",
           treeFilterPlaceholder: "Search stores"
@@ -181,3 +186,4 @@ });
           color,
-          id: DEVTOOLS_ID
+          id: DEVTOOLS_ID,
+          skipScreenshots: true
         });
@@ -187,4 +193,4 @@ api.on.getInspectorTree(inspectorTreeHook);
         api.on.editInspectorState(inspectorEditHook);
-        eventEmitter.on("mutation:after", afterMutationHook);
-        eventEmitter.on("mutation:error", errorMutationHook);
+        eventEmitter.on(EVENTS.mutation.after, afterMutationHook);
+        eventEmitter.on(EVENTS.mutation.error, errorMutationHook);
       });
@@ -191,0 +197,0 @@ }

dist/harlem-devtools.js

 var HarlemDevtoolsPlugin = (() => {
   var __create = Object.create;
   var __defProp = Object.defineProperty;
+  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+  var __getOwnPropNames = Object.getOwnPropertyNames;
   var __getProtoOf = Object.getPrototypeOf;
   var __hasOwnProp = Object.prototype.hasOwnProperty;
-  var __getOwnPropNames = Object.getOwnPropertyNames;
-  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-  var __markAsModule = (target) => __defProp(target, "__esModule", {value: true});
+  var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+  var __require = (x) => {
+    if (typeof require !== "undefined")
+      return require(x);
+    throw new Error('Dynamic require of "' + x + '" is not supported');
+  };
   var __export = (target, all) => {
+    __markAsModule(target);
     for (var name in all)
-      __defProp(target, name, {get: all[name], enumerable: true});
+      __defProp(target, name, { get: all[name], enumerable: true });
   };
@@ -17,3 +23,3 @@ var __reExport = (target, module, desc) => {
         if (!__hasOwnProp.call(target, key) && key !== "default")
-          __defProp(target, key, {get: () => module[key], enumerable: !(desc = __getOwnPropDesc(module, key)) || desc.enumerable});
+          __defProp(target, key, { get: () => module[key], enumerable: !(desc = __getOwnPropDesc(module, key)) || desc.enumerable });
     }
@@ -23,3 +29,3 @@ return target;
   var __toModule = (module) => {
-    return __reExport(__markAsModule(__defProp(module != null ? __create(__getProtoOf(module)) : {}, "default", module && module.__esModule && "default" in module ? {get: () => module.default, enumerable: true} : {value: module, enumerable: true})), module);
+    return __reExport(__markAsModule(__defProp(module != null ? __create(__getProtoOf(module)) : {}, "default", module && module.__esModule && "default" in module ? { get: () => module.default, enumerable: true } : { value: module, enumerable: true })), module);
   };
@@ -43,3 +49,4 @@
   // src/index.ts
-  var import_devtools_api = __toModule(require("@vue/devtools-api"));
+  var import_core = __toModule(__require("@harlem/core"));
+  var import_devtools_api = __toModule(__require("@vue/devtools-api"));
   function stringComparitor(valueA, valueB) {
@@ -195,3 +202,5 @@ return valueA.localeCompare(valueB);
           id: DEVTOOLS_ID,
-          logo: "https://harlemjs.com/assets/images/favicon.png"
+          logo: "https://harlemjs.com/assets/images/favicon.png",
+          homepage: "https://harlemjs.com",
+          packageName: "@harlem/plugin-devtools"
         };
@@ -204,3 +213,3 @@ (0, import_devtools_api.setupDevtoolsPlugin)(descriptor, (api) => {
             id: DEVTOOLS_ID,
-            icon: "storage",
+            icon: "source",
             treeFilterPlaceholder: "Search stores"
@@ -211,3 +220,4 @@ });
             color,
-            id: DEVTOOLS_ID
+            id: DEVTOOLS_ID,
+            skipScreenshots: true
           });
@@ -217,4 +227,4 @@ api.on.getInspectorTree(inspectorTreeHook);
           api.on.editInspectorState(inspectorEditHook);
-          eventEmitter.on("mutation:after", afterMutationHook);
-          eventEmitter.on("mutation:error", errorMutationHook);
+          eventEmitter.on(import_core.EVENTS.mutation.after, afterMutationHook);
+          eventEmitter.on(import_core.EVENTS.mutation.error, errorMutationHook);
         });
@@ -221,0 +231,0 @@ }

dist/harlem-devtools.min.cjs.js

@@ -1,2 +0,2 @@
-var E=Object.create,p=Object.defineProperty,O=Object.getPrototypeOf,y=Object.prototype.hasOwnProperty,h=Object.getOwnPropertyNames,A=Object.getOwnPropertyDescriptor;var H=t=>p(t,"__esModule",{value:!0});var P=(t,e)=>{for(var o in e)p(t,o,{get:e[o],enumerable:!0})},b=(t,e,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of h(e))!y.call(t,r)&&r!=="default"&&p(t,r,{get:()=>e[r],enumerable:!(o=A(e,r))||o.enumerable});return t},L=t=>b(H(p(t!=null?E(O(t)):{},"default",t&&t.__esModule&&"default"in t?{get:()=>t.default,enumerable:!0}:{value:t,enumerable:!0})),t);H(exports);P(exports,{default:()=>D});var v="devtools",l="harlem",u="$all",g={label:"Harlem",color:4244621};var k=L(require("@vue/devtools-api"));function f(t,e){return t.localeCompare(e)}function x(t,e){return o=>{let{app:r,inspectorId:s}=o;if(r!==t||s!==l||e.size===0)return;let n=Array.from(e.keys()).sort(f).map(a=>({id:a,label:a}));o.rootNodes=[{children:n,id:u,label:"Stores"}]}}function C(t){let e=[{key:t.name,value:t.state,editable:!0}],o=Array.from(t.getters).sort(([s],[n])=>f(s,n)).map(([s,n])=>({key:s,value:n(),editable:!1,objectType:"computed"})),r=Array.from(t.mutations).sort(([s],[n])=>f(s,n)).map(([s,n])=>({key:s,value:n,editable:!1}));return{state:e,getters:o,mutations:r}}function _(t){return t.reduce((e,o)=>{if(!o)return e;let r=C(o);return{state:[...e.state,...r.state],getters:[...e.getters,...r.getters],mutations:[...e.mutations,...r.mutations]}},{state:[],getters:[],mutations:[]})}function N(t,e){return o=>{let{app:r,inspectorId:s,nodeId:n}=o;if(r!==t||s!==l||e.size===0)return;let a=[e.get(n)];n===u&&(a=Array.from(e.values())),o.state=_(a)}}function B(t,e){return o=>{let{app:r,inspectorId:s,nodeId:n,path:a,state:d,set:m}=o;if(r!==t||s!==l||e.size===0)return;let I=a.shift(),i=n===u&&I||n,c=e.get(i);!c||c.write("plugin:devtools:set",v,S=>m(S,a,d.value))}}function T(t,e){return o=>{if(!o)return;let{sender:r,store:s}=o;t.sendInspectorState(l),t.addTimelineEvent({layerId:l,event:{logType:e,title:"Mutation",subtitle:s,time:Date.now(),data:o,groupId:r,meta:{store:s}}})}}function D(t=g){let{label:e,color:o}={...g,...t};return{name:"devtools",install(r,s,n){let a=x(r,n),d=N(r,n),m=B(r,n);(0,k.setupDevtoolsPlugin)({app:r,label:e,id:l,logo:"https://harlemjs.com/assets/images/favicon.png"},i=>{let c=T(i),S=T(i,"error");i.addInspector({label:e,id:l,icon:"storage",treeFilterPlaceholder:"Search stores"}),i.addTimelineLayer({label:e,color:o,id:l}),i.on.getInspectorTree(a),i.on.getInspectorState(d),i.on.editInspectorState(m),s.on("mutation:after",c),s.on("mutation:error",S)})}}}
+var O=Object.create;var p=Object.defineProperty;var y=Object.getOwnPropertyDescriptor;var A=Object.getOwnPropertyNames;var P=Object.getPrototypeOf,b=Object.prototype.hasOwnProperty;var v=t=>p(t,"__esModule",{value:!0});var L=(t,e)=>{v(t);for(var o in e)p(t,o,{get:e[o],enumerable:!0})},N=(t,e,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of A(e))!b.call(t,r)&&r!=="default"&&p(t,r,{get:()=>e[r],enumerable:!(o=y(e,r))||o.enumerable});return t},k=t=>N(v(p(t!=null?O(P(t)):{},"default",t&&t.__esModule&&"default"in t?{get:()=>t.default,enumerable:!0}:{value:t,enumerable:!0})),t);L(exports,{default:()=>D});var h="devtools",l="harlem",u="$all",g={label:"Harlem",color:4244621};var f=k(require("@harlem/core")),T=k(require("@vue/devtools-api"));function I(t,e){return t.localeCompare(e)}function x(t,e){return o=>{let{app:r,inspectorId:s}=o;if(r!==t||s!==l||e.size===0)return;let n=Array.from(e.keys()).sort(I).map(a=>({id:a,label:a}));o.rootNodes=[{children:n,id:u,label:"Stores"}]}}function C(t){let e=[{key:t.name,value:t.state,editable:!0}],o=Array.from(t.getters).sort(([s],[n])=>I(s,n)).map(([s,n])=>({key:s,value:n(),editable:!1,objectType:"computed"})),r=Array.from(t.mutations).sort(([s],[n])=>I(s,n)).map(([s,n])=>({key:s,value:n,editable:!1}));return{state:e,getters:o,mutations:r}}function _(t){return t.reduce((e,o)=>{if(!o)return e;let r=C(o);return{state:[...e.state,...r.state],getters:[...e.getters,...r.getters],mutations:[...e.mutations,...r.mutations]}},{state:[],getters:[],mutations:[]})}function B(t,e){return o=>{let{app:r,inspectorId:s,nodeId:n}=o;if(r!==t||s!==l||e.size===0)return;let a=[e.get(n)];n===u&&(a=Array.from(e.values())),o.state=_(a)}}function M(t,e){return o=>{let{app:r,inspectorId:s,nodeId:n,path:a,state:m,set:d}=o;if(r!==t||s!==l||e.size===0)return;let H=a.shift(),i=n===u&&H||n,c=e.get(i);!c||c.write("plugin:devtools:set",h,S=>d(S,a,m.value))}}function E(t,e){return o=>{if(!o)return;let{sender:r,store:s}=o;t.sendInspectorState(l),t.addTimelineEvent({layerId:l,event:{logType:e,title:"Mutation",subtitle:s,time:Date.now(),data:o,groupId:r,meta:{store:s}}})}}function D(t=g){let{label:e,color:o}={...g,...t};return{name:"devtools",install(r,s,n){let a=x(r,n),m=B(r,n),d=M(r,n);(0,T.setupDevtoolsPlugin)({app:r,label:e,id:l,logo:"https://harlemjs.com/assets/images/favicon.png",homepage:"https://harlemjs.com",packageName:"@harlem/plugin-devtools"},i=>{let c=E(i),S=E(i,"error");i.addInspector({label:e,id:l,icon:"source",treeFilterPlaceholder:"Search stores"}),i.addTimelineLayer({label:e,color:o,id:l,skipScreenshots:!0}),i.on.getInspectorTree(a),i.on.getInspectorState(m),i.on.editInspectorState(d),s.on(f.EVENTS.mutation.after,c),s.on(f.EVENTS.mutation.error,S)})}}}
 //# sourceMappingURL=harlem-devtools.min.cjs.js.map

dist/harlem-devtools.min.esm.js

@@ -1,2 +0,2 @@
-var I="devtools",l="harlem",p="$all",S={label:"Harlem",color:4244621};import{setupDevtoolsPlugin as v}from"@vue/devtools-api";function g(o,t){return o.localeCompare(t)}function k(o,t){return n=>{let{app:s,inspectorId:r}=n;if(s!==o||r!==l||t.size===0)return;let e=Array.from(t.keys()).sort(g).map(a=>({id:a,label:a}));n.rootNodes=[{children:e,id:p,label:"Stores"}]}}function T(o){let t=[{key:o.name,value:o.state,editable:!0}],n=Array.from(o.getters).sort(([r],[e])=>g(r,e)).map(([r,e])=>({key:r,value:e(),editable:!1,objectType:"computed"})),s=Array.from(o.mutations).sort(([r],[e])=>g(r,e)).map(([r,e])=>({key:r,value:e,editable:!1}));return{state:t,getters:n,mutations:s}}function D(o){return o.reduce((t,n)=>{if(!n)return t;let s=T(n);return{state:[...t.state,...s.state],getters:[...t.getters,...s.getters],mutations:[...t.mutations,...s.mutations]}},{state:[],getters:[],mutations:[]})}function E(o,t){return n=>{let{app:s,inspectorId:r,nodeId:e}=n;if(s!==o||r!==l||t.size===0)return;let a=[t.get(e)];e===p&&(a=Array.from(t.values())),n.state=D(a)}}function O(o,t){return n=>{let{app:s,inspectorId:r,nodeId:e,path:a,state:u,set:d}=n;if(s!==o||r!==l||t.size===0)return;let f=a.shift(),i=e===p&&f||e,c=t.get(i);!c||c.write("plugin:devtools:set",I,m=>d(m,a,u.value))}}function H(o,t){return n=>{if(!n)return;let{sender:s,store:r}=n;o.sendInspectorState(l),o.addTimelineEvent({layerId:l,event:{logType:t,title:"Mutation",subtitle:r,time:Date.now(),data:n,groupId:s,meta:{store:r}}})}}function y(o=S){let{label:t,color:n}={...S,...o};return{name:"devtools",install(s,r,e){let a=k(s,e),u=E(s,e),d=O(s,e);v({app:s,label:t,id:l,logo:"https://harlemjs.com/assets/images/favicon.png"},i=>{let c=H(i),m=H(i,"error");i.addInspector({label:t,id:l,icon:"storage",treeFilterPlaceholder:"Search stores"}),i.addTimelineLayer({label:t,color:n,id:l}),i.on.getInspectorTree(a),i.on.getInspectorState(u),i.on.editInspectorState(d),r.on("mutation:after",c),r.on("mutation:error",m)})}}}export{y as default};
+var I="devtools",l="harlem",p="$all",S={label:"Harlem",color:4244621};import{EVENTS as H}from"@harlem/core";import{setupDevtoolsPlugin as k}from"@vue/devtools-api";function g(o,t){return o.localeCompare(t)}function h(o,t){return n=>{let{app:s,inspectorId:r}=n;if(s!==o||r!==l||t.size===0)return;let e=Array.from(t.keys()).sort(g).map(a=>({id:a,label:a}));n.rootNodes=[{children:e,id:p,label:"Stores"}]}}function T(o){let t=[{key:o.name,value:o.state,editable:!0}],n=Array.from(o.getters).sort(([r],[e])=>g(r,e)).map(([r,e])=>({key:r,value:e(),editable:!1,objectType:"computed"})),s=Array.from(o.mutations).sort(([r],[e])=>g(r,e)).map(([r,e])=>({key:r,value:e,editable:!1}));return{state:t,getters:n,mutations:s}}function E(o){return o.reduce((t,n)=>{if(!n)return t;let s=T(n);return{state:[...t.state,...s.state],getters:[...t.getters,...s.getters],mutations:[...t.mutations,...s.mutations]}},{state:[],getters:[],mutations:[]})}function D(o,t){return n=>{let{app:s,inspectorId:r,nodeId:e}=n;if(s!==o||r!==l||t.size===0)return;let a=[t.get(e)];e===p&&(a=Array.from(t.values())),n.state=E(a)}}function O(o,t){return n=>{let{app:s,inspectorId:r,nodeId:e,path:a,state:u,set:m}=n;if(s!==o||r!==l||t.size===0)return;let f=a.shift(),i=e===p&&f||e,c=t.get(i);!c||c.write("plugin:devtools:set",I,d=>m(d,a,u.value))}}function v(o,t){return n=>{if(!n)return;let{sender:s,store:r}=n;o.sendInspectorState(l),o.addTimelineEvent({layerId:l,event:{logType:t,title:"Mutation",subtitle:r,time:Date.now(),data:n,groupId:s,meta:{store:r}}})}}function y(o=S){let{label:t,color:n}={...S,...o};return{name:"devtools",install(s,r,e){let a=h(s,e),u=D(s,e),m=O(s,e);k({app:s,label:t,id:l,logo:"https://harlemjs.com/assets/images/favicon.png",homepage:"https://harlemjs.com",packageName:"@harlem/plugin-devtools"},i=>{let c=v(i),d=v(i,"error");i.addInspector({label:t,id:l,icon:"source",treeFilterPlaceholder:"Search stores"}),i.addTimelineLayer({label:t,color:n,id:l,skipScreenshots:!0}),i.on.getInspectorTree(a),i.on.getInspectorState(u),i.on.editInspectorState(m),r.on(H.mutation.after,c),r.on(H.mutation.error,d)})}}}export{y as default};
 //# sourceMappingURL=harlem-devtools.min.esm.js.map

dist/harlem-devtools.min.js

@@ -1,2 +0,2 @@
-var HarlemDevtoolsPlugin=(()=>{var D=Object.create,p=Object.defineProperty,E=Object.getPrototypeOf,O=Object.prototype.hasOwnProperty,y=Object.getOwnPropertyNames,h=Object.getOwnPropertyDescriptor;var A=t=>p(t,"__esModule",{value:!0});var P=(t,e)=>{for(var o in e)p(t,o,{get:e[o],enumerable:!0})},b=(t,e,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of y(e))!O.call(t,r)&&r!=="default"&&p(t,r,{get:()=>e[r],enumerable:!(o=h(e,r))||o.enumerable});return t},L=t=>b(A(p(t!=null?D(E(t)):{},"default",t&&t.__esModule&&"default"in t?{get:()=>t.default,enumerable:!0}:{value:t,enumerable:!0})),t);var x={};P(x,{default:()=>T});var H="devtools",l="harlem",u="$all",g={label:"Harlem",color:4244621};var v=L(require("@vue/devtools-api"));function f(t,e){return t.localeCompare(e)}function C(t,e){return o=>{let{app:r,inspectorId:s}=o;if(r!==t||s!==l||e.size===0)return;let n=Array.from(e.keys()).sort(f).map(a=>({id:a,label:a}));o.rootNodes=[{children:n,id:u,label:"Stores"}]}}function _(t){let e=[{key:t.name,value:t.state,editable:!0}],o=Array.from(t.getters).sort(([s],[n])=>f(s,n)).map(([s,n])=>({key:s,value:n(),editable:!1,objectType:"computed"})),r=Array.from(t.mutations).sort(([s],[n])=>f(s,n)).map(([s,n])=>({key:s,value:n,editable:!1}));return{state:e,getters:o,mutations:r}}function N(t){return t.reduce((e,o)=>{if(!o)return e;let r=_(o);return{state:[...e.state,...r.state],getters:[...e.getters,...r.getters],mutations:[...e.mutations,...r.mutations]}},{state:[],getters:[],mutations:[]})}function B(t,e){return o=>{let{app:r,inspectorId:s,nodeId:n}=o;if(r!==t||s!==l||e.size===0)return;let a=[e.get(n)];n===u&&(a=Array.from(e.values())),o.state=N(a)}}function M(t,e){return o=>{let{app:r,inspectorId:s,nodeId:n,path:a,state:d,set:m}=o;if(r!==t||s!==l||e.size===0)return;let I=a.shift(),i=n===u&&I||n,c=e.get(i);!c||c.write("plugin:devtools:set",H,S=>m(S,a,d.value))}}function k(t,e){return o=>{if(!o)return;let{sender:r,store:s}=o;t.sendInspectorState(l),t.addTimelineEvent({layerId:l,event:{logType:e,title:"Mutation",subtitle:s,time:Date.now(),data:o,groupId:r,meta:{store:s}}})}}function T(t=g){let{label:e,color:o}={...g,...t};return{name:"devtools",install(r,s,n){let a=C(r,n),d=B(r,n),m=M(r,n);(0,v.setupDevtoolsPlugin)({app:r,label:e,id:l,logo:"https://harlemjs.com/assets/images/favicon.png"},i=>{let c=k(i),S=k(i,"error");i.addInspector({label:e,id:l,icon:"storage",treeFilterPlaceholder:"Search stores"}),i.addTimelineLayer({label:e,color:o,id:l}),i.on.getInspectorTree(a),i.on.getInspectorState(d),i.on.editInspectorState(m),s.on("mutation:after",c),s.on("mutation:error",S)})}}}return x;})();
+var HarlemDevtoolsPlugin=(()=>{var y=Object.create;var p=Object.defineProperty;var A=Object.getOwnPropertyDescriptor;var P=Object.getOwnPropertyNames;var b=Object.getPrototypeOf,L=Object.prototype.hasOwnProperty;var v=t=>p(t,"__esModule",{value:!0});var k=t=>{if(typeof require!="undefined")return require(t);throw new Error('Dynamic require of "'+t+'" is not supported')};var N=(t,e)=>{v(t);for(var o in e)p(t,o,{get:e[o],enumerable:!0})},x=(t,e,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of P(e))!L.call(t,r)&&r!=="default"&&p(t,r,{get:()=>e[r],enumerable:!(o=A(e,r))||o.enumerable});return t},h=t=>x(v(p(t!=null?y(b(t)):{},"default",t&&t.__esModule&&"default"in t?{get:()=>t.default,enumerable:!0}:{value:t,enumerable:!0})),t);var j={};N(j,{default:()=>O});var T="devtools",l="harlem",u="$all",g={label:"Harlem",color:4244621};var f=h(k("@harlem/core")),E=h(k("@vue/devtools-api"));function I(t,e){return t.localeCompare(e)}function C(t,e){return o=>{let{app:r,inspectorId:s}=o;if(r!==t||s!==l||e.size===0)return;let n=Array.from(e.keys()).sort(I).map(a=>({id:a,label:a}));o.rootNodes=[{children:n,id:u,label:"Stores"}]}}function _(t){let e=[{key:t.name,value:t.state,editable:!0}],o=Array.from(t.getters).sort(([s],[n])=>I(s,n)).map(([s,n])=>({key:s,value:n(),editable:!1,objectType:"computed"})),r=Array.from(t.mutations).sort(([s],[n])=>I(s,n)).map(([s,n])=>({key:s,value:n,editable:!1}));return{state:e,getters:o,mutations:r}}function B(t){return t.reduce((e,o)=>{if(!o)return e;let r=_(o);return{state:[...e.state,...r.state],getters:[...e.getters,...r.getters],mutations:[...e.mutations,...r.mutations]}},{state:[],getters:[],mutations:[]})}function M(t,e){return o=>{let{app:r,inspectorId:s,nodeId:n}=o;if(r!==t||s!==l||e.size===0)return;let a=[e.get(n)];n===u&&(a=Array.from(e.values())),o.state=B(a)}}function R(t,e){return o=>{let{app:r,inspectorId:s,nodeId:n,path:a,state:m,set:d}=o;if(r!==t||s!==l||e.size===0)return;let H=a.shift(),i=n===u&&H||n,c=e.get(i);!c||c.write("plugin:devtools:set",T,S=>d(S,a,m.value))}}function D(t,e){return o=>{if(!o)return;let{sender:r,store:s}=o;t.sendInspectorState(l),t.addTimelineEvent({layerId:l,event:{logType:e,title:"Mutation",subtitle:s,time:Date.now(),data:o,groupId:r,meta:{store:s}}})}}function O(t=g){let{label:e,color:o}={...g,...t};return{name:"devtools",install(r,s,n){let a=C(r,n),m=M(r,n),d=R(r,n);(0,E.setupDevtoolsPlugin)({app:r,label:e,id:l,logo:"https://harlemjs.com/assets/images/favicon.png",homepage:"https://harlemjs.com",packageName:"@harlem/plugin-devtools"},i=>{let c=D(i),S=D(i,"error");i.addInspector({label:e,id:l,icon:"source",treeFilterPlaceholder:"Search stores"}),i.addTimelineLayer({label:e,color:o,id:l,skipScreenshots:!0}),i.on.getInspectorTree(a),i.on.getInspectorState(m),i.on.editInspectorState(d),s.on(f.EVENTS.mutation.after,c),s.on(f.EVENTS.mutation.error,S)})}}}return j;})();
 //# sourceMappingURL=harlem-devtools.min.js.map

package.json

 {
     "name": "@harlem/plugin-devtools",
     "amdName": "harlemDevtools",
-    "version": "1.3.1",
+    "version": "1.3.2",
     "license": "MIT",
@@ -39,9 +39,9 @@ "author": "Andrew Courtice <[e-mail]>",
     "dependencies": {
-        "@vue/devtools-api": "^6.0.0-beta.7"
+        "@vue/devtools-api": "^6.0.0-beta.14"
     },
     "devDependencies": {
-        "@harlem/build": "^1.3.1",
-        "@harlem/core": "^1.3.1"
+        "@harlem/build": "^1.3.2",
+        "@harlem/core": "^1.3.2"
     },
-    "gitHead": "ce94b3552bd07dbef918e3a6dc090f3a6f4e399d"
+    "gitHead": "318bb50d14eff913430e69d3172de60657c34831"
 }

src/index.ts

@@ -9,2 +9,6 @@ import {
 import {
+    EVENTS
+} from '@harlem/core';
+
+import {
     PluginDescriptor,
@@ -224,3 +228,5 @@ setupDevtoolsPlugin
                 id: DEVTOOLS_ID,
-                logo: 'https://harlemjs.com/assets/images/favicon.png'
+                logo: 'https://harlemjs.com/assets/images/favicon.png',
+                homepage: 'https://harlemjs.com',
+                packageName: '@harlem/plugin-devtools'
             } as PluginDescriptor;
@@ -235,3 +241,3 @@
                     id: DEVTOOLS_ID,
-                    icon: 'storage',
+                    icon: 'source',
                     treeFilterPlaceholder: 'Search stores'
@@ -243,3 +249,4 @@ });
                     color,
-                    id: DEVTOOLS_ID
+                    id: DEVTOOLS_ID,
+                    skipScreenshots: true
                 });
@@ -251,4 +258,4 @@
 
-                eventEmitter.on('mutation:after', afterMutationHook);
-                eventEmitter.on('mutation:error', errorMutationHook);
+                eventEmitter.on(EVENTS.mutation.after, afterMutationHook);
+                eventEmitter.on(EVENTS.mutation.error, errorMutationHook);
             });
@@ -255,0 +262,0 @@ }

New alerts

Dynamic require

Supply chain risk

Dynamic require can indicate the package is performing dangerous or unsafe dynamic code execution.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

129772

increased by3.34%

Lines of code

1363

increased by2.95%

Worsened metrics

Number of low supply chain risk alerts

4

increased by100%

Dependency changes

• Updated@vue/devtools-api@^6.0.0-beta.14