@superblocksteam/library 2.0.61 → 2.0.62

package/dist/{devtools-consolidated-Dm9AFGZs.js → devtools-consolidated-CSZHv1_D.js}

@@ -1,6 +1,6 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import React, { useCallback, useEffect } from "react";
 import { makeAutoObservable, toJS } from "mobx";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { observer } from "mobx-react-lite";
 import { createPortal } from "react-dom";
 import { JsonView } from "react-json-view-lite";
@@ -209,4 +209,4 @@ function initializeCustomDevTools() {
 
 //#endregion
 export { CustomDevTools, initializeCustomDevTools, setRegisteredStores };
-//# sourceMappingURL=devtools-consolidated-Dm9AFGZs.js.map
+//# sourceMappingURL=devtools-consolidated-CSZHv1_D.js.map

package/dist/{devtools-consolidated-Dm9AFGZs.js.map → devtools-consolidated-CSZHv1_D.js.map}

@@ -1 +1 @@
-{"version":3,"file":"devtools-consolidated-Dm9AFGZs.js","names":["result: any","registeredStores: Record<string, any>","overlayStyles: React.CSSProperties","panelStyles: React.CSSProperties","headerStyles: React.CSSProperties","closeButtonStyles: React.CSSProperties","contentStyles: React.CSSProperties","DevToolsPanelContent: React.FC","CustomDevTools: React.FC"],"sources":["../src/lib/internal-details/lib/devtools/serialize-store-data.tsx","../src/lib/internal-details/lib/devtools/devtools-consolidated.tsx"],"sourcesContent":["import { toJS } from \"mobx\";\n\nexport function serializeStoreData(\n  stores_: Record<string, any>,\n): Record<string, any> {\n  try {\n    const stores = toJS(stores_);\n    const seen = new Set();\n    function serialize(obj: any): any {\n      if (obj === null || typeof obj !== \"object\") {\n        return obj;\n      }\n\n      if (seen.has(obj)) {\n        return \"[Already Seen]\";\n      }\n\n      // Create new path for this branch of recursion\n      seen.add(obj);\n\n      if (Array.isArray(obj)) {\n        return obj.map(serialize);\n      }\n\n      const result: any = {};\n\n      for (const key of Object.keys(obj)) {\n        if (typeof obj[key] === \"function\") {\n          result[key] = \"[Function]\";\n        }\n\n        try {\n          const descriptor = Object.getOwnPropertyDescriptor(obj, key);\n          if (descriptor && descriptor.get) {\n            try {\n              result[key] = serialize(obj[key]);\n            } catch {\n              result[key] = \"[Getter Error]\";\n            }\n          } else {\n            result[key] = serialize(obj[key]);\n          }\n        } catch {\n          result[key] = \"[Access Error]\";\n        }\n      }\n\n      // Add type information\n      if (obj.constructor && obj.constructor.name !== \"Object\") {\n        result.__type__ = obj.constructor.name;\n      }\n\n      return result;\n    }\n\n    return serialize(stores);\n  } catch (error) {\n    return {\n      error: `Error serializing data: ${error instanceof Error ? error.message : \"Unknown error\"}`,\n    };\n  }\n}\n","import { makeAutoObservable } from \"mobx\";\nimport { observer } from \"mobx-react-lite\";\nimport React, { useCallback, useEffect } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { JsonView } from \"react-json-view-lite\";\nimport \"react-json-view-lite/dist/index.css\";\nimport { serializeStoreData } from \"./serialize-store-data.js\";\n\n// ============================================================================\n// STATE MANAGEMENT\n// ============================================================================\n\nclass DevToolsState {\n  isVisible = false;\n\n  constructor() {\n    makeAutoObservable(this);\n  }\n\n  show() {\n    this.isVisible = true;\n  }\n\n  hide() {\n    this.isVisible = false;\n  }\n\n  toggle() {\n    this.isVisible = !this.isVisible;\n  }\n}\n\nconst devToolsState = new DevToolsState();\n\n// ============================================================================\n// KEYBOARD SHORTCUT MANAGER\n// ============================================================================\n\nclass KeyboardShortcutManager {\n  private isListening = false;\n  private shortcutKeys = {\n    key: \"KeyD\",\n    ctrlKey: true,\n    shiftKey: true,\n    altKey: false,\n  };\n\n  constructor() {\n    this.handleKeyDown = this.handleKeyDown.bind(this);\n  }\n\n  private handleKeyDown(event: KeyboardEvent) {\n    const { ctrlKey, shiftKey, altKey, metaKey } = event;\n    const isModifierMatch = (ctrlKey || metaKey) && shiftKey && !altKey;\n    const isKeyMatch = event.code === this.shortcutKeys.key;\n    if (isModifierMatch && isKeyMatch) {\n      event.preventDefault();\n      event.stopPropagation();\n      devToolsState.toggle();\n    }\n  }\n\n  private handleEscapeKey = (event: KeyboardEvent) => {\n    if (event.key === \"Escape\" && devToolsState.isVisible) {\n      event.preventDefault();\n      devToolsState.hide();\n    }\n  };\n\n  startListening() {\n    if (this.isListening) return;\n\n    this.isListening = true;\n    document.addEventListener(\"keydown\", this.handleKeyDown, true);\n    document.addEventListener(\"keydown\", this.handleEscapeKey, true);\n  }\n\n  stopListening() {\n    if (!this.isListening) return;\n\n    this.isListening = false;\n    document.removeEventListener(\"keydown\", this.handleKeyDown, true);\n    document.removeEventListener(\"keydown\", this.handleEscapeKey, true);\n  }\n\n  updateShortcut(options: Partial<typeof this.shortcutKeys>) {\n    this.shortcutKeys = { ...this.shortcutKeys, ...options };\n  }\n}\n\nconst keyboardShortcutManager = new KeyboardShortcutManager();\n\n// ============================================================================\n// STORE ACCESS\n// ============================================================================\n\n// This will be populated by the registerStores function\nlet registeredStores: Record<string, any> = {};\n\nexport function setRegisteredStores(stores: Record<string, any>) {\n  registeredStores = stores;\n}\n\nfunction getRegisteredStores() {\n  return registeredStores;\n}\n\n// ============================================================================\n// DEVTOOLS PANEL COMPONENT\n// ============================================================================\n\nconst overlayStyles: React.CSSProperties = {\n  position: \"fixed\",\n  top: 0,\n  left: 0,\n  right: 0,\n  bottom: 0,\n  backgroundColor: \"rgba(0, 0, 0, 0.5)\",\n  zIndex: 9999,\n};\n\nconst panelStyles: React.CSSProperties = {\n  position: \"fixed\",\n  top: \"50%\",\n  left: \"50%\",\n  transform: \"translate(-50%, -50%)\",\n  width: \"90vw\",\n  height: \"90vh\",\n  backgroundColor: \"#fff\",\n  zIndex: 10000,\n  display: \"flex\",\n  flexDirection: \"column\",\n  borderRadius: 12,\n};\n\nconst headerStyles: React.CSSProperties = {\n  padding: 12,\n  borderBottom: \"1px solid #ccc\",\n  display: \"flex\",\n  justifyContent: \"space-between\",\n  alignItems: \"center\",\n};\n\nconst closeButtonStyles: React.CSSProperties = {\n  background: \"none\",\n  border: \"none\",\n  cursor: \"pointer\",\n};\n\nconst contentStyles: React.CSSProperties = {\n  padding: 8,\n  display: \"flex\",\n  flex: 1,\n  overflow: \"auto\",\n  flexDirection: \"column\",\n};\n\nconst DevToolsPanelContent: React.FC = observer(() => {\n  const stores = getRegisteredStores();\n  const storeNames = Object.keys(stores);\n\n  const serializedData = serializeStoreData(stores);\n  const onClose = useCallback(() => {\n    devToolsState.hide();\n  }, []);\n\n  return createPortal(\n    <>\n      <div style={overlayStyles} onClick={onClose} />\n      <div style={panelStyles}>\n        <div style={headerStyles}>\n          <h3>\n            MobX DevTools ({storeNames.length} store\n            {storeNames.length !== 1 ? \"s\" : \"\"})\n          </h3>\n          <button\n            style={closeButtonStyles}\n            onClick={onClose}\n            title=\"Close (ESC)\"\n          >\n            ×\n          </button>\n        </div>\n        {storeNames.length === 0 ? (\n          <div>No stores registered yet.</div>\n        ) : (\n          <div style={contentStyles}>\n            <JsonView\n              data={serializedData}\n              clickToExpandNode={true}\n              shouldExpandNode={(level) => level < 2}\n            />\n          </div>\n        )}\n      </div>\n    </>,\n    document.body,\n  );\n});\n\n// ============================================================================\n// PROVIDER COMPONENT\n// ============================================================================\n\nexport const CustomDevTools: React.FC = observer(() => {\n  useEffect(() => {\n    if (devToolsState.isVisible) {\n      const handleEscape = (event: KeyboardEvent) => {\n        if (event.key === \"Escape\") {\n          devToolsState.hide();\n        }\n      };\n      document.addEventListener(\"keydown\", handleEscape);\n      return () => document.removeEventListener(\"keydown\", handleEscape);\n    }\n  }, []);\n\n  if (!devToolsState.isVisible) {\n    return null;\n  }\n\n  return <DevToolsPanelContent />;\n});\n\n// ============================================================================\n// INITIALIZATION\n// ============================================================================\n\nexport function initializeCustomDevTools() {\n  keyboardShortcutManager.startListening();\n  console.log(\n    \"[CustomDevTools] Initialized - Press Ctrl+Shift+D (or Cmd+Shift+D) to open\",\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"devtools-consolidated-CSZHv1_D.js","names":["result: any","registeredStores: Record<string, any>","overlayStyles: React.CSSProperties","panelStyles: React.CSSProperties","headerStyles: React.CSSProperties","closeButtonStyles: React.CSSProperties","contentStyles: React.CSSProperties","DevToolsPanelContent: React.FC","CustomDevTools: React.FC"],"sources":["../src/lib/internal-details/lib/devtools/serialize-store-data.tsx","../src/lib/internal-details/lib/devtools/devtools-consolidated.tsx"],"sourcesContent":["import { toJS } from \"mobx\";\n\nexport function serializeStoreData(\n  stores_: Record<string, any>,\n): Record<string, any> {\n  try {\n    const stores = toJS(stores_);\n    const seen = new Set();\n    function serialize(obj: any): any {\n      if (obj === null || typeof obj !== \"object\") {\n        return obj;\n      }\n\n      if (seen.has(obj)) {\n        return \"[Already Seen]\";\n      }\n\n      // Create new path for this branch of recursion\n      seen.add(obj);\n\n      if (Array.isArray(obj)) {\n        return obj.map(serialize);\n      }\n\n      const result: any = {};\n\n      for (const key of Object.keys(obj)) {\n        if (typeof obj[key] === \"function\") {\n          result[key] = \"[Function]\";\n        }\n\n        try {\n          const descriptor = Object.getOwnPropertyDescriptor(obj, key);\n          if (descriptor && descriptor.get) {\n            try {\n              result[key] = serialize(obj[key]);\n            } catch {\n              result[key] = \"[Getter Error]\";\n            }\n          } else {\n            result[key] = serialize(obj[key]);\n          }\n        } catch {\n          result[key] = \"[Access Error]\";\n        }\n      }\n\n      // Add type information\n      if (obj.constructor && obj.constructor.name !== \"Object\") {\n        result.__type__ = obj.constructor.name;\n      }\n\n      return result;\n    }\n\n    return serialize(stores);\n  } catch (error) {\n    return {\n      error: `Error serializing data: ${error instanceof Error ? error.message : \"Unknown error\"}`,\n    };\n  }\n}\n","import { makeAutoObservable } from \"mobx\";\nimport { observer } from \"mobx-react-lite\";\nimport React, { useCallback, useEffect } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { JsonView } from \"react-json-view-lite\";\nimport \"react-json-view-lite/dist/index.css\";\nimport { serializeStoreData } from \"./serialize-store-data.js\";\n\n// ============================================================================\n// STATE MANAGEMENT\n// ============================================================================\n\nclass DevToolsState {\n  isVisible = false;\n\n  constructor() {\n    makeAutoObservable(this);\n  }\n\n  show() {\n    this.isVisible = true;\n  }\n\n  hide() {\n    this.isVisible = false;\n  }\n\n  toggle() {\n    this.isVisible = !this.isVisible;\n  }\n}\n\nconst devToolsState = new DevToolsState();\n\n// ============================================================================\n// KEYBOARD SHORTCUT MANAGER\n// ============================================================================\n\nclass KeyboardShortcutManager {\n  private isListening = false;\n  private shortcutKeys = {\n    key: \"KeyD\",\n    ctrlKey: true,\n    shiftKey: true,\n    altKey: false,\n  };\n\n  constructor() {\n    this.handleKeyDown = this.handleKeyDown.bind(this);\n  }\n\n  private handleKeyDown(event: KeyboardEvent) {\n    const { ctrlKey, shiftKey, altKey, metaKey } = event;\n    const isModifierMatch = (ctrlKey || metaKey) && shiftKey && !altKey;\n    const isKeyMatch = event.code === this.shortcutKeys.key;\n    if (isModifierMatch && isKeyMatch) {\n      event.preventDefault();\n      event.stopPropagation();\n      devToolsState.toggle();\n    }\n  }\n\n  private handleEscapeKey = (event: KeyboardEvent) => {\n    if (event.key === \"Escape\" && devToolsState.isVisible) {\n      event.preventDefault();\n      devToolsState.hide();\n    }\n  };\n\n  startListening() {\n    if (this.isListening) return;\n\n    this.isListening = true;\n    document.addEventListener(\"keydown\", this.handleKeyDown, true);\n    document.addEventListener(\"keydown\", this.handleEscapeKey, true);\n  }\n\n  stopListening() {\n    if (!this.isListening) return;\n\n    this.isListening = false;\n    document.removeEventListener(\"keydown\", this.handleKeyDown, true);\n    document.removeEventListener(\"keydown\", this.handleEscapeKey, true);\n  }\n\n  updateShortcut(options: Partial<typeof this.shortcutKeys>) {\n    this.shortcutKeys = { ...this.shortcutKeys, ...options };\n  }\n}\n\nconst keyboardShortcutManager = new KeyboardShortcutManager();\n\n// ============================================================================\n// STORE ACCESS\n// ============================================================================\n\n// This will be populated by the registerStores function\nlet registeredStores: Record<string, any> = {};\n\nexport function setRegisteredStores(stores: Record<string, any>) {\n  registeredStores = stores;\n}\n\nfunction getRegisteredStores() {\n  return registeredStores;\n}\n\n// ============================================================================\n// DEVTOOLS PANEL COMPONENT\n// ============================================================================\n\nconst overlayStyles: React.CSSProperties = {\n  position: \"fixed\",\n  top: 0,\n  left: 0,\n  right: 0,\n  bottom: 0,\n  backgroundColor: \"rgba(0, 0, 0, 0.5)\",\n  zIndex: 9999,\n};\n\nconst panelStyles: React.CSSProperties = {\n  position: \"fixed\",\n  top: \"50%\",\n  left: \"50%\",\n  transform: \"translate(-50%, -50%)\",\n  width: \"90vw\",\n  height: \"90vh\",\n  backgroundColor: \"#fff\",\n  zIndex: 10000,\n  display: \"flex\",\n  flexDirection: \"column\",\n  borderRadius: 12,\n};\n\nconst headerStyles: React.CSSProperties = {\n  padding: 12,\n  borderBottom: \"1px solid #ccc\",\n  display: \"flex\",\n  justifyContent: \"space-between\",\n  alignItems: \"center\",\n};\n\nconst closeButtonStyles: React.CSSProperties = {\n  background: \"none\",\n  border: \"none\",\n  cursor: \"pointer\",\n};\n\nconst contentStyles: React.CSSProperties = {\n  padding: 8,\n  display: \"flex\",\n  flex: 1,\n  overflow: \"auto\",\n  flexDirection: \"column\",\n};\n\nconst DevToolsPanelContent: React.FC = observer(() => {\n  const stores = getRegisteredStores();\n  const storeNames = Object.keys(stores);\n\n  const serializedData = serializeStoreData(stores);\n  const onClose = useCallback(() => {\n    devToolsState.hide();\n  }, []);\n\n  return createPortal(\n    <>\n      <div style={overlayStyles} onClick={onClose} />\n      <div style={panelStyles}>\n        <div style={headerStyles}>\n          <h3>\n            MobX DevTools ({storeNames.length} store\n            {storeNames.length !== 1 ? \"s\" : \"\"})\n          </h3>\n          <button\n            style={closeButtonStyles}\n            onClick={onClose}\n            title=\"Close (ESC)\"\n          >\n            ×\n          </button>\n        </div>\n        {storeNames.length === 0 ? (\n          <div>No stores registered yet.</div>\n        ) : (\n          <div style={contentStyles}>\n            <JsonView\n              data={serializedData}\n              clickToExpandNode={true}\n              shouldExpandNode={(level) => level < 2}\n            />\n          </div>\n        )}\n      </div>\n    </>,\n    document.body,\n  );\n});\n\n// ============================================================================\n// PROVIDER COMPONENT\n// ============================================================================\n\nexport const CustomDevTools: React.FC = observer(() => {\n  useEffect(() => {\n    if (devToolsState.isVisible) {\n      const handleEscape = (event: KeyboardEvent) => {\n        if (event.key === \"Escape\") {\n          devToolsState.hide();\n        }\n      };\n      document.addEventListener(\"keydown\", handleEscape);\n      return () => document.removeEventListener(\"keydown\", handleEscape);\n    }\n  }, []);\n\n  if (!devToolsState.isVisible) {\n    return null;\n  }\n\n  return <DevToolsPanelContent />;\n});\n\n// ============================================================================\n// INITIALIZATION\n// ============================================================================\n\nexport function initializeCustomDevTools() {\n  keyboardShortcutManager.startListening();\n  console.log(\n    \"[CustomDevTools] Initialized - Press Ctrl+Shift+D (or Cmd+Shift+D) to open\",\n  );\n}\n"],"mappings":"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"}

package/dist/jsx-dev-runtime/index.js

@@ -1,4 +1,4 @@
-import { D as api_hmr_tracker_default, _ as root_store_default, t as makeWrappedComponent } from "../jsx-wrapper-BaEUS0A1.js";
+import { D as api_hmr_tracker_default, _ as root_store_default, t as makeWrappedComponent } from "../jsx-wrapper-DXTcuKmN.js";
 import "../utils-AzBGeVXo.js";
 import * as ReactJsxDevRuntime from "react/jsx-dev-runtime";
 import { SOURCE_ID_ATTRIBUTE } from "@superblocksteam/library-shared";

package/dist/{jsx-wrapper-BaEUS0A1.js → jsx-wrapper-DXTcuKmN.js}

@@ -1,4 +1,5 @@
 import { t as getTracer } from "./utils-AzBGeVXo.js";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { NO_SELECT_ATTRIBUTE, SELECTOR_ID_ATTRIBUTE, SOURCE_ID_ATTRIBUTE, URL_PARAMS, getQueryParams, pathStringToArray, toMobXPatch } from "@superblocksteam/library-shared";
 import * as React$1 from "react";
 import React, { Component, createContext, isValidElement, useCallback, useContext, useEffect, useMemo, useRef, useSyncExternalStore } from "react";
@@ -10,7 +11,6 @@ import { NotificationPosition } from "@superblocksteam/library-shared/types";
 import isString from "lodash/isString";
 import { toast } from "sonner";
 import styled, { keyframes } from "styled-components";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { ROOT_CONTEXT, context, propagation, trace } from "@opentelemetry/api";
 import diff from "microdiff";
 import { InputType, PropsCategory } from "@superblocksteam/library-shared/props";
@@ -3446,4 +3446,4 @@ const useJSXContext = () => {
 
 //#endregion
 export { SuperblocksContextProvider as A, iframeMessageHandler as B, startEditorSync as C, api_hmr_tracker_default as D, getContextFromTraceHeaders as E, useSuperblocksUser as F, isEditMode as H, sendNotification as I, colors as L, useSuperblocksContext as M, useSuperblocksGroups as N, rejectById as O, useSuperblocksProfiles as P, editorBridge as R, createPropertiesPanelDefinition as S, createIframeSpan as T, isEmbeddedBySuperblocksFirstParty as V, root_store_default as _, FixWithClarkButton as a, PropsCategory as b, ErrorContent as c, ErrorMessage as d, ErrorStack as f, StyledClarkIcon as g, SecondaryButton as h, getWidgetRectAnchorName as i, getAppMode as j, resolveById as k, ErrorDetails as l, ErrorTitle as m, useJSXContext as n, ActionsContainer as o, ErrorSummary as p, getWidgetAnchorName as r, ErrorContainer as s, makeWrappedComponent as t, ErrorIconContainer as u, createManagedPropsList as v, generateId as w, Section as x, Prop as y, getEditStore as z };
-//# sourceMappingURL=jsx-wrapper-BaEUS0A1.js.map
+//# sourceMappingURL=jsx-wrapper-DXTcuKmN.js.map