app-devtools 0.9.0 → 0.10.0

package/dist/main.js

@@ -527,55 +527,6 @@ function mergeProps(...sources) {
   }
   return target;
 }
-function splitProps(props, ...keys) {
-  const blocked = new Set(keys.flat());
-  if ($PROXY in props) {
-    const res = keys.map(k => {
-      return new Proxy({
-        get(property) {
-          return k.includes(property) ? props[property] : undefined;
-        },
-        has(property) {
-          return k.includes(property) && property in props;
-        },
-        keys() {
-          return k.filter(property => property in props);
-        }
-      }, propTraps);
-    });
-    res.push(new Proxy({
-      get(property) {
-        return blocked.has(property) ? undefined : props[property];
-      },
-      has(property) {
-        return blocked.has(property) ? false : property in props;
-      },
-      keys() {
-        return Object.keys(props).filter(k => !blocked.has(k));
-      }
-    }, propTraps));
-    return res;
-  }
-  const descriptors = Object.getOwnPropertyDescriptors(props);
-  keys.push(Object.keys(descriptors).filter(k => !blocked.has(k)));
-  return keys.map(k => {
-    const clone = {};
-    for (let i = 0; i < k.length; i++) {
-      const key = k[i];
-      if (!(key in props)) continue;
-      Object.defineProperty(clone, key, descriptors[key] ? descriptors[key] : {
-        get() {
-          return props[key];
-        },
-        set() {
-          return true;
-        },
-        enumerable: true
-      });
-    }
-    return clone;
-  });
-}
 
 function For(props) {
   const fallback = "fallback" in props && {
@@ -1614,11 +1565,10 @@ const menuItemStyle = u`
   }
 `;
 const ApiExplorerMenuItem = props => {
-  const _prop = () => props.item,
-    _prop2 = () => props.currentCallId;
-    splitProps(props, ["item", "currentCallId"])[1];
+  const _item = createMemo(() => props.item);
+  const _currentCallId = createMemo(() => props.currentCallId);
   const showSubitems = createSignalRef(props.item.subitemsWithAlias.length < 4);
-  const typeIcon = getTypeIcon(_prop().type, _prop().subType);
+  const typeIcon = getTypeIcon(_item().type, _item().subType);
   return (() => {
     const _el$ = _tmpl$3$5.cloneNode(true),
       _el$2 = _el$.firstChild;
@@ -1626,7 +1576,7 @@ const ApiExplorerMenuItem = props => {
     insert(_el$2, createComponent(ButtonElement, {
       onClick: () => {
         setUiStore({
-          selectedCall: _prop().id,
+          selectedCall: _item().id,
           selectedSubitem: null
         });
       },
@@ -1635,7 +1585,7 @@ const ApiExplorerMenuItem = props => {
           const _el$3 = _tmpl$$9.cloneNode(true);
           insert(_el$3, () => typeIcon.icon);
           createRenderEffect(_p$ => {
-            const _v$ = `${_prop().type}${_prop().subType ? ` (${_prop().subType})` : ''}`,
+            const _v$ = `${_item().type}${_item().subType ? ` (${_item().subType})` : ''}`,
               _v$2 = typeIcon.color;
             _v$ !== _p$._v$ && setAttribute(_el$3, "title", _p$._v$ = _v$);
             _v$2 !== _p$._v$2 && _el$3.style.setProperty("color", _p$._v$2 = _v$2);
@@ -1647,14 +1597,14 @@ const ApiExplorerMenuItem = props => {
           return _el$3;
         })(), (() => {
           const _el$4 = _tmpl$2$7.cloneNode(true);
-          insert(_el$4, () => _prop().name);
-          createRenderEffect(() => setAttribute(_el$4, "title", _prop().name));
+          insert(_el$4, () => _item().name);
+          createRenderEffect(() => setAttribute(_el$4, "title", _item().name));
           return _el$4;
         })()];
       }
     }), null);
     insert(_el$2, (() => {
-      const _c$ = createMemo(() => _prop().subitemsWithAlias.length > 0);
+      const _c$ = createMemo(() => _item().subitemsWithAlias.length > 0);
       return () => _c$() && createComponent(ButtonElement, {
         "class": "expand-button",
         get classList() {
@@ -1679,18 +1629,18 @@ const ApiExplorerMenuItem = props => {
       get children() {
         return createComponent(For, {
           get each() {
-            return _prop().subitemsWithAlias;
+            return _item().subitemsWithAlias;
           },
           children: subitem => createComponent(ButtonElement, {
             "class": "subitem",
             get classList() {
               return {
-                selected: _prop2() === _prop().id && uiStore.selectedSubitem === subitem
+                selected: _currentCallId() === _item().id && uiStore.selectedSubitem === subitem
               };
             },
             onClick: () => {
               setUiStore({
-                selectedCall: _prop().id,
+                selectedCall: _item().id,
                 selectedSubitem: subitem
               });
             },
@@ -1703,7 +1653,7 @@ const ApiExplorerMenuItem = props => {
         });
       }
     }), null);
-    createRenderEffect(() => _el$2.classList.toggle("selected", !!(_prop2() ? _prop2() === _prop().id : props.index === 0)));
+    createRenderEffect(() => _el$2.classList.toggle("selected", !!(_currentCallId() ? _currentCallId() === _item().id : props.index === 0)));
     return _el$;
   })();
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "app-devtools",
-  "version": "0.9.0",
+  "version": "0.10.0",
   "description": "",
   "packageManager": "pnpm@6.29.1",
   "license": "MIT",