@kohryan/moodui 0.0.2 → 0.0.4

package/dist/cli.mjs

@@ -0,0 +1,137 @@
+import {
+  generateReactFromPrompt
+} from "./chunk-5D6KNM5J.mjs";
+
+// src/cli.ts
+import fs from "fs/promises";
+import path from "path";
+async function main() {
+  const argv = process.argv.slice(2);
+  const command = argv[0] ?? "help";
+  if (command === "help" || command === "--help" || command === "-h") {
+    printHelp();
+    return;
+  }
+  if (command !== "generate") {
+    console.error(`Unknown command: ${command}`);
+    printHelp();
+    process.exitCode = 1;
+    return;
+  }
+  const { args, positionals } = parseArgs(argv.slice(1));
+  const provider = args.provider || "gemini";
+  const model = args.model || (provider === "gemini" ? "gemini-3-flash-preview" : "");
+  const outFile = args.out || "src/generated/MoodScreen.tsx";
+  const componentName = args.component || "MoodScreen";
+  const prompt = args.prompt || positionals.join(" ");
+  if (!model) {
+    console.error("Missing --model");
+    process.exitCode = 1;
+    return;
+  }
+  if (!prompt) {
+    console.error('Missing prompt. Use --prompt "..." or pass it as arguments.');
+    process.exitCode = 1;
+    return;
+  }
+  const temperature = args.temperature != null ? Number(args.temperature) : void 0;
+  const maxAttempts = args.maxAttempts != null ? Number(args.maxAttempts) : void 0;
+  const baseUrl = typeof args.baseUrl === "string" ? args.baseUrl : void 0;
+  if (provider === "gemini" && !process.env.GEMINI_API_KEY) {
+    console.error("Missing GEMINI_API_KEY env var");
+    process.exitCode = 1;
+    return;
+  }
+  if (provider === "openai-compatible" && !process.env.OPENAI_COMPATIBLE_API_KEY) {
+    console.error("Missing OPENAI_COMPATIBLE_API_KEY env var");
+    process.exitCode = 1;
+    return;
+  }
+  const result = provider === "ollama" ? await generateReactFromPrompt({
+    provider: "ollama",
+    model,
+    baseUrl,
+    prompt,
+    componentName,
+    temperature,
+    maxAttempts
+  }) : provider === "openai-compatible" ? await generateReactFromPrompt({
+    provider: "openai-compatible",
+    model,
+    baseUrl: baseUrl || process.env.OPENAI_COMPATIBLE_BASE_URL || "",
+    apiKey: process.env.OPENAI_COMPATIBLE_API_KEY || "",
+    prompt,
+    componentName,
+    temperature,
+    maxAttempts
+  }) : await generateReactFromPrompt({
+    provider: "gemini",
+    model,
+    baseUrl,
+    apiKey: process.env.GEMINI_API_KEY || "",
+    prompt,
+    componentName,
+    temperature,
+    maxAttempts
+  });
+  const resolvedOut = path.resolve(process.cwd(), outFile);
+  await fs.mkdir(path.dirname(resolvedOut), { recursive: true });
+  await fs.writeFile(resolvedOut, result.code, "utf8");
+  console.log(`OK: wrote ${resolvedOut}`);
+}
+function printHelp() {
+  console.log(
+    [
+      "moodui generate [options] <prompt...>",
+      "",
+      "Options:",
+      "  --provider gemini|ollama|openai-compatible   default: gemini",
+      "  --model <name>                               required (default for gemini: gemini-3-flash-preview)",
+      "  --out <path>                                 default: src/generated/MoodScreen.tsx",
+      "  --component <name>                           default: MoodScreen",
+      "  --prompt <text>                              optional (or pass as positional args)",
+      "  --temperature <number>",
+      "  --maxAttempts <number>",
+      "  --baseUrl <url>",
+      "",
+      "Env:",
+      "  GEMINI_API_KEY",
+      "  OPENAI_COMPATIBLE_BASE_URL",
+      "  OPENAI_COMPATIBLE_API_KEY",
+      "",
+      "Example:",
+      '  GEMINI_API_KEY=... npx @kohryan/moodui generate --model gemini-3-flash-preview "Buat UI login sederhana"'
+    ].join("\n")
+  );
+}
+function parseArgs(argv) {
+  const args = {};
+  const positionals = [];
+  for (let i = 0; i < argv.length; i += 1) {
+    const token = argv[i];
+    if (!token.startsWith("--")) {
+      positionals.push(token);
+      continue;
+    }
+    const eq = token.indexOf("=");
+    const key = (eq >= 0 ? token.slice(2, eq) : token.slice(2)).trim();
+    const inlineValue = eq >= 0 ? token.slice(eq + 1) : void 0;
+    if (inlineValue != null) {
+      args[key] = inlineValue;
+      continue;
+    }
+    const next = argv[i + 1];
+    if (next == null || next.startsWith("--")) {
+      args[key] = true;
+      continue;
+    }
+    args[key] = next;
+    i += 1;
+  }
+  return { args, positionals };
+}
+main().catch((e) => {
+  const msg = e instanceof Error ? e.message : String(e);
+  console.error(msg);
+  process.exitCode = 1;
+});

package/dist/index.d.mts

@@ -1,3 +1,5 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
 type MoodUISpecVersion = 1;
 type MoodUISpec = {
     version: MoodUISpecVersion;
@@ -113,6 +115,22 @@ type _RenderReactExports = {
     renderReactJSX: typeof renderReactJSX;
 };
 
+type MoodUIRuntimeProps = {
+    spec: MoodUISpec;
+    onAction?: (actionId: string) => void;
+};
+declare function MoodUIRuntime(props: MoodUIRuntimeProps): react_jsx_runtime.JSX.Element;
+
+type MoodUIPromptPlaygroundProps = {
+    provider?: "gemini" | "ollama" | "openai-compatible";
+    model?: string;
+    apiKey?: string;
+    baseUrl?: string;
+    defaultPrompt?: string;
+    componentName?: string;
+};
+declare function MoodUIPromptPlayground(props: MoodUIPromptPlaygroundProps): react_jsx_runtime.JSX.Element;
+
 type LLMMessage = {
     role: "system" | "user" | "assistant";
     content: string;
@@ -187,4 +205,4 @@ type GenerateReactFromPromptResult = {
 };
 declare function generateReactFromPrompt(options: GenerateReactFromPromptOptions): Promise<GenerateReactFromPromptResult>;
 
-export { type GeminiClientOptions, type GenerateReactFromPromptOptions, type GenerateReactFromPromptResult, type GenerateSpecOptions, type GenerateSpecResult, type LLMChatClient, type LLMChatRequest, type LLMMessage, type MoodUIBoxNode, type MoodUIButtonNode, type MoodUIColor, type MoodUICommonProps, type MoodUIImageNode, type MoodUIInputNode, type MoodUINode, type MoodUIRadius, type MoodUISpace, type MoodUISpacerNode, type MoodUISpec, type MoodUISpecVersion, type MoodUITextNode, type MoodUITheme, type OllamaClientOptions, type OpenAICompatibleClientOptions, type RenderReactOptions, type ValidationResult, type _InternalNodeTypes, type _RenderReactExports, assertMoodUISpec, createGeminiClient, createOllamaClient, createOpenAICompatibleClient, generateMoodUISpec, generateReactFromPrompt, renderReact, renderReactJSX, validateMoodUISpec };
+export { type GeminiClientOptions, type GenerateReactFromPromptOptions, type GenerateReactFromPromptResult, type GenerateSpecOptions, type GenerateSpecResult, type LLMChatClient, type LLMChatRequest, type LLMMessage, type MoodUIBoxNode, type MoodUIButtonNode, type MoodUIColor, type MoodUICommonProps, type MoodUIImageNode, type MoodUIInputNode, type MoodUINode, MoodUIPromptPlayground, type MoodUIPromptPlaygroundProps, type MoodUIRadius, MoodUIRuntime, type MoodUIRuntimeProps, type MoodUISpace, type MoodUISpacerNode, type MoodUISpec, type MoodUISpecVersion, type MoodUITextNode, type MoodUITheme, type OllamaClientOptions, type OpenAICompatibleClientOptions, type RenderReactOptions, type ValidationResult, type _InternalNodeTypes, type _RenderReactExports, assertMoodUISpec, createGeminiClient, createOllamaClient, createOpenAICompatibleClient, generateMoodUISpec, generateReactFromPrompt, renderReact, renderReactJSX, validateMoodUISpec };

package/dist/index.d.ts

@@ -1,3 +1,5 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
 type MoodUISpecVersion = 1;
 type MoodUISpec = {
     version: MoodUISpecVersion;
@@ -113,6 +115,22 @@ type _RenderReactExports = {
     renderReactJSX: typeof renderReactJSX;
 };
 
+type MoodUIRuntimeProps = {
+    spec: MoodUISpec;
+    onAction?: (actionId: string) => void;
+};
+declare function MoodUIRuntime(props: MoodUIRuntimeProps): react_jsx_runtime.JSX.Element;
+
+type MoodUIPromptPlaygroundProps = {
+    provider?: "gemini" | "ollama" | "openai-compatible";
+    model?: string;
+    apiKey?: string;
+    baseUrl?: string;
+    defaultPrompt?: string;
+    componentName?: string;
+};
+declare function MoodUIPromptPlayground(props: MoodUIPromptPlaygroundProps): react_jsx_runtime.JSX.Element;
+
 type LLMMessage = {
     role: "system" | "user" | "assistant";
     content: string;
@@ -187,4 +205,4 @@ type GenerateReactFromPromptResult = {
 };
 declare function generateReactFromPrompt(options: GenerateReactFromPromptOptions): Promise<GenerateReactFromPromptResult>;
 
-export { type GeminiClientOptions, type GenerateReactFromPromptOptions, type GenerateReactFromPromptResult, type GenerateSpecOptions, type GenerateSpecResult, type LLMChatClient, type LLMChatRequest, type LLMMessage, type MoodUIBoxNode, type MoodUIButtonNode, type MoodUIColor, type MoodUICommonProps, type MoodUIImageNode, type MoodUIInputNode, type MoodUINode, type MoodUIRadius, type MoodUISpace, type MoodUISpacerNode, type MoodUISpec, type MoodUISpecVersion, type MoodUITextNode, type MoodUITheme, type OllamaClientOptions, type OpenAICompatibleClientOptions, type RenderReactOptions, type ValidationResult, type _InternalNodeTypes, type _RenderReactExports, assertMoodUISpec, createGeminiClient, createOllamaClient, createOpenAICompatibleClient, generateMoodUISpec, generateReactFromPrompt, renderReact, renderReactJSX, validateMoodUISpec };
+export { type GeminiClientOptions, type GenerateReactFromPromptOptions, type GenerateReactFromPromptResult, type GenerateSpecOptions, type GenerateSpecResult, type LLMChatClient, type LLMChatRequest, type LLMMessage, type MoodUIBoxNode, type MoodUIButtonNode, type MoodUIColor, type MoodUICommonProps, type MoodUIImageNode, type MoodUIInputNode, type MoodUINode, MoodUIPromptPlayground, type MoodUIPromptPlaygroundProps, type MoodUIRadius, MoodUIRuntime, type MoodUIRuntimeProps, type MoodUISpace, type MoodUISpacerNode, type MoodUISpec, type MoodUISpecVersion, type MoodUITextNode, type MoodUITheme, type OllamaClientOptions, type OpenAICompatibleClientOptions, type RenderReactOptions, type ValidationResult, type _InternalNodeTypes, type _RenderReactExports, assertMoodUISpec, createGeminiClient, createOllamaClient, createOpenAICompatibleClient, generateMoodUISpec, generateReactFromPrompt, renderReact, renderReactJSX, validateMoodUISpec };