@harlem/plugin-devtools - npm Package Compare versions

Comparing version 1.0.8 to 1.0.9

dist/devtools.esm.js

@@ -1,2 +0,2 @@
-import{setupDevtoolsPlugin as e}from"@vue/devtools-api";function t(){return(t=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(this,arguments)}var r={label:"Harlem",color:4244621};export default function(n){void 0===n&&(n=r);var a=t({},r,n),o=a.label,i=a.color;return{name:"devtools",install:function(t,r,n){var a=function(e,t){return function(r){r.app===e&&"harlem"===r.inspectorId&&0!==t.size&&(r.rootNodes=Array.from(t.keys()).map(function(e){return{id:e,label:e}}))}}(t,n),l=function(e,t){return function(r){if(r.app===e&&"harlem"===r.inspectorId&&0!==t.size){var n=t.get(r.nodeId);n&&(r.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}})}}(n))}}}(t,n);e({app:t,label:o,id:"harlem"},function(e){var t=function(e){return function(t,r,n){e.sendInspectorState("harlem"),e.addTimelineEvent({layerId:"harlem",event:{time:Date.now(),data:{store:t,mutation:r,payload:n},meta:{store:t}}})}}(e);e.addInspector({label:o,id:"harlem",icon:"storage",treeFilterPlaceholder:"Search stores"}),e.addTimelineLayer({label:o,color:i,id:"harlem"}),e.on.getInspectorTree(a),e.on.getInspectorState(l),r.on("mutation",t)})}}}
+import{setupDevtoolsPlugin as e}from"@vue/devtools-api";function t(){return(t=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e}).apply(this,arguments)}var r={label:"Harlem",color:4244621};export default function(a){void 0===a&&(a=r);var n=t({},r,a),o=n.label,i=n.color;return{name:"devtools",install:function(t,r,a){var n=function(e,t){return function(r){r.app===e&&"harlem"===r.inspectorId&&0!==t.size&&(r.rootNodes=Array.from(t.keys()).map(function(e){return{id:e,label:e}}))}}(t,a),l=function(e,t){return function(r){if(r.app===e&&"harlem"===r.inspectorId&&0!==t.size){var a=t.get(r.nodeId);a&&(r.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({app:t,label:o,id:"harlem"},function(e){var t=function(e){return function(t){var r=t.store,a=t.data,n=a.mutation,o=a.payload;e.sendInspectorState("harlem"),e.addTimelineEvent({layerId:"harlem",event:{time:Date.now(),data:{store:r,mutation:n,payload:o},meta:{store:r}}})}}(e);e.addInspector({label:o,id:"harlem",icon:"storage",treeFilterPlaceholder:"Search stores"}),e.addTimelineLayer({label:o,color:i,id:"harlem"}),e.on.getInspectorTree(n),e.on.getInspectorState(l),r.on("mutation",t)})}}}
 //# sourceMappingURL=devtools.esm.js.map

dist/devtools.js

@@ -1,2 +0,2 @@
-var e=require("@vue/devtools-api");function t(){return(t=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(this,arguments)}var r={label:"Harlem",color:4244621};module.exports=function(n){void 0===n&&(n=r);var a=t({},r,n),o=a.label,i=a.color;return{name:"devtools",install:function(t,r,n){var a=function(e,t){return function(r){r.app===e&&"harlem"===r.inspectorId&&0!==t.size&&(r.rootNodes=Array.from(t.keys()).map(function(e){return{id:e,label:e}}))}}(t,n),l=function(e,t){return function(r){if(r.app===e&&"harlem"===r.inspectorId&&0!==t.size){var n=t.get(r.nodeId);n&&(r.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}})}}(n))}}}(t,n);e.setupDevtoolsPlugin({app:t,label:o,id:"harlem"},function(e){var t=function(e){return function(t,r,n){e.sendInspectorState("harlem"),e.addTimelineEvent({layerId:"harlem",event:{time:Date.now(),data:{store:t,mutation:r,payload:n},meta:{store:t}}})}}(e);e.addInspector({label:o,id:"harlem",icon:"storage",treeFilterPlaceholder:"Search stores"}),e.addTimelineLayer({label:o,color:i,id:"harlem"}),e.on.getInspectorTree(a),e.on.getInspectorState(l),r.on("mutation",t)})}}};
+var e=require("@vue/devtools-api");function t(){return(t=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e}).apply(this,arguments)}var r={label:"Harlem",color:4244621};module.exports=function(a){void 0===a&&(a=r);var n=t({},r,a),o=n.label,i=n.color;return{name:"devtools",install:function(t,r,a){var n=function(e,t){return function(r){r.app===e&&"harlem"===r.inspectorId&&0!==t.size&&(r.rootNodes=Array.from(t.keys()).map(function(e){return{id:e,label:e}}))}}(t,a),l=function(e,t){return function(r){if(r.app===e&&"harlem"===r.inspectorId&&0!==t.size){var a=t.get(r.nodeId);a&&(r.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({app:t,label:o,id:"harlem"},function(e){var t=function(e){return function(t){var r=t.store,a=t.data,n=a.mutation,o=a.payload;e.sendInspectorState("harlem"),e.addTimelineEvent({layerId:"harlem",event:{time:Date.now(),data:{store:r,mutation:n,payload:o},meta:{store:r}}})}}(e);e.addInspector({label:o,id:"harlem",icon:"storage",treeFilterPlaceholder:"Search stores"}),e.addTimelineLayer({label:o,color:i,id:"harlem"}),e.on.getInspectorTree(n),e.on.getInspectorState(l),r.on("mutation",t)})}}};
 //# sourceMappingURL=devtools.js.map

dist/devtools.modern.js

@@ -1,2 +0,2 @@
-import{setupDevtoolsPlugin as e}from"@vue/devtools-api";function t(){return(t=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e}).apply(this,arguments)}const r={label:"Harlem",color:4244621};export default function(o=r){const{label:a,color:n}=t({},r,o);return{name:"devtools",install(t,r,o){const l=function(e,t){return r=>{const{app:o,inspectorId:a}=r;o===e&&"harlem"===a&&0!==t.size&&(r.rootNodes=Array.from(t.keys()).map(e=>({id:e,label:e})))}}(t,o),s=function(e,t){return r=>{const{app:o,inspectorId:a,nodeId:n}=r;if(o!==e||"harlem"!==a||0===t.size)return;const l=t.get(n);l&&(r.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}))}}(l))}}(t,o);e({app:t,label:a,id:"harlem"},e=>{const t=function(e){return(t,r,o)=>{e.sendInspectorState("harlem"),e.addTimelineEvent({layerId:"harlem",event:{time:Date.now(),data:{store:t,mutation:r,payload:o},meta:{store:t}}})}}(e);e.addInspector({label:a,id:"harlem",icon:"storage",treeFilterPlaceholder:"Search stores"}),e.addTimelineLayer({label:a,color:n,id:"harlem"}),e.on.getInspectorTree(l),e.on.getInspectorState(s),r.on("mutation",t)})}}}
+import{setupDevtoolsPlugin as e}from"@vue/devtools-api";function t(){return(t=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e}).apply(this,arguments)}const r={label:"Harlem",color:4244621};export default function(a=r){const{label:o,color:n}=t({},r,a);return{name:"devtools",install(t,r,a){const l=function(e,t){return r=>{const{app:a,inspectorId:o}=r;a===e&&"harlem"===o&&0!==t.size&&(r.rootNodes=Array.from(t.keys()).map(e=>({id:e,label:e})))}}(t,a),s=function(e,t){return r=>{const{app:a,inspectorId:o,nodeId:n}=r;if(a!==e||"harlem"!==o||0===t.size)return;const l=t.get(n);l&&(r.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}))}}(l))}}(t,a);e({app:t,label:o,id:"harlem"},e=>{const t=function(e){return({store:t,data:r})=>{const{mutation:a,payload:o}=r;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",treeFilterPlaceholder:"Search stores"}),e.addTimelineLayer({label:o,color:n,id:"harlem"}),e.on.getInspectorTree(l),e.on.getInspectorState(s),r.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){function t(){return(t=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e}).apply(this,arguments)}var n={label:"Harlem",color:4244621};return function(o){void 0===o&&(o=n);var r=t({},n,o),a=r.label,i=r.color;return{name:"devtools",install:function(t,n,o){var r=function(e,t){return function(n){n.app===e&&"harlem"===n.inspectorId&&0!==t.size&&(n.rootNodes=Array.from(t.keys()).map(function(e){return{id:e,label:e}}))}}(t,o),l=function(e,t){return function(n){if(n.app===e&&"harlem"===n.inspectorId&&0!==t.size){var o=t.get(n.nodeId);o&&(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}})}}(o))}}}(t,o);e.setupDevtoolsPlugin({app:t,label:a,id:"harlem"},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:a,id:"harlem",icon:"storage",treeFilterPlaceholder:"Search stores"}),e.addTimelineLayer({label:a,color:i,id:"harlem"}),e.on.getInspectorTree(r),e.on.getInspectorState(l),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){function t(){return(t=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var n in o)Object.prototype.hasOwnProperty.call(o,n)&&(e[n]=o[n])}return e}).apply(this,arguments)}var o={label:"Harlem",color:4244621};return function(n){void 0===n&&(n=o);var r=t({},o,n),a=r.label,i=r.color;return{name:"devtools",install:function(t,o,n){var r=function(e,t){return function(o){o.app===e&&"harlem"===o.inspectorId&&0!==t.size&&(o.rootNodes=Array.from(t.keys()).map(function(e){return{id:e,label:e}}))}}(t,n),l=function(e,t){return function(o){if(o.app===e&&"harlem"===o.inspectorId&&0!==t.size){var n=t.get(o.nodeId);n&&(o.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}})}}(n))}}}(t,n);e.setupDevtoolsPlugin({app:t,label:a,id:"harlem"},function(e){var t=function(e){return function(t){var o=t.store,n=t.data,r=n.mutation,a=n.payload;e.sendInspectorState("harlem"),e.addTimelineEvent({layerId:"harlem",event:{time:Date.now(),data:{store:o,mutation:r,payload:a},meta:{store:o}}})}}(e);e.addInspector({label:a,id:"harlem",icon:"storage",treeFilterPlaceholder:"Search stores"}),e.addTimelineLayer({label:a,color:i,id:"harlem"}),e.on.getInspectorTree(r),e.on.getInspectorState(l),o.on("mutation",t)})}}}});
 //# sourceMappingURL=devtools.umd.js.map

dist/index.d.ts

 import type { Options } from './types';
 import type { HarlemPlugin } from '@harlem/core';
-export default function createDevtoolsPlugin(options?: Options): HarlemPlugin;
+export default function createDevtoolsPlugin(options?: Partial<Options>): HarlemPlugin;

package.json

 {
     "name": "@harlem/plugin-devtools",
-    "version": "1.0.8",
+    "version": "1.0.9",
     "description": "Simple Vue 3 State Management",
@@ -26,5 +26,5 @@ "repository": "https://github.com/andrewcourtice/harlem.git",
     "devDependencies": {
-        "@harlem/core": "^1.0.8"
+        "@harlem/core": "^1.0.9"
     },
-    "gitHead": "8f590a632b6038450e0143387bcfa0435d5e8f53"
+    "gitHead": "2df3b2801cd74f6c7f02ba0a413db10af79e6483"
 }

src/index.ts

@@ -19,8 +19,10 @@ import {
 import type {
-    Emittable,
+    EventPayload,
     HarlemPlugin,
     InternalStore,
-    InternalStores
+    InternalStores,
+    MutationEventData
 } from '@harlem/core';
 
+const NAME = 'devtools';
 const DEVTOOLS_ID = 'harlem';
@@ -52,3 +54,3 @@
 function getStoreSnapshot(store: InternalStore): CustomInspectorState {
-    const state = store.state();
+    const state = store.state;
 
@@ -104,3 +106,8 @@ const getters: StateBase[] = Array.from(store.getters)
 function getMutationHook(api: DevtoolsPluginApi): Function {
-    return (store: string, mutation: string, payload: any) => {
+    return ({ store, data }: EventPayload<MutationEventData>) => {
+        const {
+            mutation,
+            payload
+        } = data;
+
         api.sendInspectorState(DEVTOOLS_ID);
@@ -114,3 +121,3 @@ api.addTimelineEvent({
                     mutation,
-                    payload
+                    payload,
                 },
@@ -125,3 +132,3 @@ meta: {
 
-export default function createDevtoolsPlugin(options: Options = OPTIONS): HarlemPlugin {
+export default function createDevtoolsPlugin(options: Partial<Options> = OPTIONS): HarlemPlugin {
     const {
@@ -137,3 +144,3 @@ label,
 
-        name: 'devtools',
+        name: NAME,
         
@@ -140,0 +147,0 @@ install(app, eventEmitter, stores) {

No alert changes

Improved metrics

Total package byte prevSize

38437

increased by2.78%

Lines of code

187

increased by3.31%

No dependency changes