@foldkit/devtools 0.112.5 → 0.113.1

package/dist/overlay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"overlay.d.ts","sourceRoot":"","sources":["../src/overlay.ts"],"names":[],"mappings":"AACA,OAAO,EAEL,OAAO,EACP,MAAM,EAGN,OAAO,EAGP,MAAM,EAKN,MAAM,IAAI,CAAC,EAGX,eAAe,EAEhB,MAAM,QAAQ,CAAA;AACf,OAAO,KAAK,OAAO,MAAM,iBAAiB,CAAA;AAC1C,OAAO,EACL,KAAK,aAAa,EAElB,KAAK,aAAa,EAGlB,KAAK,WAAW,EAChB,KAAK,UAAU,EAKhB,MAAM,uBAAuB,CAAA;AAW9B,OAAO,KAAK,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAA;;oFA2D/B,CAAC;;;;;;;;;;;;;;;;;AAmPvC,cAAM,YAAa,SAAQ,iBAE1B;CAAG;;AAEJ,cAAM,iBAAkB,SAAQ,sBAGC;CAAG;AAEpC,eAAO,MAAM,UAAU;;iBAGsB,CAAA;AAE7C,eAAO,MAAM,YAAY;;iBAGwB,CAAA;AAWjD,eAAO,MAAM,MAAM;;;;wBAUlB,CAAA;AAED,eAAO,MAAM,YAAY;;;;;;;;wBAIqB,CAAA;AAE9C,eAAO,MAAM,aAAa;;;;;;wBASzB,CAAA;AAED,eAAO,MAAM,MAAM;;wBASlB,CAAA;AAED,eAAO,MAAM,KAAK;;wBASjB,CAAA;AAED,eAAO,MAAM,WAAW;;6BAYvB,CAAA;AA+rDD,eAAO,MAAM,aAAa,GACxB,OAAO,aAAa,EACpB,UAAU,gBAAgB,EAC1B,MAAM,YAAY,EAClB,aAAa,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,6DAuEhC,CAAA"}
+{"version":3,"file":"overlay.d.ts","sourceRoot":"","sources":["../src/overlay.ts"],"names":[],"mappings":"AACA,OAAO,EAEL,OAAO,EACP,MAAM,EAGN,OAAO,EAGP,MAAM,EAKN,MAAM,IAAI,CAAC,EAGX,eAAe,EAEhB,MAAM,QAAQ,CAAA;AACf,OAAO,KAAK,OAAO,MAAM,iBAAiB,CAAA;AAC1C,OAAO,EACL,KAAK,aAAa,EAElB,KAAK,aAAa,EAGlB,KAAK,WAAW,EAChB,KAAK,UAAU,EAKhB,MAAM,uBAAuB,CAAA;AAW9B,OAAO,KAAK,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAA;;oFA2D/B,CAAC;;;;;;;;;;;;;;;;;AAmPvC,cAAM,YAAa,SAAQ,iBAE1B;CAAG;;AAEJ,cAAM,iBAAkB,SAAQ,sBAGC;CAAG;AAEpC,eAAO,MAAM,UAAU;;iBAGsB,CAAA;AAE7C,eAAO,MAAM,YAAY;;iBAGwB,CAAA;AAWjD,eAAO,MAAM,MAAM;;;;wBAUlB,CAAA;AAED,eAAO,MAAM,YAAY;;;;;;;;wBAIqB,CAAA;AAE9C,eAAO,MAAM,aAAa;;;;;;wBASzB,CAAA;AAED,eAAO,MAAM,MAAM;;wBASlB,CAAA;AAED,eAAO,MAAM,KAAK;;wBASjB,CAAA;AAED,eAAO,MAAM,WAAW;;6BAYvB,CAAA;AAwsDD,eAAO,MAAM,aAAa,GACxB,OAAO,aAAa,EACpB,UAAU,gBAAgB,EAC1B,MAAM,YAAY,EAClB,aAAa,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,6DAuEhC,CAAA"}

package/dist/overlay.js

@@ -529,8 +529,8 @@ const makeView = (position, mode, shadow, maybeBanner) => {
         ], []),
     ]);
     const tagLabelView = (tag) => h.span([h.Key('tag'), h.Class('json-tag')], [tag]);
-    const diffDotView = h.span([h.Key('diffdot'), h.Class('diff-dot')], []);
-    const inlineDiffDotView = h.span([h.Class('diff-dot-inline')], []);
+    const diffDotView = () => h.span([h.Key('diffdot'), h.Class('diff-dot')], []);
+    const inlineDiffDotView = () => h.span([h.Class('diff-dot-inline')], []);
     const flattenTree = ({ value, treePath, depth, key, ...shared }) => {
         const { rootPath, expandedPaths, changedPaths, affectedPaths, accumulator, indentRootChildren, } = shared;
         const isRoot = treePath === rootPath;
@@ -583,7 +583,7 @@ const makeView = (position, mode, shadow, maybeBanner) => {
                 })),
                 indent,
             ], [
-                ...(hasDiffDot ? [diffDotView] : []),
+                ...(hasDiffDot ? [diffDotView()] : []),
                 ...(String_.isNonEmpty(key) ? [keyView(key)] : []),
                 leafValueView(value),
             ]);
@@ -603,7 +603,7 @@ const makeView = (position, mode, shadow, maybeBanner) => {
             ...(isRoot ? [] : [h.OnClick(ToggledTreeNode({ path: treePath }))]),
         ], [
             ...(isRoot ? [] : [arrowView(isExpanded)]),
-            ...(!isRoot && hasDiffDot ? [diffDotView] : []),
+            ...(!isRoot && hasDiffDot ? [diffDotView()] : []),
             ...(String_.isNonEmpty(key) ? [keyView(key)] : []),
             ...(String_.isNonEmpty(tag) ? [tagLabelView(tag)] : []),
             h.span([h.Key('value'), h.Class('json-preview')], [preview]),
@@ -657,7 +657,7 @@ const makeView = (position, mode, shadow, maybeBanner) => {
                 : `+${remainingMs.toFixed(1)}ms`;
         }), Option.getOrElse(() => ''));
     };
-    const emptyInspectorView = h.div([
+    const emptyInspectorView = () => h.div([
         h.Class('flex-1 flex items-center justify-center text-dt-muted text-2xs font-mono min-w-0'),
     ], ['Click a message to inspect']);
     const noMessageView = h.div([
@@ -860,7 +860,7 @@ const makeView = (position, mode, shadow, maybeBanner) => {
                             : [h.Style({ display: 'none' })]),
                     ], [
                         Option.match(model.maybeInspectedModel, {
-                            onNone: () => emptyInspectorView,
+                            onNone: () => emptyInspectorView(),
                             onSome: inspectedModel => inspectorTabContent(model, tab.value, inspectedModel),
                         }),
                     ])),
@@ -901,7 +901,7 @@ const makeView = (position, mode, shadow, maybeBanner) => {
     const clearHistoryButton = h.button([h.Class(headerButtonClass), h.OnClick(ClickedClear())], ['Clear history']);
     const submodelLabel = (tag) => pipe(tag, String_.replace(/^Got/, ''), String_.replace(/Message$/, ''));
     const CHECK_ICON = 'M4.5 12.75l6 6 9-13.5';
-    const checkIconView = h.svg([
+    const checkIconView = () => h.svg([
         h.AriaHidden(true),
         h.Class('dt-filter-check shrink-0'),
         h.Xmlns('http://www.w3.org/2000/svg'),
@@ -910,11 +910,15 @@ const makeView = (position, mode, shadow, maybeBanner) => {
         h.StrokeWidth('2'),
         h.Stroke('currentColor'),
     ], [
-        h.path([h.D(CHECK_ICON), h.StrokeLinecap('round'), h.StrokeLinejoin('round')], []),
+        h.path([
+            h.D(CHECK_ICON),
+            h.StrokeLinecap('round'),
+            h.StrokeLinejoin('round'),
+        ], []),
     ]);
     const filterItemLabel = (item) => String_.isNonEmpty(item) ? submodelLabel(item) : 'All Messages';
     const ARROW_UP = 'M4.5 10.5L12 3m0 0l7.5 7.5M12 3v18';
-    const arrowUpIconView = h.svg([
+    const arrowUpIconView = () => h.svg([
         h.AriaHidden(true),
         h.Class('dt-scroll-pill-icon shrink-0'),
         h.Xmlns('http://www.w3.org/2000/svg'),
@@ -930,7 +934,7 @@ const makeView = (position, mode, shadow, maybeBanner) => {
         h.Class('dt-scroll-pill'),
         h.OnClick(ClickedScrollToTopPill()),
     ], [
-        arrowUpIconView,
+        arrowUpIconView(),
         h.span([h.Class('dt-scroll-pill-text')], ['Jump to top']),
     ]);
     const submodelFilterView = (model) => {
@@ -946,7 +950,7 @@ const makeView = (position, mode, shadow, maybeBanner) => {
                 items: [ALL_MESSAGES_VALUE, ...model.submodelTags],
                 itemToConfig: item => ({
                     className: 'dt-filter-item',
-                    content: h.div([h.Class('flex items-center gap-2')], [checkIconView, h.span([], [filterItemLabel(item)])]),
+                    content: h.div([h.Class('flex items-center gap-2')], [checkIconView(), h.span([], [filterItemLabel(item)])]),
                 }),
                 buttonContent: h.span([h.Class('flex flex-1 items-center justify-between')], [
                     h.span([], [buttonLabel]),
@@ -1007,12 +1011,12 @@ const makeView = (position, mode, shadow, maybeBanner) => {
         h.Class(clsx(ROW_BASE, { selected: isSelected })),
         h.OnClick(ClickedRow({ index: INIT_INDEX })),
     ], [
-        ...OptionExt.when(mode === 'TimeTravel', h.span([h.Class('pause-column')], isPausedHere ? [pauseIconView] : [])).pipe(Option.toArray),
+        ...OptionExt.when(mode === 'TimeTravel', h.span([h.Class('pause-column')], isPausedHere ? [pauseIconView()] : [])).pipe(Option.toArray),
         h.span([h.Class('dot-column')], []),
         h.span([h.Class(indexClass)], []),
         h.span([h.Class('text-base text-dt-muted font-mono')], ['init']),
     ]);
-    const pauseIconView = h.svg([
+    const pauseIconView = () => h.svg([
         h.AriaHidden(true),
         h.Class('dt-pause-icon'),
         h.Xmlns('http://www.w3.org/2000/svg'),
@@ -1031,8 +1035,8 @@ const makeView = (position, mode, shadow, maybeBanner) => {
         h.Class(clsx(ROW_BASE, { selected: isSelected })),
         h.OnClick(ClickedRow({ index: absoluteIndex })),
     ], [
-        ...OptionExt.when(mode === 'TimeTravel', h.span([h.Class('pause-column')], isPausedHere ? [pauseIconView] : [])).pipe(Option.toArray),
-        h.span([h.Class('dot-column')], isModelChanged ? [inlineDiffDotView] : []),
+        ...OptionExt.when(mode === 'TimeTravel', h.span([h.Class('pause-column')], isPausedHere ? [pauseIconView()] : [])).pipe(Option.toArray),
+        h.span([h.Class('dot-column')], isModelChanged ? [inlineDiffDotView()] : []),
         h.span([h.Class(indexClass)], [String(absoluteIndex + 1)]),
         h.span([h.Class('text-base text-dt font-mono flex-1 truncate')], [tag]),
         h.span([

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@foldkit/devtools",
-  "version": "0.112.5",
+  "version": "0.113.1",
   "description": "In-browser DevTools overlay for Foldkit applications",
   "type": "module",
   "main": "./dist/index.js",
@@ -17,21 +17,19 @@
     "dist"
   ],
   "peerDependencies": {
-    "@effect/platform-browser": "4.0.0-beta.78",
     "@foldkit/ui": "^0",
-    "effect": "4.0.0-beta.78",
+    "effect": "4.0.0-beta.83",
     "foldkit": "^0"
   },
   "dependencies": {
     "clsx": "^2.1.1"
   },
   "devDependencies": {
-    "@effect/platform-browser": "4.0.0-beta.78",
-    "effect": "4.0.0-beta.78",
+    "effect": "4.0.0-beta.83",
     "rimraf": "^6.1.3",
     "typescript": "^6.0.3",
-    "@foldkit/ui": "0.112.5",
-    "foldkit": "0.112.5"
+    "@foldkit/ui": "0.113.1",
+    "foldkit": "0.113.1"
   },
   "keywords": [
     "foldkit",