@adriansteffan/reactive 0.1.0 → 0.1.1

package/dist/{web-DXP3LAJm.js → web-DOXm98lr.js}

@@ -1,4 +1,4 @@
-import { W as e } from "./mod-D9lwPIrH.js";
+import { W as e } from "./mod-Beb0Bz3s.js";
 class s extends e {
   async enable() {
     console.log("Immersive mode is only available on Android");

package/dist/{web-DUIQX1PV.js → web-aMUVS_EB.js}

@@ -1,4 +1,4 @@
-import { W as P, b as x, E } from "./mod-D9lwPIrH.js";
+import { W as P, b as x, E } from "./mod-Beb0Bz3s.js";
 function m(w) {
   const e = w.split("/").filter((t) => t !== "."), r = [];
   return e.forEach((t) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adriansteffan/reactive",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "type": "module",
   "scripts": {
     "dev": "vite",

package/src/components/canvasblock.tsx

@@ -15,15 +15,9 @@ import {
 } from '../utils/bytecode';
 import { BaseComponentProps, isFullscreen, now } from '../utils/common';
 import { registerSimulation, ParticipantState } from '../utils/simulation';
-import { registerFlattener } from '../utils/upload';
+import { registerFlattener, arrayFlattener } from '../utils/upload';
 
-registerFlattener('CanvasBlock', 'canvas', (item) => {
-  const responseData = item.responseData;
-  if (Array.isArray(responseData)) {
-    return responseData.map((i) => ({ block: item.name, ...i }));
-  }
-  return [];
-});
+registerFlattener('CanvasBlock', 'canvas', arrayFlattener);
 
 export type SlideSimulatorResult = {
   key: string | null;

package/src/mod.tsx

@@ -5,7 +5,7 @@ export type { BaseComponentProps, ExperimentConfig };
 export * from './utils/array';
 export * from './utils/common';
 export * from './utils/simulation';
-export { registerFlattener } from './utils/upload';
+export { registerFlattener, arrayFlattener } from './utils/upload';
 export * from './components';
 
 export * from 'react-toastify';

package/src/utils/upload.ts

@@ -21,6 +21,16 @@ export function registerFlattener(
   flattenerRegistry[type].push({ csv, flatten });
 }
 
+// Reusable flattener for components whose responseData is an array of objects.
+// Each array element becomes a CSV row. Non-array responseData produces an empty result.
+export function arrayFlattener(item: TrialData): any[] {
+  const responseData = item.responseData;
+  if (Array.isArray(responseData)) {
+    return responseData.map((i) => ({ block: item.name, ...i }));
+  }
+  return [];
+}
+
 export function escapeCsvValue(value: any): string {
   if (value === null || value === undefined) {
     return '';