glass-easel-devtools-panel 0.9.0

package/dist/bootstrap.js.LICENSE.txt

@@ -0,0 +1 @@
+/*! For license information please see index.js.LICENSE.txt */

package/dist/events.d.ts

@@ -0,0 +1,41 @@
+import { type builder } from 'glass-easel-miniprogram-adapter/dist/glass_easel_miniprogram_adapter';
+import { type protocol } from './message_channel';
+export declare class EventDispatcher<N extends string, K extends string | number, T extends {
+    [k in N]: K;
+}> {
+    private keyName;
+    private listeners;
+    constructor(keyName: N);
+    addListener(key: K, func: (args: T) => void): void;
+    removeListener(key: K, func: (args: T) => void): void;
+    bindComponentLifetimes(ctx: builder.BuilderContext<any, any, any>, getKey: () => K, func: (args: T) => void): void;
+    dispatch(args: T): void;
+}
+export declare const childNodeCountUpdated: EventDispatcher<"nodeId", number, {
+    nodeId: protocol.NodeId;
+    childNodeCount: number;
+}>;
+export declare const setChildNodes: EventDispatcher<"parentId", number, {
+    parentId: protocol.NodeId;
+    nodes: protocol.dom.Node[];
+}>;
+export declare const childNodeInserted: EventDispatcher<"parentNodeId", number, {
+    parentNodeId: protocol.NodeId;
+    previousNodeId: protocol.NodeId;
+    node: protocol.dom.Node;
+}>;
+export declare const childNodeRemoved: EventDispatcher<"parentNodeId", number, {
+    parentNodeId: protocol.NodeId;
+    nodeId: protocol.NodeId;
+}>;
+export declare const characterDataModified: EventDispatcher<"nodeId", number, {
+    nodeId: protocol.NodeId;
+    characterData: string;
+}>;
+export declare const attributeModified: EventDispatcher<"nodeId", number, {
+    nodeId: protocol.NodeId;
+    name: string;
+    value: string;
+    detail: protocol.GlassEaselVar;
+    nameType: "basic" | "attribute" | "component-property" | "slot-value" | "dataset" | "mark" | "external-class";
+}>;

package/dist/global_components/image/image.d.ts

@@ -0,0 +1 @@
+export declare const componentDefinition: {};

package/dist/global_components/index.d.ts

@@ -0,0 +1,2 @@
+import { type CodeSpace } from 'glass-easel-miniprogram-adapter';
+export declare const loadGlobalComponents: (codeSpace: CodeSpace) => void;

package/dist/global_components/view/view.d.ts

@@ -0,0 +1 @@
+export declare const componentDefinition: {};

package/dist/index.css

@@ -0,0 +1,17 @@
+[wx-host="A"]{display:block;}
+
+[wx-host="C"]{display:block;}
+
+[wx-host="E"]{display:block;}
+
+[wx-host="G"]{display:block;}
+
+@keyframes update-ani{from{background:#dd8;}to{background:transparent;}}.A--updated{background:#dd8;animation-duration:1s;animation-fill-mode:both;animation-name:update-ani;animation-timing-function:ease;}.A--tag{color:#888;white-space:nowrap;}.A--fold-arrow{display:inline-block;width:1em;height:1em;line-height:1em;color:#444;text-align:center;}.A--fold-arrow-icon{width:1em;transition:transform 200ms ease;}.A--fold-arrow-icon_open{transform:rotate(90deg);}.A--tag-body{display:inline-block;}.A--tag-body_hover{background:#ace;}.A--tag-body_selected{background:#add;}.A--tag-body_highlight{background-color:rgba(0,128,192,0.25);}.A--tag-text{display:inline;}.A--tag-name{display:inline-block;color:#408;}.A--tag-var-name-wrapper{display:inline;}.A--tag-var-name{display:inline-block;margin-left:0.25em;height:1em;line-height:1em;min-width:1em;text-align:center;font-size:0.8em;font-style:italic;color:#222;}.A--tag-var-name_hover{background:#ace;}.A--attribute{display:inline-block;margin-left:0.5em;}.A--attribute-name{display:inline-block;color:#084;}.A--attribute-name_property{color:#06a;}.A--attribute-value{display:inline-block;color:#840;}.A--children{margin-left:1em;}.A--virtual-tag-name{display:inline-block;font-style:italic;}.A--virtual-tag-name_hover{background:#add;}.A--text-content{color:#222;padding:1px 0;}
+body{margin:0;height:100vh;}.wrapper{font-family:monospace;font-size:12px;background:#eee;height:100%;cursor:default;user-select:none;}.empty{color:#888;font-style:italic;padding:5px;}.main{height:100%;}.tree-detail{display:flex;height:100%;overflow:hidden;}.tree-detail-split{width:2px;background-color:#888;cursor:w-resize;}.left{flex:1 1 0;display:flex;flex-direction:column;overflow-x:hidden;}.toolbar{flex:none;background:#ccc;color:#222;border-bottom:2px solid#888;display:flex;}.tool-space{flex:auto;}.tool{flex:none;display:inline-block;padding:5px 10px;}.tool_hover{background:#ace;}.tool_active{background:#add;}.tree{flex:auto;margin:5px;overflow:auto;user-select:text;}.detail{flex:none;box-sizing:border-box;overflow:auto;}
+.C--title{padding:0 5px;background:#ccc;color:#222;line-height:1.5;white-space:nowrap;}.C--title-text{display:inline-block;}.C--title-refresh{display:inline-block;font-size:1.5em;width:1em;height:1em;line-height:1;text-align:center;margin-left:0.5em;}.C--title-refresh_hover{background-color:#ace;}.C--arrow{display:inline-block;width:1em;height:1.5em;text-align:center;transition:transform 200ms ease;margin-right:0.25em;}.C--arrow_open{transform:rotate(90deg);}.C--body{padding:0 5px;overflow:hidden;}.C--body_collapsed{height:0;}
+@keyframes value-update-ani{from{background:#dd8;}to{background:transparent;}}.D--updated{background:#dd8;animation-duration:1s;animation-fill-mode:both;animation-name:value-update-ani;animation-timing-function:ease;}.D--wrapper{display:inline-block;}.D--slice{display:inline;color:#888;}.D--slice_dynamic{color:#840;}.D--var-name{display:inline-block;margin-left:0.25em;height:1em;line-height:1em;min-width:1em;text-align:center;font-size:0.8em;font-style:italic;color:#222;}.D--var-name_hover{background:#ace;}
+.E--section{margin-bottom:5px;color:#888;}.E--section-item{white-space:nowrap;user-select:text;}.E--section-key{display:inline;color:#06a;}.E--section-key-core{display:inline;color:#084;}.E--section-value{display:inline;color:#840;}.E--section-value-extra{color:#222;}.E--section-empty{text-align:center;font-style:italic;}.E--box-model{margin:0 auto;}.E--box-model-text{flex:none;text-align:center;white-space:nowrap;color:#222;margin:1px;}.E--box-model-content{display:flex;border:1px solid#888;padding:1px;}.E--box-model-padding{border:1px solid#888;padding:1px;background:#eee;}.E--box-model-border{border:1px solid#888;padding:1px;background:#ccc;}.E--box-model-margin{padding:1px;}.E--box-model-line{display:flex;justify-content:center;align-items:center;}.E--style-rule{padding-left:1em;margin:5px 0;}.E--style-rule_inactive{text-decoration:line-through#222;}.E--style-rule-prefix{margin-left:-1em;font-style:italic;}.E--style-rule-title{margin-left:-1em;color:#222;}
+
+
+
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,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QUhGLENBTUEsZUFDRSxpQkFDQSxhQUZGLENBSUEsd0JBQ0UsaUNBREYsQ0FHQSxzQkFDRSxpQkFDQSxrQkFGRixDQUlBLHFCQUNFLGlCQUNBLFdBRkYsQyIsInNvdXJjZXMiOlsid2VicGFjazovL2dsYXNzLWVhc2VsLWRldnRvb2xzLXBhbmVsLy4vc3JjL19fZ2xhc3NfZWFzZWxfaG9zdF9zdHlsZXNfXy53eHNzIiwid2VicGFjazovL2dsYXNzLWVhc2VsLWRldnRvb2xzLXBhbmVsLy4vc3JjL3BhZ2VzL3RyZWUvZWxlbWVudC53eHNzIiwid2VicGFjazovL2dsYXNzLWVhc2VsLWRldnRvb2xzLXBhbmVsLy4vc3JjL3BhZ2VzL2luZGV4L2luZGV4Lnd4c3MiLCJ3ZWJwYWNrOi8vZ2xhc3MtZWFzZWwtZGV2dG9vbHMtcGFuZWwvLi9zcmMvcGFnZXMvZGV0YWlsL3NlY3Rpb24ud3hzcyIsIndlYnBhY2s6Ly9nbGFzcy1lYXNlbC1kZXZ0b29scy1wYW5lbC8uL3NyYy9wYWdlcy9kZXRhaWwvdmFsdWUud3hzcyIsIndlYnBhY2s6Ly9nbGFzcy1lYXNlbC1kZXZ0b29scy1wYW5lbC8uL3NyYy9wYWdlcy9kZXRhaWwvZGV0YWlsLnd4c3MiXSwic291cmNlc0NvbnRlbnQiOlsiW3d4LWhvc3Q9XCJBXCJde2Rpc3BsYXk6YmxvY2s7fVxuXG5bd3gtaG9zdD1cIkNcIl17ZGlzcGxheTpibG9jazt9XG5cblt3eC1ob3N0PVwiRVwiXXtkaXNwbGF5OmJsb2NrO31cblxuW3d4LWhvc3Q9XCJHXCJde2Rpc3BsYXk6YmxvY2s7fSIsIkBpbXBvcnQgdXJsKCcuLi9jb21tb24ud3hzcycpO1xuXG5Aa2V5ZnJhbWVzIHVwZGF0ZS1hbmkge1xuICBmcm9tIHtcbiAgICBiYWNrZ3JvdW5kOiBAdXBkYXRlLWJnO1xuICB9XG4gIHRvIHtcbiAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgfVxufVxuLnVwZGF0ZWQge1xuICBiYWNrZ3JvdW5kOiBAdXBkYXRlLWJnO1xuICBhbmltYXRpb24tZHVyYXRpb246IDFzO1xuICBhbmltYXRpb24tZmlsbC1tb2RlOiBib3RoO1xuICBhbmltYXRpb24tbmFtZTogdXBkYXRlLWFuaTtcbiAgYW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbjogZWFzZTtcbn1cblxuOmhvc3Qge1xuICBkaXNwbGF5OiBibG9jaztcbn1cblxuLnRhZyB7XG4gIGNvbG9yOiBAY29tbW9uLXRleHQ7XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG59XG5cbi5mb2xkLWFycm93IHtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICB3aWR0aDogMWVtO1xuICBoZWlnaHQ6IDFlbTtcbiAgbGluZS1oZWlnaHQ6IDFlbTtcbiAgY29sb3I6ICM0NDQ7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbn1cbi5mb2xkLWFycm93LWljb24ge1xuICB3aWR0aDogMWVtO1xuICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gMjAwbXMgZWFzZTtcbn1cbi5mb2xkLWFycm93LWljb25fb3BlbiB7XG4gIHRyYW5zZm9ybTogcm90YXRlKDkwZGVnKTtcbn1cblxuLnRhZy1ib2R5IHtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xufVxuLnRhZy1ib2R5X2hvdmVyIHtcbiAgYmFja2dyb3VuZDogQGhvdmVyLWJnO1xufVxuLnRhZy1ib2R5X3NlbGVjdGVkIHtcbiAgYmFja2dyb3VuZDogQHNlbGVjdGVkLWJnO1xufVxuLnRhZy1ib2R5X2hpZ2hsaWdodCB7XG4gIGJhY2tncm91bmQtY29sb3I6IHJnYmEoMCwgMTI4LCAxOTIsIDAuMjUpO1xufVxuLnRhZy10ZXh0IHtcbiAgZGlzcGxheTogaW5saW5lO1xufVxuLnRhZy1uYW1lIHtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICBjb2xvcjogQHRhZy1uYW1lO1xufVxuXG4udGFnLXZhci1uYW1lLXdyYXBwZXIge1xuICBkaXNwbGF5OiBpbmxpbmU7XG59XG4udGFnLXZhci1uYW1lIHtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICBtYXJnaW4tbGVmdDogMC4yNWVtO1xuICBoZWlnaHQ6IDFlbTtcbiAgbGluZS1oZWlnaHQ6IDFlbTtcbiAgbWluLXdpZHRoOiAxZW07XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgZm9udC1zaXplOiAwLjhlbTtcbiAgZm9udC1zdHlsZTogaXRhbGljO1xuICBjb2xvcjogQGltcG9ydGFudC10ZXh0O1xufVxuLnRhZy12YXItbmFtZV9ob3ZlciB7XG4gIGJhY2tncm91bmQ6IEBob3Zlci1iZztcbn1cblxuLmF0dHJpYnV0ZSB7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgbWFyZ2luLWxlZnQ6IDAuNWVtO1xufVxuLmF0dHJpYnV0ZS1uYW1lIHtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICBjb2xvcjogQGNvcmUtYXR0cmlidXRlLW5hbWU7XG59XG4uYXR0cmlidXRlLW5hbWVfcHJvcGVydHkge1xuICBjb2xvcjogQHByb3BlcnR5LW5hbWU7XG59XG4uYXR0cmlidXRlLXZhbHVlIHtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICBjb2xvcjogQGF0dHJpYnV0ZS12YWx1ZTtcbn1cblxuLmNoaWxkcmVuIHtcbiAgbWFyZ2luLWxlZnQ6IDFlbTtcbn1cblxuLnZpcnR1YWwtdGFnLW5hbWUge1xuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIGZvbnQtc3R5bGU6IGl0YWxpYztcbn1cbi52aXJ0dWFsLXRhZy1uYW1lX2hvdmVyIHtcbiAgYmFja2dyb3VuZDogQHNlbGVjdGVkLWJnO1xufVxuXG4udGV4dC1jb250ZW50IHtcbiAgY29sb3I6IEBpbXBvcnRhbnQtdGV4dDtcbiAgcGFkZGluZzogMXB4IDA7XG59XG4iLCJAaW1wb3J0IHVybCgnLi4vY29tbW9uLnd4c3MnKTtcblxuYm9keSB7XG4gIG1hcmdpbjogMDtcbiAgaGVpZ2h0OiAxMDB2aDtcbn1cblxuLndyYXBwZXIge1xuICBmb250LWZhbWlseTogbW9ub3NwYWNlO1xuICBmb250LXNpemU6IDEycHg7XG4gIGJhY2tncm91bmQ6IEBwcmltYXJ5LWJnO1xuICBoZWlnaHQ6IDEwMCU7XG4gIGN1cnNvcjogZGVmYXVsdDtcbiAgdXNlci1zZWxlY3Q6IG5vbmU7XG59XG4uZW1wdHkge1xuICBjb2xvcjogQGNvbW1vbi10ZXh0O1xuICBmb250LXN0eWxlOiBpdGFsaWM7XG4gIHBhZGRpbmc6IDVweDtcbn1cblxuLm1haW4ge1xuICBoZWlnaHQ6IDEwMCU7XG59XG4udHJlZS1kZXRhaWwge1xuICBkaXNwbGF5OiBmbGV4O1xuICBoZWlnaHQ6IDEwMCU7XG4gIG92ZXJmbG93OiBoaWRkZW47XG59XG4udHJlZS1kZXRhaWwtc3BsaXQge1xuICB3aWR0aDogMnB4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjODg4O1xuICBjdXJzb3I6IHctcmVzaXplO1xufVxuLmxlZnQge1xuICBmbGV4OiAxIDEgMDtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgb3ZlcmZsb3cteDogaGlkZGVuO1xufVxuXG4udG9vbGJhciB7XG4gIGZsZXg6IG5vbmU7XG4gIGJhY2tncm91bmQ6IEBzZWNvbmRhcnktYmc7XG4gIGNvbG9yOiBAaW1wb3J0YW50LXRleHQ7XG4gIGJvcmRlci1ib3R0b206IDJweCBzb2xpZCAjODg4O1xuICBkaXNwbGF5OiBmbGV4O1xufVxuLnRvb2wtc3BhY2Uge1xuICBmbGV4OiBhdXRvO1xufVxuLnRvb2wge1xuICBmbGV4OiBub25lO1xuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIHBhZGRpbmc6IDVweCAxMHB4O1xufVxuLnRvb2xfaG92ZXIge1xuICBiYWNrZ3JvdW5kOiBAaG92ZXItYmc7XG59XG4udG9vbF9hY3RpdmUge1xuICBiYWNrZ3JvdW5kOiBAc2VsZWN0ZWQtYmc7XG59XG5cbi50cmVlIHtcbiAgZmxleDogYXV0bztcbiAgbWFyZ2luOiA1cHg7XG4gIG92ZXJmbG93OiBhdXRvO1xuICB1c2VyLXNlbGVjdDogdGV4dDtcbn1cblxuLmRldGFpbCB7XG4gIGZsZXg6IG5vbmU7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIG92ZXJmbG93OiBhdXRvO1xufVxuIiwiQGltcG9ydCB1cmwoJy4uL2NvbW1vbi53eHNzJyk7XG5cbjpob3N0IHtcbiAgZGlzcGxheTogYmxvY2s7XG59XG5cbi50aXRsZSB7XG4gIHBhZGRpbmc6IDAgNXB4O1xuICBiYWNrZ3JvdW5kOiBAc2Vjb25kYXJ5LWJnO1xuICBjb2xvcjogQGltcG9ydGFudC10ZXh0O1xuICBsaW5lLWhlaWdodDogMS41O1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xufVxuLnRpdGxlLXRleHQge1xuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG59XG4udGl0bGUtcmVmcmVzaCB7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgZm9udC1zaXplOiAxLjVlbTtcbiAgd2lkdGg6IDFlbTtcbiAgaGVpZ2h0OiAxZW07XG4gIGxpbmUtaGVpZ2h0OiAxO1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIG1hcmdpbi1sZWZ0OiAwLjVlbTtcbn1cbi50aXRsZS1yZWZyZXNoX2hvdmVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogQGhvdmVyLWJnO1xufVxuLmFycm93IHtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICB3aWR0aDogMWVtO1xuICBoZWlnaHQ6IDEuNWVtO1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIHRyYW5zaXRpb246IHRyYW5zZm9ybSAyMDBtcyBlYXNlO1xuICBtYXJnaW4tcmlnaHQ6IDAuMjVlbTtcbn1cbi5hcnJvd19vcGVuIHtcbiAgdHJhbnNmb3JtOiByb3RhdGUoOTBkZWcpO1xufVxuXG4uYm9keSB7XG4gIHBhZGRpbmc6IDAgNXB4O1xuICBvdmVyZmxvdzogaGlkZGVuO1xufVxuLmJvZHlfY29sbGFwc2VkIHtcbiAgaGVpZ2h0OiAwO1xufVxuIiwiQGltcG9ydCB1cmwoJy4uL2NvbW1vbi53eHNzJyk7XG5cbkBrZXlmcmFtZXMgdmFsdWUtdXBkYXRlLWFuaSB7XG4gIGZyb20ge1xuICAgIGJhY2tncm91bmQ6IEB1cGRhdGUtYmc7XG4gIH1cbiAgdG8ge1xuICAgIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICB9XG59XG4udXBkYXRlZCB7XG4gIGJhY2tncm91bmQ6IEB1cGRhdGUtYmc7XG4gIGFuaW1hdGlvbi1kdXJhdGlvbjogMXM7XG4gIGFuaW1hdGlvbi1maWxsLW1vZGU6IGJvdGg7XG4gIGFuaW1hdGlvbi1uYW1lOiB2YWx1ZS11cGRhdGUtYW5pO1xuICBhbmltYXRpb24tdGltaW5nLWZ1bmN0aW9uOiBlYXNlO1xufVxuXG4ud3JhcHBlciB7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbn1cblxuLnNsaWNlIHtcbiAgZGlzcGxheTogaW5saW5lO1xuICBjb2xvcjogQGNvbW1vbi10ZXh0O1xufVxuLnNsaWNlX2R5bmFtaWMge1xuICBjb2xvcjogQGF0dHJpYnV0ZS12YWx1ZTtcbn1cblxuLnZhci1uYW1lIHtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICBtYXJnaW4tbGVmdDogMC4yNWVtO1xuICBoZWlnaHQ6IDFlbTtcbiAgbGluZS1oZWlnaHQ6IDFlbTtcbiAgbWluLXdpZHRoOiAxZW07XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgZm9udC1zaXplOiAwLjhlbTtcbiAgZm9udC1zdHlsZTogaXRhbGljO1xuICBjb2xvcjogQGltcG9ydGFudC10ZXh0O1xufVxuLnZhci1uYW1lX2hvdmVyIHtcbiAgYmFja2dyb3VuZDogQGhvdmVyLWJnO1xufVxuIiwiQGltcG9ydCB1cmwoJy4uL2NvbW1vbi53eHNzJyk7XG5cbjpob3N0IHtcbiAgZGlzcGxheTogYmxvY2s7XG59XG5cbi5zZWN0aW9uIHtcbiAgbWFyZ2luLWJvdHRvbTogNXB4O1xuICBjb2xvcjogQGNvbW1vbi10ZXh0O1xufVxuLnNlY3Rpb24taXRlbSB7XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gIHVzZXItc2VsZWN0OiB0ZXh0O1xufVxuLnNlY3Rpb24ta2V5IHtcbiAgZGlzcGxheTogaW5saW5lO1xuICBjb2xvcjogQHByb3BlcnR5LW5hbWU7XG59XG4uc2VjdGlvbi1rZXktY29yZSB7XG4gIGRpc3BsYXk6IGlubGluZTtcbiAgY29sb3I6IEBjb3JlLWF0dHJpYnV0ZS1uYW1lO1xufVxuLnNlY3Rpb24tdmFsdWUge1xuICBkaXNwbGF5OiBpbmxpbmU7XG4gIGNvbG9yOiBAYXR0cmlidXRlLXZhbHVlO1xufVxuLnNlY3Rpb24tdmFsdWUtZXh0cmEge1xuICBjb2xvcjogQGltcG9ydGFudC10ZXh0O1xufVxuXG4uc2VjdGlvbi1lbXB0eSB7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgZm9udC1zdHlsZTogaXRhbGljO1xufVxuXG4uYm94LW1vZGVsIHtcbiAgbWFyZ2luOiAwIGF1dG87XG59XG4uYm94LW1vZGVsLXRleHQge1xuICBmbGV4OiBub25lO1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gIGNvbG9yOiBAaW1wb3J0YW50LXRleHQ7XG4gIG1hcmdpbjogMXB4O1xufVxuLmJveC1tb2RlbC1jb250ZW50IHtcbiAgZGlzcGxheTogZmxleDtcbiAgYm9yZGVyOiAxcHggc29saWQgIzg4ODtcbiAgcGFkZGluZzogMXB4O1xufVxuLmJveC1tb2RlbC1wYWRkaW5nIHtcbiAgYm9yZGVyOiAxcHggc29saWQgIzg4ODtcbiAgcGFkZGluZzogMXB4O1xuICBiYWNrZ3JvdW5kOiBAcHJpbWFyeS1iZztcbn1cbi5ib3gtbW9kZWwtYm9yZGVyIHtcbiAgYm9yZGVyOiAxcHggc29saWQgIzg4ODtcbiAgcGFkZGluZzogMXB4O1xuICBiYWNrZ3JvdW5kOiBAc2Vjb25kYXJ5LWJnO1xufVxuLmJveC1tb2RlbC1tYXJnaW4ge1xuICBwYWRkaW5nOiAxcHg7XG59XG4uYm94LW1vZGVsLWxpbmUge1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbn1cblxuLnN0eWxlLXJ1bGUge1xuICBwYWRkaW5nLWxlZnQ6IDFlbTtcbiAgbWFyZ2luOiA1cHggMDtcbn1cbi5zdHlsZS1ydWxlX2luYWN0aXZlIHtcbiAgdGV4dC1kZWNvcmF0aW9uOiBsaW5lLXRocm91Z2ggQGltcG9ydGFudC10ZXh0O1xufVxuLnN0eWxlLXJ1bGUtcHJlZml4IHtcbiAgbWFyZ2luLWxlZnQ6IC0xZW07XG4gIGZvbnQtc3R5bGU6IGl0YWxpYztcbn1cbi5zdHlsZS1ydWxlLXRpdGxlIHtcbiAgbWFyZ2luLWxlZnQ6IC0xZW07XG4gIGNvbG9yOiBAaW1wb3J0YW50LXRleHQ7XG59XG4iXSwibmFtZXMiOltdLCJzb3VyY2VSb290IjoiIn0=*/

package/dist/message_channel.d.ts

@@ -0,0 +1,11 @@
+import type { protocol } from 'glass-easel-devtools-agent';
+export { protocol } from 'glass-easel-devtools-agent';
+export type PanelRecvMessage = protocol.AgentSendMessage;
+export type PanelSendMessage = protocol.AgentRecvMessage;
+export interface MessageChannel {
+    send(data: PanelSendMessage): void;
+    recv(listener: (data: PanelRecvMessage) => void): void;
+}
+export declare const setMessageChannel: (mc: MessageChannel) => void;
+export declare const setEventHandler: <T extends keyof protocol.AgentEventKind>(name: T, handler: (detail: protocol.AgentEventKind[T]["detail"]) => void) => void;
+export declare const sendRequest: <T extends keyof protocol.AgentRequestKind>(name: T, detail: protocol.AgentRequestKind[T]["request"]) => Promise<protocol.AgentRequestKind[T]["response"]>;

package/dist/pages/detail/detail.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/pages/detail/value.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/pages/index/index.d.ts

@@ -0,0 +1 @@
+export declare const componentDefinition: {};

package/dist/pages/store.d.ts

@@ -0,0 +1,9 @@
+import { type protocol } from 'glass-easel-devtools-agent';
+export declare const store: {
+    selectedNodeId: protocol.NodeId;
+    highlightNodeId: protocol.NodeId;
+    sideBarShown: boolean;
+    selectNode(n: protocol.NodeId): void;
+    hideSideBar(): void;
+    setHighlightNode(n: protocol.NodeId): void;
+};

package/dist/pages/tree/element.d.ts

@@ -0,0 +1 @@
+export declare const compDef: {};

package/dist/utils.d.ts

@@ -0,0 +1,4 @@
+export declare const DEV: boolean;
+export declare const error: (msg: string, ...args: unknown[]) => void;
+export declare const warn: (msg: string, ...args: unknown[]) => void;
+export declare const debug: (msg: string, ...args: unknown[]) => void;

package/package.json

@@ -0,0 +1,21 @@
+{
+  "name": "glass-easel-devtools-panel",
+  "version": "0.9.0",
+  "main": "dist/bootstrap.js",
+  "dependencies": {},
+  "devDependencies": {
+    "css-loader": "^7.1.2",
+    "glass-easel": "^0.9.0",
+    "glass-easel-miniprogram-adapter": "^0.9.0",
+    "glass-easel-miniprogram-webpack-plugin": "^0.9.0",
+    "less-loader": "^12.2.0",
+    "mini-css-extract-plugin": "^2.9.0",
+    "mobx-miniprogram": "^6.12.3",
+    "mobx-miniprogram-bindings": "^3.0.1",
+    "glass-easel-devtools-agent": "0.9.0"
+  },
+  "scripts": {
+    "build": "webpack --config webpack.config.js",
+    "dev": "webpack --config webpack.dev.config.js --watch"
+  }
+}

package/src/app.ts

@@ -0,0 +1 @@
+// this file is always executed on startup

package/src/app.wxss

@@ -0,0 +1 @@
+/* this is the global stylesheet */

package/src/bootstrap.ts

@@ -0,0 +1,80 @@
+import { glassEasel, type Root } from 'glass-easel-miniprogram-adapter'
+import { codeSpace, initWithBackend, registerGlobalEventListener } from '../src' // import the plugin-generated code
+import { type MessageChannel, setMessageChannel } from './message_channel'
+import { componentDefinition } from './pages/index'
+import { warn } from './utils'
+import { loadGlobalComponents } from './global_components'
+
+export { MessageChannel, PanelRecvMessage, PanelSendMessage } from './message_channel'
+
+let root: Root | null = null
+
+const insertInto = (
+  backendContext: glassEasel.GeneralBackendContext,
+  backendElement: glassEasel.GeneralBackendElement,
+) => {
+  // create the backend context
+  registerGlobalEventListener(backendContext)
+  const ab = initWithBackend(backendContext)
+
+  // add global using components
+  loadGlobalComponents(codeSpace)
+
+  // create a mini-program page
+  root = ab.createRoot(
+    'glass-easel-root', // the tag name of the mount point
+    codeSpace,
+    'pages/index/index', // the mini-program page to load
+  )
+
+  // insert the page into backend
+  let placeholder: glassEasel.GeneralBackendElement
+  if (backendContext.mode === glassEasel.BackendMode.Composed) {
+    const ctx = backendContext
+    const parent = backendElement as glassEasel.composedBackend.Element
+    placeholder = ctx.createElement('glass-easel-devtools-panel', 'glass-easel-devtools-panel')
+    parent.appendChild(placeholder)
+  } else if (backendContext.mode === glassEasel.BackendMode.Domlike) {
+    const ctx = backendContext
+    const parent = backendElement as glassEasel.domlikeBackend.Element
+    placeholder = ctx.document.createElement('glass-easel-devtools-panel')
+    parent.appendChild(placeholder)
+  } else if (backendContext.mode === glassEasel.BackendMode.Shadow) {
+    const parent = backendElement as glassEasel.backend.Element
+    const sr = parent.getShadowRoot()
+    if (!sr) throw new Error('the host element should be inside of a shadow tree')
+    placeholder = sr.createElement('glass-easel-devtools-panel', 'glass-easel-devtools-panel')
+    parent.appendChild(placeholder)
+  } else {
+    throw new Error('unrecognized host backend mode')
+  }
+  root.attach(
+    backendElement as unknown as glassEasel.GeneralBackendElement,
+    placeholder as unknown as glassEasel.GeneralBackendElement,
+  )
+  if (
+    backendContext.mode === glassEasel.BackendMode.Composed ||
+    backendContext.mode === glassEasel.BackendMode.Shadow
+  ) {
+    const elem = placeholder as glassEasel.composedBackend.Element | glassEasel.backend.Element
+    elem.release()
+  }
+}
+
+export const startup = (
+  hostContext: glassEasel.GeneralBackendContext,
+  hostElement: glassEasel.GeneralBackendElement,
+  messageChannel: MessageChannel,
+) => {
+  setMessageChannel(messageChannel)
+  insertInto(hostContext, hostElement)
+}
+
+export const restart = () => {
+  if (!root) {
+    warn('cannot restart panel before startup')
+    return
+  }
+  const comp = root.get().asInstanceOf(componentDefinition)
+  comp?.restart()
+}

package/src/events.ts

@@ -0,0 +1,97 @@
+import { type builder } from 'glass-easel-miniprogram-adapter/dist/glass_easel_miniprogram_adapter'
+import { type protocol, setEventHandler } from './message_channel'
+
+export class EventDispatcher<
+  N extends string,
+  K extends string | number,
+  T extends { [k in N]: K },
+> {
+  private keyName: N
+  private listeners = Object.create(null) as { [key: string | number]: ((args: T) => void)[] }
+
+  constructor(keyName: N) {
+    this.keyName = keyName
+  }
+
+  addListener(key: K, func: (args: T) => void) {
+    if (this.listeners[key]) this.listeners[key].push(func)
+    else this.listeners[key] = [func]
+  }
+
+  removeListener(key: K, func: (args: T) => void) {
+    if (this.listeners[key]) this.listeners[key] = this.listeners[key].filter((x) => x !== func)
+  }
+
+  bindComponentLifetimes(
+    ctx: builder.BuilderContext<any, any, any>,
+    getKey: () => K,
+    func: (args: T) => void,
+  ) {
+    const { lifetime } = ctx
+    lifetime('attached', () => {
+      this.addListener(getKey(), func)
+    })
+    lifetime('detached', () => {
+      this.removeListener(getKey(), func)
+    })
+  }
+
+  dispatch(args: T) {
+    const funcArr = this.listeners[args[this.keyName]]
+    funcArr?.forEach((f) => f(args))
+  }
+}
+
+export const childNodeCountUpdated = new EventDispatcher<
+  'nodeId',
+  protocol.NodeId,
+  protocol.dom.ChildNodeCountUpdated['detail']
+>('nodeId')
+setEventHandler('DOM.childNodeCountUpdated', (args) => {
+  childNodeCountUpdated.dispatch(args)
+})
+
+export const setChildNodes = new EventDispatcher<
+  'parentId',
+  protocol.NodeId,
+  protocol.dom.SetChildNodes['detail']
+>('parentId')
+setEventHandler('DOM.setChildNodes', (args) => {
+  setChildNodes.dispatch(args)
+})
+
+export const childNodeInserted = new EventDispatcher<
+  'parentNodeId',
+  protocol.NodeId,
+  protocol.dom.ChildNodeInserted['detail']
+>('parentNodeId')
+setEventHandler('DOM.childNodeInserted', (args) => {
+  childNodeInserted.dispatch(args)
+})
+
+export const childNodeRemoved = new EventDispatcher<
+  'parentNodeId',
+  protocol.NodeId,
+  protocol.dom.ChildNodeRemoved['detail']
+>('parentNodeId')
+setEventHandler('DOM.childNodeRemoved', (args) => {
+  childNodeRemoved.dispatch(args)
+})
+
+export const characterDataModified = new EventDispatcher<
+  'nodeId',
+  protocol.NodeId,
+  protocol.dom.CharacterDataModified['detail']
+>('nodeId')
+setEventHandler('DOM.characterDataModified', (args) => {
+  characterDataModified.dispatch(args)
+})
+
+export const attributeModified = new EventDispatcher<
+  'nodeId',
+  protocol.NodeId,
+  protocol.dom.AttributeModified['detail']
+>('nodeId')
+setEventHandler('DOM.attributeModified', (args) => {
+  attributeModified.dispatch(args)
+})

package/src/global_components/image/image.json

@@ -0,0 +1,3 @@
+{
+  "component": true
+}

package/src/global_components/image/image.ts

@@ -0,0 +1 @@
+export const componentDefinition = Component().property('src', String).register()

package/src/global_components/image/image.wxml

@@ -0,0 +1 @@
+<img src="{{ src }}" />

package/src/global_components/image/image.wxss

@@ -0,0 +1,3 @@
+:host {
+  display: block;
+}

package/src/global_components/index.ts

@@ -0,0 +1,12 @@
+import { type glassEasel, type CodeSpace } from 'glass-easel-miniprogram-adapter'
+import * as view from './view/view'
+
+const getCompDef = (def: unknown): glassEasel.GeneralComponentDefinition => {
+  const d = def as { _$: glassEasel.GeneralComponentDefinition }
+  return d._$
+}
+
+export const loadGlobalComponents = (codeSpace: CodeSpace) => {
+  const space = codeSpace.getComponentSpace()
+  space.setGlobalUsingComponent('view', getCompDef(view.componentDefinition))
+}

package/src/global_components/view/view.json

@@ -0,0 +1,3 @@
+{
+  "component": true
+}

package/src/global_components/view/view.ts

@@ -0,0 +1,40 @@
+export const componentDefinition = Component()
+  .options({
+    virtualHost: true,
+  })
+  .externalClasses(['class', 'hover-class'])
+  .property('style', String)
+  .property('hidden', Boolean)
+  .data(() => ({
+    hover: false,
+  }))
+  .init(({ self, setData, listener }) => {
+    const hoverStart = listener((ev) => {
+      setData({ hover: true })
+      self.triggerEvent('mouseenter', ev.detail, {})
+    })
+    const hoverEnd = listener((ev) => {
+      setData({ hover: false })
+      self.triggerEvent('mouseleave', ev.detail, {})
+    })
+    const mousedown = listener((ev) => {
+      self.triggerEvent('mousedown', ev.detail, {})
+    })
+    const mousemove = listener((ev) => {
+      self.triggerEvent('mousemove', ev.detail, {})
+    })
+    const mouseup = listener((ev) => {
+      self.triggerEvent('mouseup', ev.detail, {})
+    })
+    const touchstart = listener((ev) => {
+      self.triggerEvent('touchstart', ev.detail, {})
+    })
+    const touchmove = listener((ev) => {
+      self.triggerEvent('touchmove', ev.detail, {})
+    })
+    const touchend = listener((ev) => {
+      self.triggerEvent('touchend', ev.detail, {})
+    })
+    return { hoverStart, hoverEnd, mousedown, mousemove, mouseup, touchstart, touchmove, touchend }
+  })
+  .register()

package/src/global_components/view/view.wxml

@@ -0,0 +1,14 @@
+<div
+  class="class {{ hover ? 'hover-class' : '' }}"
+  style="{{ hidden ? 'display: none;' : '' }}{{ style }}"
+  bind:mouseenter="hoverStart"
+  bind:mouseleave="hoverEnd"
+  bind:mousedown="mousedown"
+  bind:mousemove="mousemove"
+  bind:mouseup="mouseup"
+  bind:touchstart="touchstart"
+  bind:touchmove="touchmove"
+  bind:touchend="touchend"
+>
+  <slot/>
+</div>

package/src/message_channel.ts

@@ -0,0 +1,70 @@
+import type { protocol } from 'glass-easel-devtools-agent'
+import { error, warn, debug } from './utils'
+
+export { protocol } from 'glass-easel-devtools-agent'
+
+export type PanelRecvMessage = protocol.AgentSendMessage
+export type PanelSendMessage = protocol.AgentRecvMessage
+
+export interface MessageChannel {
+  send(data: PanelSendMessage): void
+  recv(listener: (data: PanelRecvMessage) => void): void
+}
+
+let messageChannel: MessageChannel | null = null
+const eventHandlers = Object.create(null) as Record<string, (data: any) => void>
+const requestCallbacks = Object.create(null) as Record<number, (data: any) => void>
+let requestIdInc = 1
+
+export const setMessageChannel = (mc: MessageChannel) => {
+  messageChannel = mc
+  messageChannel.recv((data) => {
+    if (data.kind === 'event') {
+      const handler = eventHandlers[data.name]
+      if (!handler) {
+        warn(`missing event handler for ${data.name}`)
+      } else {
+        debug(`recv event`, data.name, data.detail)
+        handler(data.detail)
+      }
+    } else if (data.kind === 'response') {
+      const requestId = data.id
+      const callback = requestCallbacks[requestId]
+      if (!callback) {
+        warn(`illegal response for request ${requestId}`)
+      } else {
+        delete requestCallbacks[requestId]
+        debug(`recv response ${requestId}`, data.detail)
+        callback(data.detail)
+      }
+    } else if (data.kind === 'error') {
+      const requestId = data.id
+      const callback = requestCallbacks[requestId]
+      if (!callback) {
+        warn(`illegal error response for request ${requestId}`)
+      } else {
+        error(`request error for request ${requestId}: ${data.message || '(unknown)'}`, data.stack)
+      }
+    }
+  })
+}
+
+export const setEventHandler = <T extends keyof protocol.AgentEventKind>(
+  name: T,
+  handler: (detail: protocol.AgentEventKind[T]['detail']) => void,
+) => {
+  eventHandlers[name] = handler
+}
+
+export const sendRequest = <T extends keyof protocol.AgentRequestKind>(
+  name: T,
+  detail: protocol.AgentRequestKind[T]['request'],
+): Promise<protocol.AgentRequestKind[T]['response']> => {
+  const requestId = requestIdInc
+  requestIdInc += 1
+  return new Promise((resolve): void => {
+    requestCallbacks[requestId] = resolve
+    debug(`send request ${requestId}`, name, detail)
+    messageChannel?.send({ kind: 'request', id: requestId, name, detail })
+  })
+}

package/src/pages/common.wxss

@@ -0,0 +1,12 @@
+@common-text: #888;
+@important-text: #222;
+@primary-bg: #eee;
+@secondary-bg: #ccc;
+@selected-bg: #add;
+@hover-bg: #ace;
+@update-bg: #dd8;
+
+@tag-name: #408;
+@core-attribute-name: #084;
+@property-name: #06a;
+@attribute-value: #840;

package/src/pages/detail/detail.json

@@ -0,0 +1,7 @@
+{
+  "component": true,
+  "usingComponents": {
+    "value": "./value",
+    "detail-section": "./section"
+  }
+}