@mmapp/react-compiler 0.1.0-alpha.16 → 0.1.0-alpha.18

package/dist/init-EHO4VQ22.mjs

@@ -1,369 +0,0 @@
-import "./chunk-Y6FXYEAI.mjs";
-
-// src/cli/init.ts
-import { mkdirSync, writeFileSync, existsSync } from "fs";
-import { join } from "path";
-function toTitleCase(slug) {
-  return slug.split("-").map((w) => w.charAt(0).toUpperCase() + w.slice(1)).join(" ");
-}
-function toPascalCase(slug) {
-  return slug.split("-").map((w) => w.charAt(0).toUpperCase() + w.slice(1)).join("");
-}
-function generatePackageJson(name) {
-  return JSON.stringify(
-    {
-      name: `@mindmatrix/blueprint-${name}`,
-      version: "0.1.0",
-      private: true,
-      type: "module",
-      scripts: {
-        build: "mmrc build --src . --out dist",
-        dev: "mmrc dev --src . --port 5199",
-        deploy: "mmrc deploy --build --src ."
-      },
-      dependencies: {
-        "@mmapp/react": "^0.1.0-alpha.1"
-      },
-      devDependencies: {
-        typescript: "^5.5.0",
-        "@types/react": "^18.0.0",
-        react: "^18.0.0"
-      }
-    },
-    null,
-    2
-  );
-}
-function generateMmConfig(name, opts) {
-  const title = toTitleCase(name);
-  const desc = opts.description ?? `${title} blueprint.`;
-  const icon = opts.icon ?? "box";
-  const author = opts.author ?? "MindMatrix";
-  return `import { defineBlueprint } from '@mmapp/react';
-
-export default defineBlueprint({
-  slug: '${name}',
-  name: '${title}',
-  version: '1.0.0',
-  description: '${desc}',
-  author: '${author}',
-  icon: '${icon}',
-  mode: 'infer',
-  defaultRuntime: 'collaborative',
-
-  models: [
-    'models/item',
-  ],
-
-  routes: [
-    { path: '/', view: 'app/page', label: 'Home' },
-  ],
-
-  dependencies: [],
-});
-`;
-}
-function generateModel(name) {
-  const modelSlug = `${name}-item`;
-  const pascal = toPascalCase(name);
-  return `/**
- * ${pascal} Item \u2014 data model with lifecycle states.
- *
- * States: draft \u2192 active \u2192 archived
- */
-
-import { defineModel } from '@mmapp/react';
-
-export interface ${pascal}ItemFields {
-  title: string;
-  description: string;
-  priority: 'low' | 'medium' | 'high';
-  createdAt: number;
-}
-
-export default defineModel({
-  slug: '${modelSlug}',
-  version: '1.0.0',
-  category: ['model', '${name}'],
-
-  fields: {
-    title: { type: 'string', required: true },
-    description: { type: 'string', default: '' },
-    priority: { type: 'string', default: 'medium', enum: ['low', 'medium', 'high'] },
-    createdAt: { type: 'number', default: 0 },
-  },
-
-  states: {
-    draft: {
-      type: 'initial',
-      onEnter: [
-        { id: 'set-created', type: 'set_field', mode: 'auto', config: { field: 'createdAt', expression: 'NOW()' } },
-      ],
-    },
-    active: {
-      onEnter: [
-        { id: 'log-activated', type: 'log_event', mode: 'auto', config: { event: '${modelSlug}.activated' } },
-      ],
-    },
-    archived: {
-      type: 'end',
-    },
-  },
-
-  transitions: {
-    activate: {
-      from: 'draft',
-      to: 'active',
-      description: 'Publish this item',
-    },
-    archive: {
-      from: 'active',
-      to: 'archived',
-      description: 'Archive this item',
-    },
-  },
-});
-`;
-}
-function generateTsconfig() {
-  return JSON.stringify(
-    {
-      compilerOptions: {
-        target: "ES2020",
-        module: "ESNext",
-        moduleResolution: "bundler",
-        jsx: "react-jsx",
-        strict: true,
-        esModuleInterop: true,
-        skipLibCheck: true,
-        forceConsistentCasingInFileNames: true,
-        declaration: false,
-        noEmit: true
-      },
-      include: ["**/*.ts", "**/*.tsx"],
-      exclude: ["node_modules", "dist"]
-    },
-    null,
-    2
-  );
-}
-function generateLayout(name) {
-  const title = toTitleCase(name);
-  return `/**
- * @workflow slug="${name}-layout" version="1.0.0" category="view"
- *
- * Root layout with sidebar navigation.
- */
-
-import {
-  Row,
-  Stack,
-  Slot,
-  Text,
-  Icon,
-  Button,
-  Divider,
-} from '@mmapp/react/atoms';
-import { useRouter } from '@mmapp/react';
-
-export default function Layout({ children }: { children: React.ReactNode }) {
-  const router = useRouter();
-
-  return (
-    <Row gap={0} height="100vh" overflow="hidden">
-      {/* Sidebar */}
-      <Stack
-        width={240}
-        borderRight="1px solid token:border"
-        height="100vh"
-        background="token:surface"
-      >
-        <Row padding={12} gap={8} align="center" borderBottom="1px solid token:border">
-          <Icon name="box" size={20} color="token:primary" />
-          <Text variant="label" size="sm" value="${title}" />
-        </Row>
-
-        <Stack padding={8} gap={4}>
-          <Button variant="ghost" onPress={() => router.push('/')}>
-            <Row gap={8} align="center">
-              <Icon name="home" size={16} />
-              <Text size="sm" value="Home" />
-            </Row>
-          </Button>
-          <Button variant="ghost" onPress={() => router.push('/settings')}>
-            <Row gap={8} align="center">
-              <Icon name="settings" size={16} />
-              <Text size="sm" value="Settings" />
-            </Row>
-          </Button>
-        </Stack>
-
-        <Divider />
-        <Stack flex={1} />
-        <Row padding={12}>
-          <Text variant="muted" size="xs" value="v1.0.0" />
-        </Row>
-      </Stack>
-
-      {/* Main content */}
-      <Stack flex={1} overflow="auto">
-        {children}
-      </Stack>
-    </Row>
-  );
-}
-`;
-}
-function generatePage(name) {
-  const title = toTitleCase(name);
-  const pascal = toPascalCase(name);
-  return `/**
- * @workflow slug="${name}-home" version="1.0.0" category="page"
- *
- * Index page \u2014 lists items with create and search.
- */
-
-import { useState } from 'react';
-import itemModel from '../models/item';
-import {
-  useQuery, useMutation, useRouter,
-  Stack, Row, Text, Button, Icon, Card, Show, Each, TextInput, Badge,
-} from '@mmapp/react';
-
-const PRIORITY_COLORS: Record<string, string> = {
-  high: 'token:error',
-  medium: 'token:warning',
-  low: 'token:success',
-};
-
-export default function ${pascal}Home() {
-  const { data: items, loading } = useQuery(itemModel);
-  const mutation = useMutation(itemModel);
-  const router = useRouter();
-  const [search, setSearch] = useState('');
-
-  const activeItems = items.filter(i => i.state !== 'archived');
-  const filtered = activeItems.filter(i =>
-    i.fields.title.toLowerCase().includes(search.toLowerCase())
-  );
-
-  const handleCreate = async () => {
-    await mutation.create({ title: 'New Item', priority: 'medium' });
-  };
-
-  return (
-    <Stack gap={24} padding={24}>
-      {/* Header */}
-      <Row justify="space-between" align="center">
-        <Stack gap={4}>
-          <Text variant="h3" weight="bold" value="${title}" />
-          <Text variant="muted" size="sm" value={\`\${activeItems.length} items\`} />
-        </Stack>
-        <Button variant="primary" onPress={handleCreate}>
-          <Row gap={6} align="center">
-            <Icon name="plus" size={16} />
-            <Text value="Add Item" />
-          </Row>
-        </Button>
-      </Row>
-
-      {/* Search */}
-      <TextInput
-        value={search}
-        onChange={setSearch}
-        placeholder="Search items..."
-      />
-
-      {/* Loading */}
-      <Show when={loading}>
-        <Card padding={32}>
-          <Stack align="center">
-            <Text variant="muted" value="Loading..." />
-          </Stack>
-        </Card>
-      </Show>
-
-      {/* Empty state */}
-      <Show when={!loading && filtered.length === 0}>
-        <Card padding={32}>
-          <Stack align="center" gap={12}>
-            <Icon name="inbox" size={40} color="token:muted" />
-            <Text variant="muted" value="No items yet" />
-            <Button variant="outline" onPress={handleCreate}>
-              <Text value="Create your first item" />
-            </Button>
-          </Stack>
-        </Card>
-      </Show>
-
-      {/* Item list */}
-      <Show when={!loading && filtered.length > 0}>
-        <Stack gap={4}>
-          <Each items={filtered} keyField="id">
-            {(item) => (
-              <Card padding={12}>
-                <Row align="center" gap={12}>
-                  <Stack flex={1} gap={2}>
-                    <Text weight="medium" value={item.fields.title} />
-                    <Show when={!!item.fields.description}>
-                      <Text size="sm" variant="muted" value={item.fields.description} />
-                    </Show>
-                  </Stack>
-                  <Badge value={item.fields.priority} />
-                  <Badge value={item.state} variant={item.state === 'active' ? 'success' : 'default'} />
-                </Row>
-              </Card>
-            )}
-          </Each>
-        </Stack>
-      </Show>
-    </Stack>
-  );
-}
-`;
-}
-async function init(options) {
-  const { name } = options;
-  if (!/^[a-z][a-z0-9-]*$/.test(name)) {
-    console.error(`[mmrc] Error: Blueprint name must be lowercase alphanumeric with hyphens (got "${name}")`);
-    process.exit(1);
-  }
-  const cwd = process.cwd();
-  const packagesDir = existsSync(join(cwd, "packages")) ? join(cwd, "packages") : cwd;
-  const blueprintDir = join(packagesDir, `blueprint-${name}`);
-  if (existsSync(blueprintDir)) {
-    console.error(`[mmrc] Error: Directory already exists: ${blueprintDir}`);
-    process.exit(1);
-  }
-  console.log(`[mmrc] Creating blueprint: ${name}
-`);
-  mkdirSync(join(blueprintDir, "models"), { recursive: true });
-  mkdirSync(join(blueprintDir, "app"), { recursive: true });
-  const files = [
-    ["package.json", generatePackageJson(name)],
-    ["tsconfig.json", generateTsconfig()],
-    ["mm.config.ts", generateMmConfig(name, options)],
-    ["models/item.ts", generateModel(name)],
-    ["app/layout.tsx", generateLayout(name)],
-    ["app/page.tsx", generatePage(name)]
-  ];
-  for (const [relPath, content] of files) {
-    const fullPath = join(blueprintDir, relPath);
-    writeFileSync(fullPath, content, "utf-8");
-    console.log(`  + ${relPath}`);
-  }
-  const title = toTitleCase(name);
-  console.log(`
-[mmrc] Blueprint "${title}" created at:
-  ${blueprintDir}
-
-Next steps:
-  1. cd ${blueprintDir.startsWith(cwd) ? blueprintDir.slice(cwd.length + 1) : blueprintDir}
-  2. mmrc dev                    # Start dev server
-  3. mmrc build                  # Compile to IR
-  4. mmrc deploy --build         # Build + deploy to backend
-`);
-}
-export {
-  init
-};

package/dist/init-IXEE2RCF.mjs

@@ -1,340 +0,0 @@
-import "./chunk-Y6FXYEAI.mjs";
-
-// src/cli/init.ts
-import { mkdirSync, writeFileSync, existsSync } from "fs";
-import { join } from "path";
-function toTitleCase(slug) {
-  return slug.split("-").map((w) => w.charAt(0).toUpperCase() + w.slice(1)).join(" ");
-}
-function toPascalCase(slug) {
-  return slug.split("-").map((w) => w.charAt(0).toUpperCase() + w.slice(1)).join("");
-}
-function generatePackageJson(name) {
-  return JSON.stringify(
-    {
-      name: `@mindmatrix/blueprint-${name}`,
-      version: "0.1.0",
-      private: true,
-      type: "module",
-      scripts: {
-        build: "mmrc build --src . --out dist",
-        dev: "mmrc dev --src . --port 5199",
-        deploy: "mmrc deploy --build --src ."
-      },
-      dependencies: {
-        "@mindmatrix/react": "workspace:*"
-      }
-    },
-    null,
-    2
-  );
-}
-function generateMmConfig(name, opts) {
-  const title = toTitleCase(name);
-  const desc = opts.description ?? `${title} blueprint.`;
-  const icon = opts.icon ?? "box";
-  const author = opts.author ?? "MindMatrix";
-  return `import { defineBlueprint } from '@mindmatrix/react';
-
-export default defineBlueprint({
-  slug: '${name}',
-  name: '${title}',
-  version: '1.0.0',
-  description: '${desc}',
-  author: '${author}',
-  icon: '${icon}',
-  mode: 'infer',
-  defaultRuntime: 'collaborative',
-
-  models: [
-    'models/item',
-  ],
-
-  routes: [
-    { path: '/', view: 'app/page', label: 'Home' },
-  ],
-
-  dependencies: [],
-});
-`;
-}
-function generateModel(name) {
-  const modelSlug = `${name}-item`;
-  const pascal = toPascalCase(name);
-  return `/**
- * ${pascal} Item \u2014 data model with lifecycle states.
- *
- * States: draft \u2192 active \u2192 archived
- */
-
-import { defineModel } from '@mindmatrix/react';
-
-export interface ${pascal}ItemFields {
-  title: string;
-  description: string;
-  priority: 'low' | 'medium' | 'high';
-  createdAt: number;
-}
-
-export default defineModel({
-  slug: '${modelSlug}',
-  version: '1.0.0',
-  category: ['model', '${name}'],
-
-  fields: {
-    title: { type: 'string', required: true },
-    description: { type: 'string', default: '' },
-    priority: { type: 'string', default: 'medium', enum: ['low', 'medium', 'high'] },
-    createdAt: { type: 'number', default: 0 },
-  },
-
-  states: {
-    draft: {
-      type: 'initial',
-      onEnter: [
-        { id: 'set-created', type: 'set_field', mode: 'auto', config: { field: 'createdAt', expression: 'NOW()' } },
-      ],
-    },
-    active: {
-      onEnter: [
-        { id: 'log-activated', type: 'log_event', mode: 'auto', config: { event: '${modelSlug}.activated' } },
-      ],
-    },
-    archived: {
-      type: 'end',
-    },
-  },
-
-  transitions: {
-    activate: {
-      from: 'draft',
-      to: 'active',
-      description: 'Publish this item',
-    },
-    archive: {
-      from: 'active',
-      to: 'archived',
-      description: 'Archive this item',
-    },
-  },
-});
-`;
-}
-function generateLayout(name) {
-  const title = toTitleCase(name);
-  return `/**
- * @workflow slug="${name}-layout" version="1.0.0" category="view"
- *
- * Root layout with sidebar navigation.
- */
-
-import {
-  Row,
-  Stack,
-  Slot,
-  Text,
-  Icon,
-  Button,
-  Divider,
-} from '@mindmatrix/react/atoms';
-import { useRouter } from '@mindmatrix/react';
-
-export default function Layout({ children }: { children: React.ReactNode }) {
-  const router = useRouter();
-
-  return (
-    <Row gap={0} height="100vh" overflow="hidden">
-      {/* Sidebar */}
-      <Stack
-        width={240}
-        borderRight="1px solid token:border"
-        height="100vh"
-        background="token:surface"
-      >
-        <Row padding={12} gap={8} align="center" borderBottom="1px solid token:border">
-          <Icon name="box" size={20} color="token:primary" />
-          <Text variant="label" size="sm" value="${title}" />
-        </Row>
-
-        <Stack padding={8} gap={4}>
-          <Button variant="ghost" onPress={() => router.push('/')}>
-            <Row gap={8} align="center">
-              <Icon name="home" size={16} />
-              <Text size="sm" value="Home" />
-            </Row>
-          </Button>
-          <Button variant="ghost" onPress={() => router.push('/settings')}>
-            <Row gap={8} align="center">
-              <Icon name="settings" size={16} />
-              <Text size="sm" value="Settings" />
-            </Row>
-          </Button>
-        </Stack>
-
-        <Divider />
-        <Stack flex={1} />
-        <Row padding={12}>
-          <Text variant="muted" size="xs" value="v1.0.0" />
-        </Row>
-      </Stack>
-
-      {/* Main content */}
-      <Stack flex={1} overflow="auto">
-        {children}
-      </Stack>
-    </Row>
-  );
-}
-`;
-}
-function generatePage(name) {
-  const title = toTitleCase(name);
-  const pascal = toPascalCase(name);
-  return `/**
- * @workflow slug="${name}-home" version="1.0.0" category="page"
- *
- * Index page \u2014 lists items with create and search.
- */
-
-import itemModel from '../models/item';
-import {
-  useQuery, useMutation, useRouter, useState,
-  Stack, Row, Text, Button, Icon, Card, Show, Each, TextInput, Badge,
-} from '@mindmatrix/react';
-
-const PRIORITY_COLORS: Record<string, string> = {
-  high: 'token:error',
-  medium: 'token:warning',
-  low: 'token:success',
-};
-
-export default function ${pascal}Home() {
-  const { data: items, loading } = useQuery(itemModel);
-  const mutation = useMutation(itemModel);
-  const router = useRouter();
-  const [search, setSearch] = useState('');
-
-  const activeItems = items.filter(i => i.state !== 'archived');
-  const filtered = activeItems.filter(i =>
-    i.fields.title.toLowerCase().includes(search.toLowerCase())
-  );
-
-  const handleCreate = async () => {
-    await mutation.create({ title: 'New Item', priority: 'medium' });
-  };
-
-  return (
-    <Stack gap={24} padding={24}>
-      {/* Header */}
-      <Row justify="space-between" align="center">
-        <Stack gap={4}>
-          <Text variant="h3" weight="bold" value="${title}" />
-          <Text variant="muted" size="sm" value={\`\${activeItems.length} items\`} />
-        </Stack>
-        <Button variant="primary" onPress={handleCreate}>
-          <Row gap={6} align="center">
-            <Icon name="plus" size={16} />
-            <Text value="Add Item" />
-          </Row>
-        </Button>
-      </Row>
-
-      {/* Search */}
-      <TextInput
-        value={search}
-        onChange={setSearch}
-        placeholder="Search items..."
-      />
-
-      {/* Loading */}
-      <Show when={loading}>
-        <Card padding={32}>
-          <Stack align="center">
-            <Text variant="muted" value="Loading..." />
-          </Stack>
-        </Card>
-      </Show>
-
-      {/* Empty state */}
-      <Show when={!loading && filtered.length === 0}>
-        <Card padding={32}>
-          <Stack align="center" gap={12}>
-            <Icon name="inbox" size={40} color="token:muted" />
-            <Text variant="muted" value="No items yet" />
-            <Button variant="outline" onPress={handleCreate}>
-              <Text value="Create your first item" />
-            </Button>
-          </Stack>
-        </Card>
-      </Show>
-
-      {/* Item list */}
-      <Show when={!loading && filtered.length > 0}>
-        <Stack gap={4}>
-          <Each items={filtered} keyField="id">
-            {(item) => (
-              <Card padding={12}>
-                <Row align="center" gap={12}>
-                  <Stack flex={1} gap={2}>
-                    <Text weight="medium" value={item.fields.title} />
-                    <Show when={!!item.fields.description}>
-                      <Text size="sm" variant="muted" value={item.fields.description} />
-                    </Show>
-                  </Stack>
-                  <Badge value={item.fields.priority} />
-                  <Badge value={item.state} variant={item.state === 'active' ? 'success' : 'default'} />
-                </Row>
-              </Card>
-            )}
-          </Each>
-        </Stack>
-      </Show>
-    </Stack>
-  );
-}
-`;
-}
-async function init(options) {
-  const { name } = options;
-  if (!/^[a-z][a-z0-9-]*$/.test(name)) {
-    console.error(`[mmrc] Error: Blueprint name must be lowercase alphanumeric with hyphens (got "${name}")`);
-    process.exit(1);
-  }
-  const cwd = process.cwd();
-  const packagesDir = existsSync(join(cwd, "packages")) ? join(cwd, "packages") : cwd;
-  const blueprintDir = join(packagesDir, `blueprint-${name}`);
-  if (existsSync(blueprintDir)) {
-    console.error(`[mmrc] Error: Directory already exists: ${blueprintDir}`);
-    process.exit(1);
-  }
-  console.log(`[mmrc] Creating blueprint: ${name}
-`);
-  mkdirSync(join(blueprintDir, "models"), { recursive: true });
-  mkdirSync(join(blueprintDir, "app"), { recursive: true });
-  const files = [
-    ["package.json", generatePackageJson(name)],
-    ["mm.config.ts", generateMmConfig(name, options)],
-    ["models/item.ts", generateModel(name)],
-    ["app/layout.tsx", generateLayout(name)],
-    ["app/page.tsx", generatePage(name)]
-  ];
-  for (const [relPath, content] of files) {
-    const fullPath = join(blueprintDir, relPath);
-    writeFileSync(fullPath, content, "utf-8");
-    console.log(`  + ${relPath}`);
-  }
-  const title = toTitleCase(name);
-  console.log(`
-[mmrc] Blueprint "${title}" created at:
-  ${blueprintDir}
-
-Next steps:
-  1. cd ${blueprintDir.startsWith(cwd) ? blueprintDir.slice(cwd.length + 1) : blueprintDir}
-  2. mmrc dev                    # Start dev server
-  3. mmrc build                  # Compile to IR
-  4. mmrc deploy --build         # Build + deploy to backend
-`);
-}
-export {
-  init
-};