@harlem/plugin-devtools - npm Package Compare versions

Comparing version 1.0.2 to 1.0.6

dist/devtools.esm.js

@@ -1,2 +0,2 @@
-import{setupDevtoolsPlugin as e}from"@vue/devtools-api";var t={label:"Harlem"};export default function(a){void 0===a&&(a=t);var n=a.label;return{install:function(t,a,o){var r=function(e,t,a){return function(a,n){if(a.app===e&&"harlem"===a.inspectorId&&0!==t.size){var o=[].concat(t.keys());a.rootNodes=o.map(function(e){return{id:e,label:e}})}}}(t,o),i=function(e,t,a){return function(a,n){if(a.app===e&&"harlem"===a.inspectorId&&0!==t.size){var o=t.get(a.nodeId);if(o){var r=o.state(),i=[].concat(o.getters).map(function(e){return{key:e[0],value:(0,e[1])(),editable:!1,objectType:"computed"}}),l=[].concat(o.mutations).map(function(e){return{key:e,value:function(){},editable:!1}});a.state={state:[{key:"root",value:r,editable:!1}],getters:i,mutations:l}}}}}(t,o);e({label:n,id:"harlem",app:t},function(e){var t=function(e){return function(t,a,n){e.sendInspectorState("harlem"),e.addTimelineEvent({layerId:"harlem",event:{time:Date.now(),data:{store:t,mutation:a,payload:n},meta:{store:t}}})}}(e);e.addInspector({label:n,id:"harlem",icon:"storage"}),e.addTimelineLayer({label:n,id:"harlem",color:3}),e.on.getInspectorTree(r),e.on.getInspectorState(i),a.on("mutation",t)})}}}
+import{setupDevtoolsPlugin as e}from"@vue/devtools-api";var t={label:"Harlem"};export default function(a){void 0===a&&(a=t);var n=a.label;return{install:function(t,a,r){var o=function(e,t,a){return function(a,n){a.app===e&&"harlem"===a.inspectorId&&0!==t.size&&(a.rootNodes=Array.from(t.keys()).map(function(e){return{id:e,label:e}}))}}(t,r),i=function(e,t,a){return function(a,n){if(a.app===e&&"harlem"===a.inspectorId&&0!==t.size){var r=t.get(a.nodeId);r&&(a.state=function(e){return{state:[{key:"root",value:e.state(),editable:!1}],getters:Array.from(e.getters).map(function(e){return{key:e[0],value:(0,e[1])(),editable:!1,objectType:"computed"}}),mutations:Array.from(e.mutations).map(function(e){return{key:e,value:function(){},editable:!1}})}}(r))}}}(t,r);e({label:n,id:"harlem",app:t},function(e){var t=function(e){return function(t,a,n){e.sendInspectorState("harlem"),e.addTimelineEvent({layerId:"harlem",event:{time:Date.now(),data:{store:t,mutation:a,payload:n},meta:{store:t}}})}}(e);e.addInspector({label:n,id:"harlem",icon:"storage"}),e.addTimelineLayer({label:n,id:"harlem",color:3}),e.on.getInspectorTree(o),e.on.getInspectorState(i),a.on("mutation",t)})}}}
 //# sourceMappingURL=devtools.esm.js.map

dist/devtools.js

@@ -1,2 +0,2 @@
-var e=require("@vue/devtools-api"),t={label:"Harlem"};module.exports=function(a){void 0===a&&(a=t);var n=a.label;return{install:function(t,a,o){var r=function(e,t,a){return function(a,n){if(a.app===e&&"harlem"===a.inspectorId&&0!==t.size){var o=[].concat(t.keys());a.rootNodes=o.map(function(e){return{id:e,label:e}})}}}(t,o),i=function(e,t,a){return function(a,n){if(a.app===e&&"harlem"===a.inspectorId&&0!==t.size){var o=t.get(a.nodeId);if(o){var r=o.state(),i=[].concat(o.getters).map(function(e){return{key:e[0],value:(0,e[1])(),editable:!1,objectType:"computed"}}),l=[].concat(o.mutations).map(function(e){return{key:e,value:function(){},editable:!1}});a.state={state:[{key:"root",value:r,editable:!1}],getters:i,mutations:l}}}}}(t,o);e.setupDevtoolsPlugin({label:n,id:"harlem",app:t},function(e){var t=function(e){return function(t,a,n){e.sendInspectorState("harlem"),e.addTimelineEvent({layerId:"harlem",event:{time:Date.now(),data:{store:t,mutation:a,payload:n},meta:{store:t}}})}}(e);e.addInspector({label:n,id:"harlem",icon:"storage"}),e.addTimelineLayer({label:n,id:"harlem",color:3}),e.on.getInspectorTree(r),e.on.getInspectorState(i),a.on("mutation",t)})}}};
+var e=require("@vue/devtools-api"),t={label:"Harlem"};module.exports=function(n){void 0===n&&(n=t);var r=n.label;return{install:function(t,n,a){var o=function(e,t,n){return function(n,r){n.app===e&&"harlem"===n.inspectorId&&0!==t.size&&(n.rootNodes=Array.from(t.keys()).map(function(e){return{id:e,label:e}}))}}(t,a),i=function(e,t,n){return function(n,r){if(n.app===e&&"harlem"===n.inspectorId&&0!==t.size){var a=t.get(n.nodeId);a&&(n.state=function(e){return{state:[{key:"root",value:e.state(),editable:!1}],getters:Array.from(e.getters).map(function(e){return{key:e[0],value:(0,e[1])(),editable:!1,objectType:"computed"}}),mutations:Array.from(e.mutations).map(function(e){return{key:e,value:function(){},editable:!1}})}}(a))}}}(t,a);e.setupDevtoolsPlugin({label:r,id:"harlem",app:t},function(e){var t=function(e){return function(t,n,r){e.sendInspectorState("harlem"),e.addTimelineEvent({layerId:"harlem",event:{time:Date.now(),data:{store:t,mutation:n,payload:r},meta:{store:t}}})}}(e);e.addInspector({label:r,id:"harlem",icon:"storage"}),e.addTimelineLayer({label:r,id:"harlem",color:3}),e.on.getInspectorTree(o),e.on.getInspectorState(i),n.on("mutation",t)})}}};
 //# sourceMappingURL=devtools.js.map

dist/devtools.modern.js

@@ -1,2 +0,2 @@
-import{setupDevtoolsPlugin as e}from"@vue/devtools-api";const t={label:"Harlem"};export default function(a=t){const{label:o}=a;return{install(t,a,n){const r=function(e,t,a){return(a,o)=>{const{app:n,inspectorId:r}=a;if(n!==e||"harlem"!==r||0===t.size)return;const l=[...t.keys()];a.rootNodes=l.map(e=>({id:e,label:e}))}}(t,n),l=function(e,t,a){return(a,o)=>{const{app:n,inspectorId:r,nodeId:l}=a;if(n!==e||"harlem"!==r||0===t.size)return;const s=t.get(l);if(!s)return;const i=s.state(),d=[...s.getters].map(([e,t])=>({key:e,value:t(),editable:!1,objectType:"computed"})),c=[...s.mutations].map(e=>({key:e,value:()=>{},editable:!1}));a.state={state:[{key:"root",value:i,editable:!1}],getters:d,mutations:c}}}(t,n);e({label:o,id:"harlem",app:t},e=>{const t=function(e){return(t,a,o)=>{e.sendInspectorState("harlem"),e.addTimelineEvent({layerId:"harlem",event:{time:Date.now(),data:{store:t,mutation:a,payload:o},meta:{store:t}}})}}(e);e.addInspector({label:o,id:"harlem",icon:"storage"}),e.addTimelineLayer({label:o,id:"harlem",color:3}),e.on.getInspectorTree(r),e.on.getInspectorState(l),a.on("mutation",t)})}}}
+import{setupDevtoolsPlugin as e}from"@vue/devtools-api";const t={label:"Harlem"};export default function(a=t){const{label:o}=a;return{install(t,a,r){const n=function(e,t,a){return(a,o)=>{const{app:r,inspectorId:n}=a;r===e&&"harlem"===n&&0!==t.size&&(a.rootNodes=Array.from(t.keys()).map(e=>({id:e,label:e})))}}(t,r),l=function(e,t,a){return(a,o)=>{const{app:r,inspectorId:n,nodeId:l}=a;if(r!==e||"harlem"!==n||0===t.size)return;const i=t.get(l);i&&(a.state=function(e){return{state:[{key:"root",value:e.state(),editable:!1}],getters:Array.from(e.getters).map(([e,t])=>({key:e,value:t(),editable:!1,objectType:"computed"})),mutations:Array.from(e.mutations).map(e=>({key:e,value:()=>{},editable:!1}))}}(i))}}(t,r);e({label:o,id:"harlem",app:t},e=>{const t=function(e){return(t,a,o)=>{e.sendInspectorState("harlem"),e.addTimelineEvent({layerId:"harlem",event:{time:Date.now(),data:{store:t,mutation:a,payload:o},meta:{store:t}}})}}(e);e.addInspector({label:o,id:"harlem",icon:"storage"}),e.addTimelineLayer({label:o,id:"harlem",color:3}),e.on.getInspectorTree(n),e.on.getInspectorState(l),a.on("mutation",t)})}}}
 //# sourceMappingURL=devtools.modern.js.map

dist/devtools.umd.js

@@ -1,2 +0,2 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("@vue/devtools-api")):"function"==typeof define&&define.amd?define(["@vue/devtools-api"],t):(e=e||self).pluginDevtools=t(e.devtoolsApi)}(this,function(e){var t={label:"Harlem"};return function(n){void 0===n&&(n=t);var o=n.label;return{install:function(t,n,a){var i=function(e,t,n){return function(n,o){if(n.app===e&&"harlem"===n.inspectorId&&0!==t.size){var a=[].concat(t.keys());n.rootNodes=a.map(function(e){return{id:e,label:e}})}}}(t,a),r=function(e,t,n){return function(n,o){if(n.app===e&&"harlem"===n.inspectorId&&0!==t.size){var a=t.get(n.nodeId);if(a){var i=a.state(),r=[].concat(a.getters).map(function(e){return{key:e[0],value:(0,e[1])(),editable:!1,objectType:"computed"}}),l=[].concat(a.mutations).map(function(e){return{key:e,value:function(){},editable:!1}});n.state={state:[{key:"root",value:i,editable:!1}],getters:r,mutations:l}}}}}(t,a);e.setupDevtoolsPlugin({label:o,id:"harlem",app:t},function(e){var t=function(e){return function(t,n,o){e.sendInspectorState("harlem"),e.addTimelineEvent({layerId:"harlem",event:{time:Date.now(),data:{store:t,mutation:n,payload:o},meta:{store:t}}})}}(e);e.addInspector({label:o,id:"harlem",icon:"storage"}),e.addTimelineLayer({label:o,id:"harlem",color:3}),e.on.getInspectorTree(i),e.on.getInspectorState(r),n.on("mutation",t)})}}}});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("@vue/devtools-api")):"function"==typeof define&&define.amd?define(["@vue/devtools-api"],t):(e=e||self).pluginDevtools=t(e.devtoolsApi)}(this,function(e){var t={label:"Harlem"};return function(n){void 0===n&&(n=t);var o=n.label;return{install:function(t,n,r){var a=function(e,t,n){return function(n,o){n.app===e&&"harlem"===n.inspectorId&&0!==t.size&&(n.rootNodes=Array.from(t.keys()).map(function(e){return{id:e,label:e}}))}}(t,r),i=function(e,t,n){return function(n,o){if(n.app===e&&"harlem"===n.inspectorId&&0!==t.size){var r=t.get(n.nodeId);r&&(n.state=function(e){return{state:[{key:"root",value:e.state(),editable:!1}],getters:Array.from(e.getters).map(function(e){return{key:e[0],value:(0,e[1])(),editable:!1,objectType:"computed"}}),mutations:Array.from(e.mutations).map(function(e){return{key:e,value:function(){},editable:!1}})}}(r))}}}(t,r);e.setupDevtoolsPlugin({label:o,id:"harlem",app:t},function(e){var t=function(e){return function(t,n,o){e.sendInspectorState("harlem"),e.addTimelineEvent({layerId:"harlem",event:{time:Date.now(),data:{store:t,mutation:n,payload:o},meta:{store:t}}})}}(e);e.addInspector({label:o,id:"harlem",icon:"storage"}),e.addTimelineLayer({label:o,id:"harlem",color:3}),e.on.getInspectorTree(a),e.on.getInspectorState(i),n.on("mutation",t)})}}}});
 //# sourceMappingURL=devtools.umd.js.map

dist/index.d.ts

 import type { App } from '@vue/devtools-api';
 import type { Options } from './types';
-import type { InternalStores } from '@harlem/core';
+import type { Emittable, InternalStores } from '@harlem/core';
 export default function createDevtoolsPlugin(options?: Options): {
-    install(application: App, eventEmitter: any, stores: InternalStores): void;
+    install(application: App, eventEmitter: Emittable, stores: InternalStores): void;
 };

package.json

 {
     "name": "@harlem/plugin-devtools",
-    "version": "1.0.2",
+    "version": "1.0.6",
     "description": "Simple Vue 3 State Management",
@@ -12,8 +12,11 @@ "repository": "https://github.com/andrewcourtice/harlem.git",
     "unpkg": "dist/devtools.min.js",
+    "types": "dist/index.d.ts",
     "source": "src/index.ts",
     "scripts": {
-        "build": "microbundle build --raw"
+        "dev": "microbundle watch --raw",
+        "build": "microbundle build --raw",
+        "prepublish": "yarn build"
     },
     "peerDependencies": {
-        "@harlem/core": "1.0.0"
+        "@harlem/core": "^1.0.1"
     },
@@ -24,4 +27,5 @@ "dependencies": {
     "devDependencies": {
-        "@harlem/core": "1.0.0"
-    }
+        "@harlem/core": "^1.0.6"
+    },
+    "gitHead": "c760b00ff343906a03e84b8bd973f2f61221796c"
 }

src/index.ts

@@ -41,5 +41,3 @@ import {
 
-        const storeNames = [...stores.keys()];
-
-        payload.rootNodes = storeNames.map(name => ({
+        payload.rootNodes = Array.from(stores.keys()).map(name => ({
             id: name,
@@ -54,14 +52,16 @@ label: name
 
-    const getters: StateBase[] = [...store.getters].map(([key, accessor]) => ({
-        key,
-        value: accessor(),
-        editable: false,
-        objectType: 'computed'
-    }));
+    const getters: StateBase[] = Array.from(store.getters)
+        .map(([key, accessor]) => ({
+            key,
+            value: accessor(),
+            editable: false,
+            objectType: 'computed'
+        }));
 
-    const mutations: StateBase[] = [...store.mutations].map(key => ({
-        key,
-        value: () => {},
-        editable: false
-    }));
+    const mutations: StateBase[] = Array.from(store.mutations)
+        .map(key => ({
+            key,
+            value: () => {},
+            editable: false
+        }));
 
@@ -68,0 +68,0 @@ return {

No alert changes

Improved metrics

Total package byte prevSize

35988

increased by5.19%

Number of package files

13

increased by8.33%

Lines of code

171

increased by0.59%

No dependency changes