@mmapp/react-compiler 0.1.0-alpha.1

package/test-compile.mjs

@@ -0,0 +1,142 @@
+/**
+ * Test script — compile all .workflow.tsx files and dump both IR and engine-compatible output.
+ * Run: node packages/react-compiler/test-compile.mjs
+ *
+ * Use --definition to output engine-compatible WorkflowDefinition format.
+ * Use --compare to compare compiled output to hand-written JSON definitions.
+ */
+import { transformSync } from '@babel/core';
+import { readFileSync, readdirSync, existsSync } from 'fs';
+import { join, basename } from 'path';
+import { fileURLToPath } from 'url';
+import { dirname } from 'path';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
+
+const showDefinition = process.argv.includes('--definition');
+const showCompare = process.argv.includes('--compare');
+
+// Import the babel plugin
+const plugin = await import('./dist/babel/index.mjs');
+const babelPlugin = plugin.default;
+
+const workflowDir = join(__dirname, '../frontend/src/workflows');
+const files = readdirSync(workflowDir).filter(f => f.endsWith('.workflow.tsx'));
+
+// Map of slug → JSON definition path for comparison
+const jsonPaths = {
+  'mm-chat-app': join(__dirname, '../../mm-core/workflows/mm-chat-app.json'),
+  'mm-chat-channel': join(__dirname, '../../mm-core/workflows/mm-chat-channel.json'),
+  'mm-chat-call': join(__dirname, '../../mm-core/workflows/mm-chat-call.json'),
+  'message': join(__dirname, '../../mm-core/workflows/chat/message.json'),
+  'reaction': join(__dirname, '../../mm-core/workflows/chat/reaction.json'),
+  'typing-indicator': join(__dirname, '../../mm-core/workflows/chat/typing-indicator.json'),
+  'read-receipt': join(__dirname, '../../mm-core/workflows/chat/read-receipt.json'),
+  'user-profile': join(__dirname, '../../mm-core/workflows/chat/user-profile.json'),
+};
+
+console.log(`Found ${files.length} workflow files:\n`);
+
+let passed = 0;
+let failed = 0;
+
+for (const file of files) {
+  const filePath = join(workflowDir, file);
+  const code = readFileSync(filePath, 'utf-8');
+
+  try {
+    const result = transformSync(code, {
+      filename: filePath,
+      plugins: [[babelPlugin, { mode: 'infer' }]],
+      parserOpts: { plugins: ['jsx', 'typescript'] },
+    });
+
+    const ir = result?.metadata?.mindmatrixIR;
+    const def = result?.metadata?.mindmatrixDefinition;
+
+    if (showDefinition && def) {
+      console.log(`=== ${file} (WorkflowDefinition) ===`);
+      console.log(JSON.stringify(def, null, 2));
+      console.log();
+    } else if (ir) {
+      console.log(`=== ${file} ===`);
+      console.log(JSON.stringify(ir, null, 2));
+      console.log();
+    } else {
+      console.log(`=== ${file} === NO IR GENERATED`);
+      failed++;
+      continue;
+    }
+
+    // Compare compiled output to hand-written JSON
+    if (showCompare && def) {
+      const slug = def.slug;
+      const jsonPath = jsonPaths[slug];
+      if (jsonPath && existsSync(jsonPath)) {
+        const expected = JSON.parse(readFileSync(jsonPath, 'utf-8'));
+        const errors = [];
+
+        // Compare slug
+        if (def.slug !== expected.slug) errors.push(`slug: "${def.slug}" vs "${expected.slug}"`);
+
+        // Compare state count
+        if (def.states.length !== expected.states.length) {
+          errors.push(`states: ${def.states.length} vs ${expected.states.length}`);
+        }
+
+        // Compare state names
+        const compiledStates = def.states.map(s => s.name).sort();
+        const expectedStates = expected.states.map(s => s.name).sort();
+        if (JSON.stringify(compiledStates) !== JSON.stringify(expectedStates)) {
+          errors.push(`state names: [${compiledStates}] vs [${expectedStates}]`);
+        }
+
+        // Compare transition count
+        if (def.transitions.length !== expected.transitions.length) {
+          errors.push(`transitions: ${def.transitions.length} vs ${expected.transitions.length}`);
+        }
+
+        // Compare each transition from/to
+        for (const expT of expected.transitions) {
+          const compT = def.transitions.find(t => t.name === expT.name);
+          if (!compT) {
+            errors.push(`missing transition: "${expT.name}"`);
+            continue;
+          }
+          const expFrom = [...expT.from].sort();
+          const compFrom = [...compT.from].sort();
+          if (JSON.stringify(compFrom) !== JSON.stringify(expFrom)) {
+            errors.push(`transition "${expT.name}" from: [${compFrom}] vs [${expFrom}]`);
+          }
+          // to can be null in JSON (self-loop) — compiled uses state name
+          const expTo = expT.to || '';
+          const compTo = compT.to || '';
+          if (compTo !== expTo && expTo !== '') {
+            errors.push(`transition "${expT.name}" to: "${compTo}" vs "${expTo}"`);
+          }
+        }
+
+        if (errors.length === 0) {
+          console.log(`  ✓ ${slug}: MATCHES hand-written JSON`);
+          passed++;
+        } else {
+          console.log(`  ✗ ${slug}: ${errors.length} difference(s):`);
+          errors.forEach(e => console.log(`    - ${e}`));
+          failed++;
+        }
+        console.log();
+      } else {
+        console.log(`  ? ${slug}: no hand-written JSON to compare`);
+        console.log();
+      }
+    } else {
+      passed++;
+    }
+  } catch (err) {
+    console.error(`=== ${file} === ERROR: ${err.message}`);
+    failed++;
+  }
+}
+
+console.log(`\nResults: ${passed} passed, ${failed} failed out of ${files.length} files`);

package/tsconfig.json

@@ -0,0 +1,25 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "module": "ESNext",
+    "lib": ["ES2020"],
+    "moduleResolution": "bundler",
+    "declaration": true,
+    "declarationMap": true,
+    "sourceMap": true,
+    "outDir": "./dist",
+    "rootDir": "./src",
+    "strict": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "forceConsistentCasingInFileNames": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noImplicitReturns": true,
+    "noFallthroughCasesInSwitch": true
+  },
+  "include": ["src/**/*"],
+  "exclude": ["node_modules", "dist", "**/*.test.ts"]
+}

package/tsup.config.ts

@@ -0,0 +1,23 @@
+import { defineConfig } from 'tsup';
+
+export default defineConfig({
+  entry: [
+    'src/index.ts',
+    'src/babel/index.ts',
+    'src/vite/index.ts',
+    'src/codemod/index.ts',
+    'src/codemod/cli.ts',
+    'src/cli/index.ts',
+    'src/dev-server.ts',
+    'src/testing/index.ts',
+    'src/envelope.ts',
+  ],
+  format: ['cjs', 'esm'],
+  dts: true,
+  external: [
+    'vitest',
+    '@vitest/browser',
+    'vite',
+    'ws',
+  ],
+});

package/vitest.config.ts

@@ -0,0 +1,9 @@
+import { defineConfig } from 'vitest/config';
+
+export default defineConfig({
+  test: {
+    globals: true,
+    environment: 'node',
+    include: ['src/__tests__/**/*.test.ts', 'src/**/\_\_tests\_\_/**/*.test.ts'],
+  },
+});