npm - @mmapp/react-compiler - Versions diffs - 0.1.0-alpha.19 → 0.1.0-alpha.20 - Mend

@mmapp/react-compiler 0.1.0-alpha.19 → 0.1.0-alpha.20

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (17) hide show

package/dist/chunk-4FP5DXY4.mjs +3456 -0
package/dist/chunk-EYLOSECJ.mjs +544 -0
package/dist/chunk-I6SSPILI.mjs +550 -0
package/dist/chunk-U6F7CTHK.mjs +550 -0
package/dist/chunk-XUQ5R6F3.mjs +213 -0
package/dist/cli/index.js +13 -9
package/dist/cli/index.mjs +4 -4
package/dist/deploy-VAHWALWB.mjs +9 -0
package/dist/dev-server.js +11 -7
package/dist/dev-server.mjs +1 -1
package/dist/index.js +12 -8
package/dist/index.mjs +3 -3
package/dist/init-AVZJHZYY.mjs +538 -0
package/dist/project-decompiler-QCZYY4TW.mjs +7 -0
package/dist/pull-5WJ4LW4U.mjs +109 -0
package/mm-dev.db +0 -0
package/package.json +2 -2

package/dist/init-AVZJHZYY.mjs ADDED Viewed

@@ -0,0 +1,538 @@
+import {
+  __require
+} from "./chunk-CIESM3BP.mjs";
+// src/cli/init.ts
+import { mkdirSync, writeFileSync, existsSync } from "fs";
+import { join } from "path";
+import { execSync } from "child_process";
+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: `@mmapp/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",
+        "react": "^18.0.0",
+        "react-dom": "^18.0.0"
+      },
+      devDependencies: {
+        "typescript": "^5.5.0",
+        "@types/react": "^18.0.0",
+        "@types/react-dom": "^18.0.0",
+        "vite": "^6.0.0",
+        "@mmapp/react-compiler": "^0.1.0-alpha.1"
+      }
+    },
+    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 generateIndexHtml(name) {
+  const title = toTitleCase(name);
+  return `<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>${title} \u2014 MindMatrix Dev</title>
+</head>
+<body>
+  <div id="root"></div>
+  <script type="module" src="/__mm_dev_entry.tsx"></script>
+</body>
+</html>`;
+}
+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="view"
+ *
+ * Index page \u2014 full CRUD with create form, search, transitions, and delete.
+ */
+import { useState } from 'react';
+import itemModel from '../models/item';
+import {
+  useQuery, useMutation, useRouter,
+  Stack, Row, Text, Button, Icon, Card, Show, TextInput, Badge, Select,
+} from '@mmapp/react';
+export default function ${pascal}Home() {
+  const { data: items, loading } = useQuery(itemModel);
+  const mutation = useMutation(itemModel);
+  const router = useRouter();
+  const [search, setSearch] = useState('');
+  const [showCreate, setShowCreate] = useState(false);
+  const [newTitle, setNewTitle] = useState('');
+  const [newDescription, setNewDescription] = useState('');
+  const [newPriority, setNewPriority] = useState('medium');
+  const [editingId, setEditingId] = useState<string | null>(null);
+  const [editTitle, setEditTitle] = useState('');
+  const visibleItems = items.filter(i => i.state !== 'archived');
+  const filtered = search
+    ? visibleItems.filter(i => i.fields.title.toLowerCase().includes(search.toLowerCase()))
+    : visibleItems;
+  const handleCreate = async () => {
+    if (!newTitle.trim()) return;
+    await mutation.create({ title: newTitle.trim(), description: newDescription, priority: newPriority });
+    setNewTitle('');
+    setNewDescription('');
+    setNewPriority('medium');
+    setShowCreate(false);
+  };
+  const handleUpdate = async (id: string) => {
+    if (!editTitle.trim()) return;
+    await mutation.update(id, { title: editTitle.trim() });
+    setEditingId(null);
+  };
+  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={\`\${visibleItems.length} item\${visibleItems.length !== 1 ? 's' : ''}\`} />
+        </Stack>
+        <Button variant="primary" onPress={() => setShowCreate(true)}>
+          <Row gap={6} align="center">
+            <Icon name="plus" size={16} />
+            <Text value="Add Item" />
+          </Row>
+        </Button>
+      </Row>
+      {/* Create form */}
+      <Show when={showCreate}>
+        <Card padding={16}>
+          <Stack gap={12}>
+            <Text weight="bold" value="New Item" />
+            <TextInput
+              value={newTitle}
+              onChange={setNewTitle}
+              placeholder="Item title (required)"
+            />
+            <TextInput
+              value={newDescription}
+              onChange={setNewDescription}
+              placeholder="Description (optional)"
+            />
+            <Select
+              value={newPriority}
+              onChange={setNewPriority}
+              options={[
+                { label: 'Low', value: 'low' },
+                { label: 'Medium', value: 'medium' },
+                { label: 'High', value: 'high' },
+              ]}
+            />
+            <Row gap={8} justify="flex-end">
+              <Button variant="ghost" onPress={() => setShowCreate(false)}>
+                <Text value="Cancel" />
+              </Button>
+              <Button variant="primary" onPress={handleCreate}>
+                <Text value="Create" />
+              </Button>
+            </Row>
+          </Stack>
+        </Card>
+      </Show>
+      {/* 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={search ? 'No items match your search' : 'No items yet'} />
+            <Show when={!search}>
+              <Button variant="outline" onPress={() => setShowCreate(true)}>
+                <Text value="Create your first item" />
+              </Button>
+            </Show>
+          </Stack>
+        </Card>
+      </Show>
+      {/* Item list */}
+      <Show when={!loading && filtered.length > 0}>
+        <Stack gap={4}>
+          {filtered.map((item: any) => (
+            <Card key={item.id} padding={12}>
+              <Row align="center" gap={12}>
+                <Stack flex={1} gap={2}>
+                  <Show when={editingId === item.id}>
+                    <Row gap={8}>
+                      <TextInput
+                        value={editTitle}
+                        onChange={setEditTitle}
+                        placeholder="Title"
+                      />
+                      <Button variant="primary" size="sm" onPress={() => handleUpdate(item.id)}>
+                        <Text value="Save" />
+                      </Button>
+                      <Button variant="ghost" size="sm" onPress={() => setEditingId(null)}>
+                        <Text value="Cancel" />
+                      </Button>
+                    </Row>
+                  </Show>
+                  <Show when={editingId !== item.id}>
+                    <Text
+                      weight="medium"
+                      value={item.fields.title}
+                      onPress={() => { setEditingId(item.id); setEditTitle(item.fields.title); }}
+                    />
+                    <Show when={!!item.fields.description}>
+                      <Text size="sm" variant="muted" value={item.fields.description} />
+                    </Show>
+                  </Show>
+                </Stack>
+                <Badge value={item.fields.priority} />
+                <Badge value={item.state} variant={item.state === 'active' ? 'success' : 'default'} />
+                {/* Transition buttons */}
+                <Show when={item.state === 'draft'}>
+                  <Button variant="outline" size="sm" onPress={() => mutation.transition(item.id, 'activate')}>
+                    <Text value="Activate" />
+                  </Button>
+                </Show>
+                <Show when={item.state === 'active'}>
+                  <Button variant="ghost" size="sm" onPress={() => mutation.transition(item.id, 'archive')}>
+                    <Text value="Archive" />
+                  </Button>
+                </Show>
+                <Button variant="ghost" size="sm" onPress={() => mutation.remove(item.id)}>
+                  <Icon name="trash" size={14} color="token:error" />
+                </Button>
+              </Row>
+            </Card>
+          ))}
+        </Stack>
+      </Show>
+    </Stack>
+  );
+}
+`;
+}
+function generateGitignore() {
+  return `node_modules
+dist
+dev.db
+.env
+.env.local
+.env.*.local
+*.log
+.DS_Store
+`;
+}
+function isInsideGitRepo(dir) {
+  try {
+    execSync("git rev-parse --git-dir", { cwd: dir, stdio: "pipe" });
+    return true;
+  } catch {
+    return false;
+  }
+}
+function scaffoldGit(dir) {
+  if (isInsideGitRepo(dir)) {
+    return "Skipped git init (inside existing repo)";
+  }
+  try {
+    execSync("git init", { cwd: dir, stdio: "pipe" });
+    execSync("git add -A", { cwd: dir, stdio: "pipe" });
+    execSync('git commit -m "Initial commit from mmrc init"', { cwd: dir, stdio: "pipe" });
+    return "Initialized git repository";
+  } catch (e) {
+    return `Git init failed: ${e.message}`;
+  }
+}
+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);
+  }
+  try {
+    const pkgPath = __require.resolve("@mmapp/react-compiler/package.json");
+    const { version } = __require(pkgPath);
+    console.log(`[mmrc] v${version}`);
+  } catch {
+    try {
+      const { readFileSync } = __require("fs");
+      const { resolve, dirname } = __require("path");
+      const pkg = JSON.parse(readFileSync(resolve(__dirname, "../../package.json"), "utf-8"));
+      console.log(`[mmrc] v${pkg.version}`);
+    } catch {
+      console.log(`[mmrc]`);
+    }
+  }
+  console.log(`[mmrc] Creating blueprint: ${name}
+`);
+  mkdirSync(join(blueprintDir, "models"), { recursive: true });
+  mkdirSync(join(blueprintDir, "app"), { recursive: true });
+  const { generateMmrcConfig } = await import("./config-RVLNOB24.mjs");
+  const files = [
+    ["package.json", generatePackageJson(name)],
+    ["tsconfig.json", generateTsconfig()],
+    ["mm.config.ts", generateMmConfig(name, options)],
+    ["mmrc.config.ts", generateMmrcConfig()],
+    [".gitignore", generateGitignore()],
+    ["index.html", generateIndexHtml(name)],
+    ["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 gitMessage = scaffoldGit(blueprintDir);
+  console.log(`  ${gitMessage}`);
+  console.log(`
+[mmrc] Installing dependencies...`);
+  const { execSync: execSync2 } = __require("child_process");
+  try {
+    const usesPnpm = existsSync(join(cwd, "pnpm-lock.yaml")) || existsSync(join(cwd, "pnpm-workspace.yaml"));
+    const usesYarn = existsSync(join(cwd, "yarn.lock"));
+    const pm = usesPnpm ? "pnpm" : usesYarn ? "yarn" : "npm";
+    execSync2(`${pm} install`, { cwd: blueprintDir, stdio: "inherit" });
+    console.log(`[mmrc] Dependencies installed with ${pm}`);
+  } catch (e) {
+    console.warn(`[mmrc] Warning: Could not auto-install dependencies. Run 'npm install' manually in the project directory.`);
+  }
+  const title = toTitleCase(name);
+  const relDir = blueprintDir.startsWith(cwd) ? blueprintDir.slice(cwd.length + 1) : blueprintDir;
+  console.log(`
+[mmrc] Blueprint "${title}" created at:
+  ${blueprintDir}
+Next steps:
+  1. cd ${relDir}
+  2. mmrc dev                    # Start dev server with live preview
+`);
+}
+export {
+  init,
+  isInsideGitRepo,
+  scaffoldGit
+};

package/dist/project-decompiler-QCZYY4TW.mjs ADDED Viewed

@@ -0,0 +1,7 @@
+import {
+  decompileProjectEnhanced
+} from "./chunk-4FP5DXY4.mjs";
+import "./chunk-CIESM3BP.mjs";
+export {
+  decompileProjectEnhanced
+};

package/dist/pull-5WJ4LW4U.mjs ADDED Viewed

@@ -0,0 +1,109 @@
+import {
+  decompileProjectEnhanced
+} from "./chunk-4FP5DXY4.mjs";
+import "./chunk-CIESM3BP.mjs";
+// src/cli/pull.ts
+import { mkdirSync, writeFileSync } from "fs";
+import { join, dirname } from "path";
+async function pull(options) {
+  const { slug, apiUrl, token } = options;
+  const outDir = options.outDir ?? slug;
+  console.log(`[mmrc pull] Fetching "${slug}" from ${apiUrl}...`);
+  const ir = await fetchDefinition(apiUrl, token, slug);
+  if (!ir) {
+    throw new Error(`Definition "${slug}" not found`);
+  }
+  console.log(`  Found: ${ir.name || ir.slug} (${ir.category || "workflow"}, v${ir.version || "1.0.0"})`);
+  console.log(`  Fields: ${ir.fields?.length ?? 0}, States: ${ir.states?.length ?? 0}, Transitions: ${ir.transitions?.length ?? 0}`);
+  const result = decompileProjectEnhanced(ir);
+  mkdirSync(outDir, { recursive: true });
+  const filesWritten = [];
+  for (const file of result.files) {
+    const filePath = join(outDir, file.path);
+    mkdirSync(dirname(filePath), { recursive: true });
+    writeFileSync(filePath, file.content, "utf-8");
+    filesWritten.push(file.path);
+    console.log(`  + ${file.path}`);
+  }
+  console.log(`
+[mmrc pull] Scaffolded ${filesWritten.length} files in ${outDir}/`);
+  console.log(`  Entry: ${result.entryFile}`);
+  console.log(`
+  Next steps:`);
+  console.log(`    cd ${outDir}`);
+  console.log(`    mmrc dev --src .`);
+  console.log(`    # Edit files, then deploy back:`);
+  console.log(`    mmrc deploy --src . --api-url ${apiUrl} --token <token>`);
+  return { slug, filesWritten, outDir };
+}
+async function fetchDefinition(apiUrl, token, slug) {
+  const bySlug = await tryFetch(`${apiUrl}/workflow/definitions?slug=${encodeURIComponent(slug)}`, token);
+  if (bySlug) return bySlug;
+  const bySearch = await tryFetch(`${apiUrl}/workflow/catalog/search?q=${encodeURIComponent(slug)}`, token);
+  if (bySearch) return bySearch;
+  const modulesRes = await fetch(`${apiUrl}/modules`, {
+    headers: { Authorization: `Bearer ${token}` }
+  });
+  if (modulesRes.ok) {
+    const modules = await modulesRes.json();
+    const mod = modules.find((m) => m.module_id === slug || m.name?.toLowerCase() === slug.toLowerCase());
+    if (mod) {
+      const fullRes = await fetch(`${apiUrl}/workflow/definitions/${mod.module_id}`, {
+        headers: { Authorization: `Bearer ${token}` }
+      });
+      if (fullRes.ok) {
+        return normalizeApiResponse(await fullRes.json());
+      }
+    }
+  }
+  return null;
+}
+async function tryFetch(url, token) {
+  try {
+    const res = await fetch(url, {
+      headers: { Authorization: `Bearer ${token}` }
+    });
+    if (!res.ok) return null;
+    const data = await res.json();
+    if (Array.isArray(data)) {
+      if (data.length === 0) return null;
+      return normalizeApiResponse(data[0]);
+    }
+    const items = data.items ?? data.data;
+    if (items && Array.isArray(items)) {
+      if (items.length === 0) return null;
+      return normalizeApiResponse(items[0]);
+    }
+    return normalizeApiResponse(data);
+  } catch {
+    return null;
+  }
+}
+function normalizeApiResponse(def) {
+  const ir = {
+    slug: def.slug,
+    name: def.name,
+    version: def.version || "1.0.0",
+    description: def.description || "",
+    category: def.category || "workflow",
+    fields: def.fields || [],
+    states: def.states || [],
+    transitions: def.transitions || [],
+    roles: def.roles || [],
+    on_event: def.on_event || [],
+    metadata: {
+      ...def.metadata || {}
+    }
+  };
+  const experience = def.view || def.experience || def.metadata?.experience;
+  if (experience) {
+    ir.experience = experience;
+    ir.metadata.experience = experience;
+    ir.view = experience;
+  }
+  return ir;
+}
+export {
+  pull
+};

package/mm-dev.db ADDED Viewed

Binary file

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@mmapp/react-compiler",
-  "version": "0.1.0-alpha.19",
+  "version": "0.1.0-alpha.20",
   "description": "Babel plugin + Vite integration for compiling React workflows to Pure Form IR",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -66,7 +66,7 @@
     "@babel/plugin-syntax-typescript": "^7.24.0",
     "@babel/traverse": "^7.24.0",
     "@babel/types": "^7.24.0",
-    "@mmapp/player-core": "^0.1.0-alpha.19",
+    "@mmapp/player-core": "^0.1.0-alpha.20",
     "glob": "^10.3.10"
   },
   "peerDependencies": {