jspsych-tangram 0.0.3 → 0.0.5

package/dist/construct/index.browser.js

@@ -16840,7 +16840,6 @@ var TangramConstructPlugin = (function (jspsych) {
 	    const allDone = Object.values(this.state.sectors).every((s) => !!s.completedAt);
 	    if (allDone && !this.state.endedAt) {
 	      this.state.endedAt = NOW();
-	      console.log("[BaseGameController] all sectors complete");
 	    }
 	  }
 	  // ===== Piece Operations =====
@@ -19637,8 +19636,7 @@ var TangramConstructPlugin = (function (jspsych) {
 	    }
 	    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),
@@ -19865,7 +19863,9 @@ var TangramConstructPlugin = (function (jspsych) {
 	      if (allSectorsComplete && !gameCompleted) {
 	        setGameCompleted(true);
 	        if (tracker) {
-	          tracker.finalizeTrial("auto_complete");
+	          setTimeout(() => {
+	            tracker.finalizeTrial("auto_complete");
+	          }, 0);
 	        }
 	      }
 	    };
@@ -20143,10 +20143,10 @@ var TangramConstructPlugin = (function (jspsych) {
 	  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 = (() => {
@@ -20159,8 +20159,8 @@ var TangramConstructPlugin = (function (jspsych) {
 	      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"
@@ -20173,15 +20173,15 @@ var TangramConstructPlugin = (function (jspsych) {
 	      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,
@@ -20253,101 +20253,61 @@ var TangramConstructPlugin = (function (jspsych) {
 	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);
 	  const sectors = params.tangrams.map((tangramSpec, index) => {
-	    console.log(`
-[ConstructionApp] Processing tangram ${index}:`, tangramSpec);
-	    console.log(`[ConstructionApp] tangramID: ${tangramSpec.tangramID}`);
-	    console.log(`[ConstructionApp] setLabel: ${tangramSpec.setLabel}`);
-	    console.log(`[ConstructionApp] solutionTans count: ${tangramSpec.solutionTans?.length}`);
-	    console.log(`[ConstructionApp] solutionTans:`, tangramSpec.solutionTans);
 	    const filteredTans = tangramSpec.solutionTans.filter((tan) => {
 	      const tanName = tan.name ?? tan.kind;
 	      const isCanonical = CANON.has(tanName);
-	      console.log(`[ConstructionApp]   Tan "${tanName}": canonical=${isCanonical}, vertices count=${tan.vertices?.length}`);
 	      return isCanonical;
 	    });
-	    console.log(`[ConstructionApp] Filtered to ${filteredTans.length} canonical pieces`);
 	    const mask = filteredTans.map((tan, tanIndex) => {
-	      const tanName = tan.name ?? tan.kind;
 	      const polygon = tan.vertices.map(([x, y]) => ({ x: x ?? 0, y: -(y ?? 0) }));
-	      console.log(`[ConstructionApp]   Polygon ${tanIndex} (${tanName}): ${tan.vertices.length} vertices -> ${polygon.length} points`);
-	      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}`;
-	    console.log(`[ConstructionApp] Assigned sector ID: ${sectorId}`);
-	    console.log(`[ConstructionApp] Final mask has ${mask.length} polygons`);
+	    const sectorId = `sector${index}`;
 	    const sector = {
 	      id: sectorId,
+	      tangramId: tangramSpec.tangramID,
 	      silhouette: {
 	        id: sectorId,
 	        mask
 	      }
 	    };
-	    console.log(`[ConstructionApp] Created sector:`, sector);
 	    return sector;
 	  });
-	  console.log("\n[ConstructionApp] Final sectors array:", sectors);
-	  console.log(`[ConstructionApp] Total sectors created: ${sectors.length}`);
-	  console.log("\n[ConstructionApp] Processing quickstash macros...");
-	  console.log("[ConstructionApp] quickstash_macros:", params.quickstash_macros);
-	  console.log("[ConstructionApp] quickstash_macros count:", params.quickstash_macros?.length ?? 0);
 	  let quickstash = [];
 	  if (params.quickstash_macros && params.quickstash_macros.length > 0) {
 	    const firstMacro = params.quickstash_macros[0];
-	    console.log("[ConstructionApp] First macro:", firstMacro);
 	    if (firstMacro && "parts" in firstMacro && firstMacro.parts && firstMacro.parts[0] && "anchorOffset" in firstMacro.parts[0]) {
-	      console.log("[ConstructionApp] Detected anchor-based composites, converting to pixels...");
 	      const primsByKind = /* @__PURE__ */ new Map();
 	      PRIMITIVE_BLUEPRINTS.forEach((p) => primsByKind.set(p.kind, p));
 	      quickstash = params.quickstash_macros.map(
 	        (anchorComposite) => convertAnchorCompositeToPixels(anchorComposite, primsByKind, CONFIG.layout.grid.stepPx)
 	        // Use current CONFIG grid step
 	      );
-	      console.log("[ConstructionApp] Converted to pixel-based blueprints:", quickstash);
 	    } else {
-	      console.log("[ConstructionApp] Already pixel-based blueprints");
 	      quickstash = params.quickstash_macros;
 	    }
-	  } else {
-	    console.log("[ConstructionApp] No quickstash macros provided");
 	  }
 	  const gameBoardProps = {
 	    sectors,
 	    quickstash,
 	    primitives: PRIMITIVE_BLUEPRINTS,
-	    layout: params.layout || "semicircle",
-	    target: params.target || "silhouette",
-	    input: params.input || "drag",
-	    timeLimitMs: params.time_limit_ms || 0,
+	    layout: params.layout,
+	    target: params.target,
+	    input: params.input,
+	    timeLimitMs: params.time_limit_ms,
 	    maxQuickstashSlots: CONFIG.layout.defaults.maxQuickstashSlots,
 	    mode: "construction",
-	    // Explicit construction mode
 	    ...params.onInteraction && { onInteraction: params.onInteraction },
 	    ...params.onTrialEnd && { onTrialEnd: params.onTrialEnd }
 	  };
-	  console.log("\n[ConstructionApp] Final GameBoard props:");
-	  console.log("[ConstructionApp]   sectors count:", gameBoardProps.sectors.length);
-	  console.log("[ConstructionApp]   quickstash count:", gameBoardProps.quickstash.length);
-	  console.log("[ConstructionApp]   primitives count:", gameBoardProps.primitives.length);
-	  console.log("[ConstructionApp]   layout:", gameBoardProps.layout);
-	  console.log("[ConstructionApp]   target:", gameBoardProps.target);
-	  console.log("[ConstructionApp]   input:", gameBoardProps.input);
-	  console.log("[ConstructionApp]   timeLimitMs:", gameBoardProps.timeLimitMs);
-	  console.log("[ConstructionApp]   mode:", gameBoardProps.mode);
-	  console.log("[ConstructionApp] Full props:", gameBoardProps);
 	  const root = clientExports.createRoot(display_element);
 	  root.render(React.createElement(GameBoard, gameBoardProps));
-	  console.log("[ConstructionApp] GameBoard rendered successfully");
 	  return { root, display_element, jsPsych: _jsPsych };
 	}
 
@@ -20471,7 +20431,7 @@ var TangramConstructPlugin = (function (jspsych) {
 	      target: trial.target,
 	      input: trial.input,
 	      layout: trial.layout,
-	      time_limit_ms: trial.time_limit_ms || 0,
+	      time_limit_ms: trial.time_limit_ms,
 	      onInteraction: trial.onInteraction,
 	      onTrialEnd: wrappedOnTrialEnd
 	    };