@movable/studio-framework 3.14.0-canary.0 → 3.14.2-canary.0

package/dist/index.es.js

@@ -1477,9 +1477,11 @@ class AsyncComputed {
 
   getProperty(...args) {
     const [grouping, path, context = {}] = parseGetPropertyArgs(args);
+    console.log(`getProperty called: ${grouping}.${path}`);
     const property = this.getPropertyInstance(grouping, path);
 
     if (!property) {
+      console.log(`⚠️ Property not found: ${grouping}.${path}`);
       return null;
     }
 
@@ -1497,7 +1499,22 @@ class AsyncComputed {
       requestEvent = createInertEvent();
     }
 
-    return property.compute(context, requestEvent);
+    const result = property.compute(context, requestEvent);
+    console.log(`getProperty result for ${grouping}.${path}:`, result);
+    console.log(`  - typeof result:`, typeof result);
+    console.log(`  - is Promise?`, result instanceof Promise);
+    console.log(`  - is Array?`, Array.isArray(result));
+
+    if (result && typeof result === 'object') {
+      console.log(`  - Object.keys():`, Object.keys(result));
+      console.log(`  - constructor name:`, result.constructor?.name); // Try to see if it's a primitive wrapper or has a valueOf
+
+      if (typeof result.valueOf === 'function') {
+        console.log(`  - valueOf():`, result.valueOf());
+      }
+    }
+
+    return result;
   }
 
   async getPropertyTuple(...args) {
@@ -2733,6 +2750,8 @@ class StudioFramework {
   }
 
   async evaluateOperand(operand) {
+    console.log('evaluateOperand');
+
     if ('operator' in operand) {
       return this.resolveCondition(operand);
     }
@@ -2749,16 +2768,37 @@ class StudioFramework {
 
   resolveDynamicFieldContext(context) {
     const resolvedContext = {};
+    console.log('===== resolveDynamicFieldContext START =====');
+    console.log('Full context object:', context);
 
     for (const [contextKey, contextValue] of Object.entries(context)) {
+      console.log(`\n--- Processing context key: "${contextKey}" ---`);
+      console.log('contextValue:', contextValue);
+      console.log('contextValue type:', typeof contextValue);
+      console.log('contextValue has propertyPath?', contextValue?.propertyPath !== undefined);
+      console.log('contextValue.propertyPath value:', contextValue?.propertyPath);
+      console.log('contextValue.propertyGroupKey value:', contextValue?.propertyGroupKey);
+
       if (isDynamicProperty(contextValue)) {
+        console.log('✓ isDynamicProperty=true - will resolve'); // Debug: check what raw data is available
+
+        if (contextValue.propertyPath?.includes('product_current_price')) {
+          console.log('DEBUG: Checking raw data.product_current_price');
+          const rawData = this.getProperty('data', 'product_current_price', {});
+          console.log('  raw data.product_current_price:', rawData);
+        }
+
         const resolvedValue = this.getProperty(contextValue.propertyGroupKey, contextValue.propertyPath, contextValue.context || {});
+        console.log('resolvedValue:', resolvedValue);
         resolvedContext[contextKey] = resolvedValue;
       } else {
+        console.log('✗ isDynamicProperty=false - using as-is');
         resolvedContext[contextKey] = contextValue;
       }
     }
 
+    console.log('\n===== resolveDynamicFieldContext END =====');
+    console.log('Resolved context:', resolvedContext);
     return resolvedContext;
   }
 

package/dist/index.js

@@ -1487,9 +1487,11 @@ class AsyncComputed {
 
   getProperty(...args) {
     const [grouping, path, context = {}] = parseGetPropertyArgs(args);
+    console.log(`getProperty called: ${grouping}.${path}`);
     const property = this.getPropertyInstance(grouping, path);
 
     if (!property) {
+      console.log(`⚠️ Property not found: ${grouping}.${path}`);
       return null;
     }
 
@@ -1507,7 +1509,22 @@ class AsyncComputed {
       requestEvent = createInertEvent();
     }
 
-    return property.compute(context, requestEvent);
+    const result = property.compute(context, requestEvent);
+    console.log(`getProperty result for ${grouping}.${path}:`, result);
+    console.log(`  - typeof result:`, typeof result);
+    console.log(`  - is Promise?`, result instanceof Promise);
+    console.log(`  - is Array?`, Array.isArray(result));
+
+    if (result && typeof result === 'object') {
+      console.log(`  - Object.keys():`, Object.keys(result));
+      console.log(`  - constructor name:`, result.constructor?.name); // Try to see if it's a primitive wrapper or has a valueOf
+
+      if (typeof result.valueOf === 'function') {
+        console.log(`  - valueOf():`, result.valueOf());
+      }
+    }
+
+    return result;
   }
 
   async getPropertyTuple(...args) {
@@ -2743,6 +2760,8 @@ class StudioFramework {
   }
 
   async evaluateOperand(operand) {
+    console.log('evaluateOperand');
+
     if ('operator' in operand) {
       return this.resolveCondition(operand);
     }
@@ -2759,16 +2778,37 @@ class StudioFramework {
 
   resolveDynamicFieldContext(context) {
     const resolvedContext = {};
+    console.log('===== resolveDynamicFieldContext START =====');
+    console.log('Full context object:', context);
 
     for (const [contextKey, contextValue] of Object.entries(context)) {
+      console.log(`\n--- Processing context key: "${contextKey}" ---`);
+      console.log('contextValue:', contextValue);
+      console.log('contextValue type:', typeof contextValue);
+      console.log('contextValue has propertyPath?', contextValue?.propertyPath !== undefined);
+      console.log('contextValue.propertyPath value:', contextValue?.propertyPath);
+      console.log('contextValue.propertyGroupKey value:', contextValue?.propertyGroupKey);
+
       if (isDynamicProperty(contextValue)) {
+        console.log('✓ isDynamicProperty=true - will resolve'); // Debug: check what raw data is available
+
+        if (contextValue.propertyPath?.includes('product_current_price')) {
+          console.log('DEBUG: Checking raw data.product_current_price');
+          const rawData = this.getProperty('data', 'product_current_price', {});
+          console.log('  raw data.product_current_price:', rawData);
+        }
+
         const resolvedValue = this.getProperty(contextValue.propertyGroupKey, contextValue.propertyPath, contextValue.context || {});
+        console.log('resolvedValue:', resolvedValue);
         resolvedContext[contextKey] = resolvedValue;
       } else {
+        console.log('✗ isDynamicProperty=false - using as-is');
         resolvedContext[contextKey] = contextValue;
       }
     }
 
+    console.log('\n===== resolveDynamicFieldContext END =====');
+    console.log('Resolved context:', resolvedContext);
     return resolvedContext;
   }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@movable/studio-framework",
-  "version": "3.14.0-canary.0",
+  "version": "3.14.2-canary.0",
   "description": "A Component library for reactive Studio apps.",
   "author": "Movable Ink",
   "repository": "movableink/studio-framework",
@@ -31,8 +31,8 @@
     "@babel/preset-react": "^7.14.5",
     "@babel/preset-typescript": "^7.13.0",
     "@movable/eslint-config-react": "^1.0.1",
-    "@movable/framework-types": "^3.14.0-canary.0",
-    "@movable/studio-framework-test-helpers": "^3.14.0-canary.0",
+    "@movable/framework-types": "^3.14.2-canary.0",
+    "@movable/studio-framework-test-helpers": "^3.14.2-canary.0",
     "@types/qunit": "^2.11.1",
     "@types/qunit-dom": "^0.7.0",
     "@types/react": "^17.0.6",