jspsych-tangram 0.0.3 → 0.0.4

package/dist/index.cjs

@@ -2928,8 +2928,7 @@ class InteractionTracker {
     }
     const sectorTangramMap = this.controller.state.cfg.sectors.map((s) => ({
       sectorId: s.id,
-      tangramId: s.id
-      // In our system, sector ID == tangram ID
+      tangramId: s.tangramId
     }));
     const blueprintOrder = {
       primitives: this.controller.state.primitives.map((bp) => bp.id),
@@ -3434,10 +3433,10 @@ function constructFromSpec(sideLens, angles, firstEdgeUnits) {
   return pts;
 }
 const FIRST_EDGES_UNITS = {
-  "small-triangle": [P(0, 0), P(0.5, 0.5)],
+  "smalltriangle": [P(0, 0), P(0.5, 0.5)],
   "parallelogram": [P(0, 0), P(0.5, 0)],
-  "large-triangle": [P(0, 0), P(0.5, -0.5)],
-  "med-triangle": [P(0, 0), P(0.5, 0)],
+  "largetriangle": [P(0, 0), P(0.5, -0.5)],
+  "medtriangle": [P(0, 0), P(0.5, 0)],
   "square": [P(0, 0), P(0.5, 0)]
 };
 const PRIMITIVE_BLUEPRINTS_CACHE = (() => {
@@ -3450,8 +3449,8 @@ const PRIMITIVE_BLUEPRINTS_CACHE = (() => {
       color: "#f43f5e"
     },
     {
-      id: "prim:small",
-      kind: "small-triangle",
+      id: "prim:smalltriangle",
+      kind: "smalltriangle",
       sideLens: [HALFDIAGONAL, HALFDIAGONAL, HALFUNIT, HALFUNIT, HALFUNIT, HALFUNIT],
       angles: [180, 45, 180, 90, 180, 45],
       color: "#f59e0b"
@@ -3464,15 +3463,15 @@ const PRIMITIVE_BLUEPRINTS_CACHE = (() => {
       color: "#10b981"
     },
     {
-      id: "prim:med",
-      kind: "med-triangle",
+      id: "prim:medtriangle",
+      kind: "medtriangle",
       sideLens: [HALFUNIT, HALFUNIT, HALFUNIT, HALFUNIT, HALFDIAGONAL, HALFDIAGONAL, HALFDIAGONAL, HALFDIAGONAL],
       angles: [180, 180, 180, 45, 180, 90, 180, 45],
       color: "#3b82f6"
     },
     {
-      id: "prim:large",
-      kind: "large-triangle",
+      id: "prim:largetriangle",
+      kind: "largetriangle",
       sideLens: [
         HALFDIAGONAL,
         HALFDIAGONAL,
@@ -3544,12 +3543,11 @@ function convertAnchorCompositeToPixels(anchorComposite, primsByKind, gridStepPx
 function startConstructionTrial(display_element, params, _jsPsych) {
   const CANON = /* @__PURE__ */ new Set([
     "square",
-    "small-triangle",
+    "smalltriangle",
     "parallelogram",
-    "med-triangle",
-    "large-triangle"
+    "medtriangle",
+    "largetriangle"
   ]);
-  const SECTOR_IDS = ["A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K", "L"];
   console.log("[ConstructionApp] Starting tangram conversion...");
   console.log("[ConstructionApp] Received tangrams:", params.tangrams);
   console.log("[ConstructionApp] Number of tangrams:", params.tangrams.length);
@@ -3574,11 +3572,12 @@ function startConstructionTrial(display_element, params, _jsPsych) {
       console.log(`[ConstructionApp]     First vertex: [${tan.vertices[0]?.[0]}, ${tan.vertices[0]?.[1]}] -> {x: ${polygon[0]?.x}, y: ${polygon[0]?.y}}`);
       return polygon;
     });
-    const sectorId = SECTOR_IDS[index] ?? `S${index}`;
+    const sectorId = `sector${index}`;
     console.log(`[ConstructionApp] Assigned sector ID: ${sectorId}`);
     console.log(`[ConstructionApp] Final mask has ${mask.length} polygons`);
     const sector = {
       id: sectorId,
+      tangramId: tangramSpec.tangramID,
       silhouette: {
         id: sectorId,
         mask
@@ -3785,6 +3784,8 @@ function startPrepTrial(display_element, params, jsPsych) {
   } = params;
   const prepSectors = Array.from({ length: numQuickstashSlots }, (_, i) => ({
     id: `prep-sector-${i}`,
+    tangramId: `prep-sector-${i}`,
+    // dummy value since prep mode doesn't have tangrams
     silhouette: {
       id: `prep-silhouette-${i}`,
       mask: []