@trops/dash-core 0.1.24 → 0.1.27

package/dist/index.js

@@ -18138,7 +18138,10 @@ var ComponentManager = {
     var tempComponentMap = this.componentMap();
     // Handle both module exports (widgetConfig.default) and direct config objects
     var config = widgetConfig["default"] || widgetConfig;
-    tempComponentMap[widgetKey] = ComponentConfigModel(config);
+    // Use scoped id if available (e.g., "trops.clock.AnalogClockWidget"),
+    // otherwise fall back to the provided widgetKey for backward compatibility
+    var registrationKey = config.id || widgetKey;
+    tempComponentMap[registrationKey] = ComponentConfigModel(config);
     this.setComponentMap(tempComponentMap);
   },
   /**
@@ -18197,7 +18200,22 @@ var ComponentManager = {
       if (component && this.componentMap()) {
         if (ComponentManager.isLayoutContainer(component) === false) {
           var m = this.componentMap();
+          // Try exact match first (works for both scoped ids and legacy names)
           var cmp = component in m ? m[component] : null;
+
+          // Fallback: scan by config.name for backward compatibility
+          // Handles saved layouts that reference old-style names (e.g., "AnalogClockWidget")
+          // when the widget is now registered under a scoped id (e.g., "trops.clock.AnalogClockWidget")
+          if (cmp === null) {
+            for (var _i = 0, _Object$keys = Object.keys(m); _i < _Object$keys.length; _i++) {
+              var key = _Object$keys[_i];
+              if (m[key].name === component) {
+                cmp = m[key];
+                cmp["componentName"] = key;
+                return cmp;
+              }
+            }
+          }
           if (cmp !== null) {
             cmp["componentName"] = component;
             return cmp;
@@ -21333,10 +21351,23 @@ var PropTypes = /*@__PURE__*/getDefaultExportFromCjs(propTypesExports);
 function ownKeys$b(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$b(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 
-// Map of package names to the host app's module instances.
-// When the CJS bundle calls require("react"), it receives the
-// exact same React singleton the host app uses.
-var MODULE_MAP = {
+// Host-injected module references (e.g., "@trops/dash-core").
+// Set by the host app via setHostModules() after all modules are fully loaded,
+// avoiding the self-referential import that breaks under webpack scope hoisting.
+var _hostModules = {};
+
+/**
+ * Allow the host app to inject module references for the require shim.
+ * Called from Dash.js after importing dash-core, so the full namespace is available.
+ *
+ * @param {object} modules - Map of package names to module namespaces
+ */
+function setHostModules(modules) {
+  _hostModules = modules;
+}
+
+// Base modules that can be statically imported without circular issues.
+var BASE_MODULE_MAP = {
   react: React__namespace,
   "react-dom": ReactDOM__namespace,
   "@trops/dash-react": DashReact__namespace,
@@ -21352,13 +21383,16 @@ var MODULE_MAP = {
  * @returns {object} The module.exports from the evaluated bundle
  */
 function evaluateBundle(source, widgetName) {
+  // Merge base modules with host-provided modules (e.g., "@trops/dash-core")
+  // at call time so _hostModules is populated by the time widgets load.
+  var moduleMap = _objectSpread$b(_objectSpread$b({}, BASE_MODULE_MAP), _hostModules);
   var module = {
     exports: {}
   };
   var exports = module.exports;
   var require = function require(name) {
-    if (MODULE_MAP[name]) {
-      var mod = MODULE_MAP[name];
+    if (moduleMap[name]) {
+      var mod = moduleMap[name];
       // CJS interop: `import * as X` creates an ES module namespace where
       // named exports may live under `.default` (e.g. @trops/dash-react).
       // CJS bundles expect `require("pkg").Widget` to work, so merge
@@ -32645,6 +32679,7 @@ exports.renderLayout = _renderLayout;
 exports.renderLayoutMenu = renderLayoutMenu;
 exports.replaceItemInLayout = replaceItemInLayout;
 exports.resolveIcon = resolveIcon;
+exports.setHostModules = setHostModules;
 exports.traverseParentTree = traverseParentTree;
 exports.updateLayoutItem = updateLayoutItem;
 exports.updateParentForItem = updateParentForItem;