@michinarai/cli 0.0.0-stage → 0.1.1

package/templates/tool/package.json

@@ -0,0 +1,14 @@
+{
+  "name": "{{name}}",
+  "version": "0.1.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "build": "node scripts/build.mjs && narai build",
+    "dev": "npm run build && narai dev",
+    "validate": "narai validate"
+  },
+  "dependencies": {
+    "@michinarai/sdk": "{{sdk}}"
+  }
+}

package/templates/tool/scripts/build.mjs

@@ -0,0 +1,12 @@
+// The tool's build: its pages, its manifest and the SDK into dist/. No bundler: the page maps "@michinarai/sdk" to the
+// copy in dist/sdk/. `narai build` then seals dist/ (every file's sha256, the bundle digest).
+import { cpSync, mkdirSync, rmSync } from "node:fs";
+import { dirname, join } from "node:path";
+import { fileURLToPath } from "node:url";
+
+const sdk = dirname(dirname(fileURLToPath(import.meta.resolve("@michinarai/sdk"))));
+rmSync("dist", { recursive: true, force: true });
+mkdirSync("dist");
+cpSync("src", "dist", { recursive: true });
+cpSync("narai.tool.json", join("dist", "narai.tool.json"));
+cpSync(join(sdk, "dist"), join("dist", "sdk"), { recursive: true, filter: (p) => !p.endsWith(".map") && !p.endsWith(".d.ts") && !p.includes("harness") && !p.endsWith("payloads.js") });

package/templates/tool/src/index.html

@@ -0,0 +1,19 @@
+<!doctype html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>{{name}}</title>
+<script type="importmap">{ "imports": { "@michinarai/sdk": "./sdk/index.js" } }</script>
+<link rel="stylesheet" href="./tool.css">
+</head>
+<body>
+<main>
+  <p id="prompt"></p>
+  <input id="text" autocomplete="off">
+  <button id="say">Answer</button>
+  <button id="drill">Practice</button>
+</main>
+<script type="module" src="./tool.js"></script>
+</body>
+</html>

package/templates/tool/src/tool.css

@@ -0,0 +1,2 @@
+body { font: 16px/1.5 system-ui, sans-serif; margin: 0; padding: 16px; }
+main { display: grid; gap: 8px; max-width: 32rem; }

package/templates/tool/src/tool.js

@@ -0,0 +1,21 @@
+// {{name}}: a Narai tool. It shows the learner something to do and reports what they did; Narai judges.
+import { connect, pickLocale } from "@michinarai/sdk";
+
+const $ = (id) => document.getElementById(id);
+const manifest = await (await fetch("./narai.tool.json")).json();
+// Only Narai's host may connect (NARAI_HOST_ORIGINS); a tool served from this machine (narai dev) also takes a local one.
+const tool = await connect(manifest);
+
+// Narai writes the prompt, in the learner's language; the tool shows it, never writes one.
+$("prompt").textContent = tool.task?.prompt ?? "";
+// the first of the learner's locales this tool has (manifest.locales), else its first
+tool.ready(pickLocale(tool.start, manifest.locales));
+
+$("say").onclick = () => {
+  if (!tool.task) return;
+  // what the learner did, in the payload the manifest declares for this task's kind: never whether it's right
+  tool.answer({ schema: manifest.answers[tool.task.kind], text: $("text").value });
+};
+$("drill").onclick = () => {
+  tool.practice("drill", { duration_s: 30, attempts: 1, payload: { schema: manifest.practice.drill, rounds: 1 } });
+};