jspsych-tangram 0.0.18 → 0.0.20

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jspsych-tangram",
-  "version": "0.0.18",
+  "version": "0.0.20",
   "description": "Tangram tasks for jsPsych: prep and construct.",
   "type": "module",
   "main": "dist/index.cjs",
@@ -32,6 +32,11 @@
       "types": "./dist/afc/index.d.ts",
       "import": "./dist/afc/index.js",
       "require": "./dist/afc/index.cjs"
+    },
+    "./grid": {
+      "types": "./dist/grid/index.d.ts",
+      "import": "./dist/grid/index.js",
+      "require": "./dist/grid/index.cjs"
     }
   },
   "files": [
@@ -40,12 +45,13 @@
     "tangram-prep.min.js",
     "tangram-construct.min.js",
     "tangram-nback.min.js",
-    "tangram-afc.min.js"
+    "tangram-afc.min.js",
+    "tangram-grid.min.js"
   ],
   "source": "src/index.ts",
   "scripts": {
     "build": "rollup --config",
-    "postbuild": "cp dist/prep/index.browser.min.js tangram-prep.min.js && cp dist/construct/index.browser.min.js tangram-construct.min.js && cp dist/nback/index.browser.min.js tangram-nback.min.js && cp dist/afc/index.browser.min.js tangram-afc.min.js",
+    "postbuild": "cp dist/prep/index.browser.min.js tangram-prep.min.js && cp dist/construct/index.browser.min.js tangram-construct.min.js && cp dist/nback/index.browser.min.js tangram-nback.min.js && cp dist/afc/index.browser.min.js tangram-afc.min.js && cp dist/grid/index.browser.min.js tangram-grid.min.js",
     "build:watch": "npm run build -- --watch",
     "dev": "vite",
     "test": "jest",

package/src/plugins/tangram-construct/index.ts

@@ -32,7 +32,7 @@ const info = {
     },
     /** Input method for piece manipulation */
     input: {
-      type: ParameterType.SELECT, 
+      type: ParameterType.SELECT,
       options: ["click", "drag"],
       default: "drag",
       description: "Input mode: drag (mouse/touch drag) or click (click to select/place)"
@@ -40,7 +40,7 @@ const info = {
     /** Layout style for piece arrangement */
     layout: {
       type: ParameterType.SELECT,
-      options: ["circle", "semicircle"], 
+      options: ["circle", "semicircle"],
       default: "semicircle",
       description: "Layout mode: full circle or semicircle piece arrangement"
     },
@@ -189,7 +189,7 @@ class TangramConstructPlugin implements JsPsychPlugin<Info> {
 
     // Use React wrapper to start the trial
     const { root, display_element: element, jsPsych } = startConstructionTrial(display_element, params, this.jsPsych);
-    
+
     // Store React context for cleanup
     (element as any).__reactContext = { root, jsPsych };
   }

package/src/plugins/tangram-grid/GridApp.tsx

@@ -85,6 +85,9 @@ function GridView({ params }: GridViewProps) {
     onTrialEnd
   } = params;
 
+  // Extract non-callback params for trial data
+  const { onTrialEnd: _, ...trialParams } = params;
+
   const trialStartTime = useRef<number>(Date.now());
   const [response, setResponse] = useState<string>("");
   const [cellSize, setCellSize] = useState<number>(100);
@@ -241,12 +244,10 @@ function GridView({ params }: GridViewProps) {
     const trialData = {
       response,
       rt,
-      n_rows,
-      n_cols,
-      tangram_ids: processedTangrams.map((t) => t.tangramId),
-      show_tangram_decomposition,
-      use_primitive_colors: usePrimitiveColors,
-      primitive_color_indices: primitiveColorIndices
+      trialParams: {
+        ...trialParams,
+        tangramIDs: processedTangrams.map((t) => t.tangramId)
+      }
     };
     if (onTrialEnd) {
       onTrialEnd(trialData);