@mmapp/react-compiler 0.1.0-alpha.1 → 0.1.0-alpha.4

package/dist/vite/index.mjs

@@ -1,8 +1,8 @@
 import {
   mindmatrixReact
-} from "../chunk-46YKSHQR.mjs";
-import "../chunk-HLRGCCIL.mjs";
-import "../chunk-Y6FXYEAI.mjs";
+} from "../chunk-BZEXUPDH.mjs";
+import "../chunk-7T6Q5KAA.mjs";
+import "../chunk-CIESM3BP.mjs";
 export {
   mindmatrixReact
 };

package/examples/authentication/main.workflow.tsx

@@ -20,7 +20,7 @@ import {
   Show,
   useOnEnter,
   useTransition,
-} from '@mindmatrix/react';
+} from '@mmapp/react';
 import { useState } from 'react';
 import { LoginPage } from './pages/LoginPage';
 import { SignupPage } from './pages/SignupPage';

package/examples/authentication/mm.config.ts

@@ -5,7 +5,7 @@
  * login/signup pages with configurable layout, routing, and features.
  */
 
-import { defineBlueprint } from '@mindmatrix/react';
+import { defineBlueprint } from '@mmapp/react';
 
 export default defineBlueprint({
   slug: 'mod-authentication',

package/examples/authentication/pages/LoginPage.tsx

@@ -1,7 +1,7 @@
 /**
  * LoginPage — login form with email/password fields and action buttons.
  *
- * Uses @mindmatrix/react atoms: Stack, Heading, Text, TextInput, Button.
+ * Uses @mmapp/react atoms: Stack, Heading, Text, TextInput, Button.
  * Bindings connect to workflow fields; transition fires move through auth states.
  */
 import {
@@ -12,7 +12,7 @@ import {
   Button,
   Show,
   Link,
-} from '@mindmatrix/react';
+} from '@mmapp/react';
 
 interface LoginPageProps {
   appName: string;

package/examples/authentication/pages/SignupPage.tsx

@@ -1,7 +1,7 @@
 /**
  * SignupPage — registration form with name, email, password fields.
  *
- * Uses @mindmatrix/react atoms: Stack, Row, Heading, Text, TextInput, Button.
+ * Uses @mmapp/react atoms: Stack, Row, Heading, Text, TextInput, Button.
  * Bindings connect to workflow fields; transition fires move through auth states.
  */
 import {
@@ -13,7 +13,7 @@ import {
   Button,
   Show,
   Link,
-} from '@mindmatrix/react';
+} from '@mmapp/react';
 
 interface SignupPageProps {
   appName: string;

package/examples/counter.workflow.tsx

@@ -3,7 +3,7 @@
  * @description A simple counter demonstrating state, transitions, hooks, and sx styling.
  */
 import { useState } from 'react';
-import { useOnEnter, useTransition, useOnChange } from '@mindmatrix/react';
+import { useOnEnter, useTransition, useOnChange } from '@mmapp/react';
 
 export function Counter() {
   const [count, setCount] = useState(0);

package/examples/dashboard.workflow.tsx

@@ -14,7 +14,7 @@ import {
   useQuery,
   useMutation,
   useRole,
-} from '@mindmatrix/react';
+} from '@mmapp/react';
 
 export function Dashboard() {
   // --- Fields ---

package/examples/invoice-approval/actions/invoice.server.ts

@@ -5,7 +5,7 @@
  * Each receives a TransitionContext with instance data and utilities.
  */
 
-import type { TransitionContext } from '@mindmatrix/react';
+import type { TransitionContext } from '@mmapp/react';
 
 /** Send approval notification to the invoice submitter. */
 export async function sendApprovalNotification(ctx: TransitionContext): Promise<void> {

package/examples/invoice-approval/main.workflow.tsx

@@ -18,7 +18,7 @@ import {
   useOnExit,
   useTransition,
   useRole,
-} from '@mindmatrix/react';
+} from '@mmapp/react';
 import { useState } from 'react';
 import type { Invoice } from './models/invoice';
 import { sendApprovalNotification, sendRejectionNotification } from './actions/invoice.server';

package/examples/invoice-approval/mm.config.ts

@@ -2,7 +2,7 @@
  * Blueprint configuration for "Invoice Approval".
  */
 
-import { defineBlueprint } from '@mindmatrix/react';
+import { defineBlueprint } from '@mmapp/react';
 
 export default defineBlueprint({
   slug: 'invoice-approval',

package/examples/invoice-approval/pages/InvoiceDetailPage.tsx

@@ -17,7 +17,7 @@ import {
   Each,
   Divider,
   useQuery,
-} from '@mindmatrix/react';
+} from '@mmapp/react';
 import type { Invoice, InvoiceLineItem } from '../models/invoice';
 
 interface InvoiceDetailPageProps {

package/examples/invoice-approval/pages/InvoiceFormPage.tsx

@@ -17,7 +17,7 @@ import {
   Show,
   Each,
   Divider,
-} from '@mindmatrix/react';
+} from '@mmapp/react';
 import { useState } from 'react';
 import type { InvoiceLineItem } from '../models/invoice';
 

package/examples/invoice-approval/pages/InvoiceListPage.tsx

@@ -18,7 +18,7 @@ import {
   Each,
   Card,
   useQuery,
-} from '@mindmatrix/react';
+} from '@mmapp/react';
 import { useState } from 'react';
 import type { Invoice, InvoiceState } from '../models/invoice';
 

package/examples/todo-app.workflow.tsx

@@ -12,7 +12,7 @@ import {
   useMutation,
   useRole,
   useWhileIn,
-} from '@mindmatrix/react';
+} from '@mmapp/react';
 
 export function TodoApp() {
   const [title, setTitle] = useState('');

package/examples/uber-app/actions/matching.server.ts

@@ -3,7 +3,7 @@
  * @description Driver matching algorithm — finds optimal driver based on proximity, rating, and vehicle type
  */
 
-import type { TransitionContext, ActionResult } from '@mindmatrix/react';
+import type { TransitionContext, ActionResult } from '@mmapp/react';
 
 /** Haversine distance in kilometers between two lat/lng points */
 function haversineKm(lat1: number, lon1: number, lat2: number, lon2: number): number {

package/examples/uber-app/actions/notifications.server.ts

@@ -3,7 +3,7 @@
  * @description Push notification delivery for ride lifecycle events
  */
 
-import type { TransitionContext, ActionResult } from '@mindmatrix/react';
+import type { TransitionContext, ActionResult } from '@mmapp/react';
 
 type NotificationChannel = 'push' | 'sms' | 'email' | 'in_app';
 

package/examples/uber-app/actions/payments.server.ts

@@ -3,7 +3,7 @@
  * @description Payment processing — authorization, capture, settlement, refund, and payout
  */
 
-import type { TransitionContext, ActionResult } from '@mindmatrix/react';
+import type { TransitionContext, ActionResult } from '@mmapp/react';
 
 /** Authorize a payment hold before ride starts */
 export async function authorizePayment(ctx: TransitionContext): Promise<ActionResult> {

package/examples/uber-app/actions/pricing.server.ts

@@ -3,7 +3,7 @@
  * @description Fare calculation engine — base fare, distance, time, surge, promos, and vehicle multipliers
  */
 
-import type { TransitionContext, ActionResult } from '@mindmatrix/react';
+import type { TransitionContext, ActionResult } from '@mmapp/react';
 
 /** Per-vehicle-type rate configuration */
 const VEHICLE_RATES = {

package/examples/uber-app/app/admin/analytics.tsx

@@ -1,5 +1,5 @@
-import { useState, useWorkflow, useTransition, useField, useComputed, useRole, useQuery, useOnEnter, useOnEvent } from '@mindmatrix/react';
-import { Stack, Row, Text, Button, Show, Each, Card, Badge, Heading, Input } from '@mindmatrix/react';
+import { useState, useWorkflow, useTransition, useField, useComputed, useRole, useQuery, useOnEnter, useOnEvent } from '@mmapp/react';
+import { Stack, Row, Text, Button, Show, Each, Card, Badge, Heading, Input } from '@mmapp/react';
 import { RideStats, RevenueBreakdown } from '../../models/analytics';
 
 type TimePeriod = 'today' | 'week' | 'month';

package/examples/uber-app/app/admin/fleet.tsx

@@ -1,5 +1,5 @@
-import { useState, useWorkflow, useTransition, useField, useComputed, useRole, useQuery, useOnEnter, useOnEvent } from '@mindmatrix/react';
-import { Stack, Row, Text, Button, Show, Each, Card, Badge, Heading, Input } from '@mindmatrix/react';
+import { useState, useWorkflow, useTransition, useField, useComputed, useRole, useQuery, useOnEnter, useOnEvent } from '@mmapp/react';
+import { Stack, Row, Text, Button, Show, Each, Card, Badge, Heading, Input } from '@mmapp/react';
 import { Vehicle, Driver } from '../../models/fleet';
 
 type VehicleType = 'sedan' | 'suv' | 'van' | 'luxury';
@@ -40,19 +40,19 @@ export default function FleetManagement() {
 
   return (
     <Show when={isAdmin} fallback={<Text>Access denied. Admin role required.</Text>}>
-      <Stack gap=lg>
-        <Row justify=between align=center>
+      <Stack gap="lg">
+        <Row justify="between" align="center">
           <Heading level={2}>Fleet Management</Heading>
           <Button onClick={() => setShowAddForm(true)}>Add Vehicle</Button>
         </Row>
 
-        <Row gap=md>
-          <Badge color=green>Active: {statusCounts.active}</Badge>
-          <Badge color=yellow>Maintenance: {statusCounts.maintenance}</Badge>
-          <Badge color=gray>Retired: {statusCounts.retired}</Badge>
+        <Row gap="md">
+          <Badge color="green">Active: {statusCounts.active}</Badge>
+          <Badge color="yellow">Maintenance: {statusCounts.maintenance}</Badge>
+          <Badge color="gray">Retired: {statusCounts.retired}</Badge>
         </Row>
 
-        <Row gap=sm>
+        <Row gap="sm">
           {(['all', 'sedan', 'suv', 'van', 'luxury'] as const).map((t) => (
             <Button key={t} variant={filterType === t ? 'primary' : 'ghost'} onClick={() => setFilterType(t)}>
               {t.charAt(0).toUpperCase() + t.slice(1)}
@@ -62,16 +62,16 @@ export default function FleetManagement() {
 
         <Show when={showAddForm}>
           <Card>
-            <Stack gap=sm>
-              <Input label=License Plate value={newPlate} onChange={setNewPlate} />
-              <Row gap=sm>
+            <Stack gap="sm">
+              <Input label="License Plate" value={newPlate} onChange={setNewPlate} />
+              <Row gap="sm">
                 {(['sedan', 'suv', 'van', 'luxury'] as const).map((t) => (
                   <Button key={t} variant={newType === t ? 'primary' : 'ghost'} onClick={() => setNewType(t)}>{t}</Button>
                 ))}
               </Row>
-              <Row gap=sm>
+              <Row gap="sm">
                 <Button onClick={handleAddVehicle}>Save</Button>
-                <Button variant=ghost onClick={() => setShowAddForm(false)}>Cancel</Button>
+                <Button variant="ghost" onClick={() => setShowAddForm(false)}>Cancel</Button>
               </Row>
             </Stack>
           </Card>
@@ -80,15 +80,15 @@ export default function FleetManagement() {
         <Each items={filteredVehicles}>
           {(vehicle: Vehicle) => (
             <Card key={vehicle.id}>
-              <Row justify=between align=center>
-                <Stack gap=xs>
-                  <Text weight=bold>{vehicle.plate} — {vehicle.type}</Text>
-                  <Text size=sm color=muted>{vehicle.assignedDriver?.name ?? 'Unassigned'}</Text>
+              <Row justify="between" align="center">
+                <Stack gap="xs">
+                  <Text weight="bold">{vehicle.plate} — {vehicle.type}</Text>
+                  <Text size="sm" color="muted">{vehicle.assignedDriver?.name ?? 'Unassigned'}</Text>
                 </Stack>
-                <Row gap=sm align=center>
+                <Row gap="sm" align="center">
                   <Badge color={statusColor(vehicle.status)}>{vehicle.status}</Badge>
-                  <Button size=sm onClick={() => assignDriver({ vehicleId: vehicle.id })}>Assign</Button>
-                  <Button size=sm variant=ghost onClick={() => updateStatus({ vehicleId: vehicle.id, status: 'maintenance' })}>
+                  <Button size="sm" onClick={() => assignDriver({ vehicleId: vehicle.id })}>Assign</Button>
+                  <Button size="sm" variant="ghost" onClick={() => updateStatus({ vehicleId: vehicle.id, status: 'maintenance' })}>
                     Service
                   </Button>
                 </Row>

package/examples/uber-app/app/admin/surge-pricing.tsx

@@ -1,5 +1,5 @@
-import { useState, useWorkflow, useTransition, useField, useComputed, useRole, useQuery, useOnEnter, useOnEvent } from '@mindmatrix/react';
-import { Stack, Row, Text, Button, Show, Each, Card, Badge, Heading, Input } from '@mindmatrix/react';
+import { useState, useWorkflow, useTransition, useField, useComputed, useRole, useQuery, useOnEnter, useOnEvent } from '@mmapp/react';
+import { Stack, Row, Text, Button, Show, Each, Card, Badge, Heading, Input } from '@mmapp/react';
 import { SurgeZone, SurgeConfig } from '../../models/surge';
 
 export default function SurgePricing() {

package/examples/uber-app/app/driver/dashboard.tsx

@@ -1,5 +1,5 @@
-import { useState, useWorkflow, useField, useComputed, useRole, useOnEnter } from '@mindmatrix/react';
-import { Stack, Row, Text, Button, Show, Card, Badge, Heading } from '@mindmatrix/react';
+import { useState, useWorkflow, useField, useComputed, useRole, useOnEnter } from '@mmapp/react';
+import { Stack, Row, Text, Button, Show, Card, Badge, Heading } from '@mmapp/react';
 import { RideRequest } from '../models/ride';
 import { DriverStats } from '../models/driver';
 import { ActiveRideCard } from '../components/ActiveRideCard';

package/examples/uber-app/app/driver/earnings.tsx

@@ -1,5 +1,5 @@
-import { useState, useWorkflow, useField, useComputed, useQuery } from '@mindmatrix/react';
-import { Stack, Row, Text, Button, Show, Each, Card, Badge, Heading } from '@mindmatrix/react';
+import { useState, useWorkflow, useField, useComputed, useQuery } from '@mmapp/react';
+import { Stack, Row, Text, Button, Show, Each, Card, Badge, Heading } from '@mmapp/react';
 import { EarningsRecord, PayoutEntry } from '../models/earnings';
 
 type Period = 'daily' | 'weekly' | 'monthly';

package/examples/uber-app/app/driver/navigation.tsx

@@ -1,5 +1,5 @@
-import { useWorkflow, useTransition, useField, useComputed, useOnChange } from '@mindmatrix/react';
-import { Stack, Row, Text, Button, Show, Each, Card, Badge, Heading } from '@mindmatrix/react';
+import { useWorkflow, useTransition, useField, useComputed, useOnChange } from '@mmapp/react';
+import { Stack, Row, Text, Button, Show, Each, Card, Badge, Heading } from '@mmapp/react';
 import { RideRequest, RidePhase } from '../models/ride';
 import { MapView } from '../components/MapView';
 import { DirectionStep } from '../models/navigation';

package/examples/uber-app/app/driver/ride-acceptance.tsx

@@ -1,5 +1,5 @@
-import { useState, useWorkflow, useTransition, useField, useOnEvent, useComputed } from '@mindmatrix/react';
-import { Stack, Row, Text, Button, Show, Card, Badge, Heading } from '@mindmatrix/react';
+import { useState, useWorkflow, useTransition, useField, useOnEvent, useComputed } from '@mmapp/react';
+import { Stack, Row, Text, Button, Show, Card, Badge, Heading } from '@mmapp/react';
 import { RideRequest } from '../models/ride';
 import { PassengerInfo } from '../models/passenger';
 

package/examples/uber-app/app/rider/home.tsx

@@ -1,11 +1,11 @@
 import {
   useState, useWorkflow, useTransition, useField,
   useComputed, useRole, useQuery, useOnEnter, useOnEvent,
-} from '@mindmatrix/react';
+} from '@mmapp/react';
 import {
   Stack, Row, Text, Button, Show, Each, Card, Badge,
   Heading, Input,
-} from '@mindmatrix/react';
+} from '@mmapp/react';
 import { Ride, VehicleType } from '../models/ride.model';
 import { MapView } from '../components/MapView';
 import { estimateFare } from '../actions/pricing.server';

package/examples/uber-app/app/rider/payment-methods.tsx

@@ -1,11 +1,11 @@
 import {
   useState, useWorkflow, useTransition, useField,
   useComputed, useRole, useQuery, useOnEnter, useOnEvent,
-} from '@mindmatrix/react';
+} from '@mmapp/react';
 import {
   Stack, Row, Text, Button, Show, Each, Card, Badge,
   Heading, Input,
-} from '@mindmatrix/react';
+} from '@mmapp/react';
 import { PaymentMethod } from '../models/payment.model';
 import { addPaymentMethod, removePaymentMethod, setDefaultPayment } from '../actions/payments.server';
 

package/examples/uber-app/app/rider/ride-history.tsx

@@ -1,11 +1,11 @@
 import {
   useState, useWorkflow, useTransition, useField,
   useComputed, useRole, useQuery, useOnEnter, useOnEvent,
-} from '@mindmatrix/react';
+} from '@mmapp/react';
 import {
   Stack, Row, Text, Button, Show, Each, Card, Badge,
   Heading, Input,
-} from '@mindmatrix/react';
+} from '@mmapp/react';
 import { Ride } from '../models/ride.model';
 import { RideCard } from '../components/RideCard';
 

package/examples/uber-app/app/rider/ride-tracking.tsx

@@ -1,11 +1,11 @@
 import {
   useState, useWorkflow, useTransition, useField,
   useComputed, useRole, useQuery, useOnEnter, useOnEvent,
-} from '@mindmatrix/react';
+} from '@mmapp/react';
 import {
   Stack, Row, Text, Button, Show, Each, Card, Badge,
   Heading, Input,
-} from '@mindmatrix/react';
+} from '@mmapp/react';
 import { Ride, DriverLocation, TripStatus } from '../models/ride.model';
 import { MapView } from '../components/MapView';
 import { DriverCard } from '../components/DriverCard';

package/examples/uber-app/components/DriverCard.tsx

@@ -3,7 +3,7 @@
  */
 
 import React from 'react';
-import { Stack, Row, Text, Badge, Icon, Image } from '@mindmatrix/react';
+import { Stack, Row, Text, Badge, Icon, Image } from '@mmapp/react';
 
 interface DriverCardProps {
   name: string;

package/examples/uber-app/components/MapView.tsx

@@ -1,11 +1,11 @@
 /**
  * MapView — Interactive map component with markers, routes, and live tracking
- * Uses useMapView + useGeolocation from @mindmatrix/react
+ * Uses useMapView + useGeolocation from @mmapp/react
  */
 
 import React, { useState } from 'react';
-import { useMapView, useGeolocation, useOnChange } from '@mindmatrix/react';
-import { Stack, Row, Text, Badge, Button, Icon } from '@mindmatrix/react';
+import { useMapView, useGeolocation, useOnChange } from '@mmapp/react';
+import { Stack, Row, Text, Badge, Button, Icon } from '@mmapp/react';
 
 interface MapMarkerConfig {
   id: string;

package/examples/uber-app/components/RatingStars.tsx

@@ -3,8 +3,8 @@
  */
 
 import React, { useState } from 'react';
-import { useForm, useToast } from '@mindmatrix/react';
-import { Stack, Row, Text, Button, Icon, Badge, TextInput } from '@mindmatrix/react';
+import { useForm, useToast } from '@mmapp/react';
+import { Stack, Row, Text, Button, Icon, Badge, TextInput } from '@mmapp/react';
 
 interface RatingStarsProps {
   maxStars?: number;

package/examples/uber-app/components/RideCard.tsx

@@ -3,7 +3,7 @@
  */
 
 import React from 'react';
-import { Stack, Row, Text, Badge, Icon, Divider } from '@mindmatrix/react';
+import { Stack, Row, Text, Badge, Icon, Divider } from '@mmapp/react';
 
 interface RideCardProps {
   rideId: string;

package/examples/uber-app/mm.config.ts

@@ -1,4 +1,4 @@
-import { defineBlueprint } from '@mindmatrix/react';
+import { defineBlueprint } from '@mmapp/react';
 
 export default defineBlueprint({
   slug: 'uber-rideshare',

package/examples/uber-app/workflows/dispute-resolution.workflow.tsx

@@ -5,8 +5,8 @@ import {
   useTransition,
   useOnEvent,
   useOnChange,
-} from '@mindmatrix/react';
-import { Stack, Row, Text, Button, Show, Each, Card, Badge, Heading } from '@mindmatrix/react';
+} from '@mmapp/react';
+import { Stack, Row, Text, Button, Show, Each, Card, Badge, Heading } from '@mmapp/react';
 import { Payment } from '../models/payment.model';
 import { Rating } from '../models/rating.model';
 import { processRefund } from '../actions/payments.server';

package/examples/uber-app/workflows/driver-onboarding.workflow.tsx

@@ -5,8 +5,8 @@ import {
   useTransition,
   useOnEvent,
   useOnChange,
-} from '@mindmatrix/react';
-import { Stack, Row, Text, Button, Show, Each, Card, Badge, Heading } from '@mindmatrix/react';
+} from '@mmapp/react';
+import { Stack, Row, Text, Button, Show, Each, Card, Badge, Heading } from '@mmapp/react';
 import { User } from '../models/user.model';
 import { Vehicle } from '../models/vehicle.model';
 

package/examples/uber-app/workflows/payment-processing.workflow.tsx

@@ -5,8 +5,8 @@ import {
   useTransition,
   useOnEvent,
   useOnChange,
-} from '@mindmatrix/react';
-import { Stack, Row, Text, Button, Show, Each, Card, Badge, Heading } from '@mindmatrix/react';
+} from '@mmapp/react';
+import { Stack, Row, Text, Button, Show, Each, Card, Badge, Heading } from '@mmapp/react';
 import { Payment } from '../models/payment.model';
 import { authorizePayment, capturePayment, settlePayment, processRefund, processDriverPayout } from '../actions/payments.server';
 

package/examples/uber-app/workflows/ride-request.workflow.tsx

@@ -6,8 +6,8 @@ import {
   useWhileIn,
   useOnEvent,
   useOnChange,
-} from '@mindmatrix/react';
-import { Stack, Row, Text, Button, Show, Each, Card, Badge, Heading } from '@mindmatrix/react';
+} from '@mmapp/react';
+import { Stack, Row, Text, Button, Show, Each, Card, Badge, Heading } from '@mmapp/react';
 import { Ride } from '../models/ride.model';
 import { findBestDriver } from '../actions/matching.server';
 import { calculateEstimatedFare, calculateActualFare, calculateCancellationFee } from '../actions/pricing.server';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mmapp/react-compiler",
-  "version": "0.1.0-alpha.1",
+  "version": "0.1.0-alpha.4",
   "description": "Babel plugin + Vite integration for compiling React workflows to Pure Form IR",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -55,7 +55,8 @@
     "seed:chat:compile": "node seed-blueprint-chat.mjs --compile-only",
     "seed:chat:seed": "node seed-blueprint-chat.mjs --seed-only",
     "test": "vitest run",
-    "test:watch": "vitest"
+    "test:watch": "vitest",
+    "publish:alpha": "cd ../.. && ./scripts/publish-npm.sh"
   },
   "dependencies": {
     "@babel/core": "^7.24.0",
@@ -65,12 +66,17 @@
     "@babel/plugin-syntax-typescript": "^7.24.0",
     "@babel/traverse": "^7.24.0",
     "@babel/types": "^7.24.0",
-    "glob": "^10.3.10",
-    "@mmapp/player-core": "^0.1.0-alpha.1"
+    "@mmapp/player-core": "workspace:*",
+    "glob": "^10.3.10"
   },
   "peerDependencies": {
     "vite": ">=5.0.0"
   },
+  "peerDependenciesMeta": {
+    "vite": {
+      "optional": true
+    }
+  },
   "publishConfig": {
     "access": "public"
   }