artifacty 0.1.0 → 0.1.1

package/src/cli.js

@@ -18,6 +18,7 @@ import { checkMcpTools } from "./lib/check.js";
 import { installAgent } from "./lib/installer.js";
 import { serviceCommand } from "./lib/service.js";
 import { resolvePublicBaseUrl } from "./lib/server-state.js";
+import { generateToken } from "./lib/token.js";
 import { startServer } from "./server.js";
 
 const PACKAGE_ROOT = path.dirname(path.dirname(fileURLToPath(import.meta.url)));
@@ -32,17 +33,37 @@ async function main() {
     return;
   }
 
+  if (command === "token" || command === "generate-token") {
+    const token = generateToken(options);
+    if (options.raw) {
+      process.stdout.write(`${token.token}\n`);
+      return;
+    }
+    printJson(token);
+    return;
+  }
+
   if (command === "serve") {
+    if (options.generateToken && options.apiToken) {
+      throw new Error("Use either --api-token or --generate-token, not both");
+    }
+    const generatedToken = options.generateToken ? generateToken(options) : null;
     const server = await startServer({
       host: options.host,
       port: options.port,
       home: options.home,
-      apiToken: options.apiToken,
+      apiToken: generatedToken?.token || options.apiToken,
       shareMode: options.shareMode,
       allowSecrets: options.allowSecrets
     });
     process.stderr.write(`Artifacty listening on ${server.url}\n`);
     process.stderr.write(`Store: ${server.store.home}\n`);
+    if (generatedToken) {
+      process.stderr.write(`API token: ${generatedToken.token}\n`);
+      process.stderr.write(`HTTP header: ${generatedToken.header}\n`);
+      process.stderr.write(`Create URL: ${server.url}/new?token=${encodeURIComponent(generatedToken.token)}\n`);
+      process.stderr.write(`Import URL: ${server.url}/import?token=${encodeURIComponent(generatedToken.token)}\n`);
+    }
     return;
   }
 
@@ -235,7 +256,7 @@ function parseArgs(args) {
     }
 
     const key = arg.slice(2);
-    if (key === "raw" || key === "dry-run" || key === "trust" || key === "include-archived" || key === "allow-secrets") {
+    if (key === "raw" || key === "dry-run" || key === "trust" || key === "include-archived" || key === "allow-secrets" || key === "generate-token") {
       options[toCamelCase(key)] = true;
       continue;
     }
@@ -247,7 +268,7 @@ function parseArgs(args) {
 
     if (key === "tag") {
       options.tag = [...(options.tag || []), value];
-    } else if (key === "port" || key === "limit" || key === "version" || key === "schema-version" || key === "timeout") {
+    } else if (key === "port" || key === "limit" || key === "version" || key === "schema-version" || key === "timeout" || key === "bytes") {
       options[toCamelCase(key)] = Number(value);
     } else {
       options[toCamelCase(key)] = value;
@@ -292,12 +313,13 @@ function printHelp() {
   process.stdout.write(`Artifacty
 
 Usage:
-  artifacty serve [--host 127.0.0.1] [--port 8787] [--home ~/.artifacty]
-  artifacty publish --title <title> (--file <path> | --content <text>) [--format html|markdown|text|json] [--source agent] [--tag tag]
-  artifacty import --agent claude|codex|gemini|auto (--file <path> | --content <text>) [--title <title>] [--format html|markdown|text|json] [--tag tag]
-  artifacty install claude|codex|gemini|all [--dry-run] [--config <path>] [--server-path <path>] [--url http://127.0.0.1:8787]
+  artifacty token [--bytes 32] [--raw]
+  artifacty serve [--host 127.0.0.1] [--port 8787] [--home ~/.artifacty] [--generate-token] [--bytes 32]
+  artifacty publish --title <title> (--file <path> | --content <text>) [--format html|markdown|text|json|code|svg|mermaid|react] [--source agent] [--tag tag]
+  artifacty import --agent claude|codex|gemini|auto (--file <path> | --content <text>) [--title <title>] [--format html|markdown|text|json|code|svg|mermaid|react] [--tag tag]
+  artifacty install claude|codex|gemini|all [--dry-run] [--config <path>] [--server-path <path>] [--url http://127.0.0.1:8787] [--timeout 30000]
   artifacty check [--server-path <path>] [--timeout 5000]
-  artifacty update <id> (--file <path> | --content <text>) [--title <title>] [--format html|markdown|text|json]
+  artifacty update <id> (--file <path> | --content <text>) [--title <title>] [--format html|markdown|text|json|code|svg|mermaid|react]
   artifacty archive <id>
   artifacty restore <id>
   artifacty audit [--artifact <id>] [--limit 100]

package/src/client/editor.js

@@ -15,6 +15,8 @@ const messages = {
   ...(globalThis.ARTIFACTY_I18N || {})
 };
 
+const SUPPORTED_FORMATS = ["markdown", "html", "json", "text", "code", "svg", "mermaid", "react"];
+
 const editorTheme = EditorView.theme({
   "&": {
     minHeight: "52vh",
@@ -146,6 +148,16 @@ function enhanceTextarea(textarea) {
       return;
     }
 
+    if (format === "svg") {
+      const frame = document.createElement("iframe");
+      frame.className = "editor-preview-frame";
+      frame.setAttribute("sandbox", "");
+      frame.srcdoc = content;
+      preview.append(frame);
+      status.textContent = formatLabel(format);
+      return;
+    }
+
     if (format === "json") {
       const pre = document.createElement("pre");
       try {
@@ -176,7 +188,7 @@ function enhanceTextarea(textarea) {
 }
 
 function languageExtension(format) {
-  if (format === "html") {
+  if (format === "html" || format === "svg") {
     return html();
   }
   if (format === "json") {
@@ -189,7 +201,7 @@ function languageExtension(format) {
 }
 
 function detectFormat({ explicit, fileName, content }) {
-  if (["markdown", "html", "json", "text"].includes(explicit)) {
+  if (SUPPORTED_FORMATS.includes(explicit)) {
     return explicit;
   }
 
@@ -203,8 +215,29 @@ function detectFormat({ explicit, fileName, content }) {
   if (lowerName.endsWith(".json")) {
     return "json";
   }
+  if (lowerName.endsWith(".svg")) {
+    return "svg";
+  }
+  if (lowerName.endsWith(".mmd") || lowerName.endsWith(".mermaid")) {
+    return "mermaid";
+  }
+  if (lowerName.endsWith(".jsx") || lowerName.endsWith(".tsx")) {
+    return "react";
+  }
+  if (/\.(js|ts|py|rb|go|rs|java|c|cc|cpp|cs|php|swift|kt|sh|bash|zsh)$/.test(lowerName)) {
+    return "code";
+  }
 
   const trimmed = String(content || "").trimStart();
+  if (/^(?:<\?xml[\s\S]*?\?>\s*)?<svg[\s>]/i.test(trimmed)) {
+    return "svg";
+  }
+  if (/^(graph|flowchart|sequenceDiagram|classDiagram|stateDiagram|stateDiagram-v2|erDiagram|gantt|pie|mindmap|journey)\b/m.test(trimmed)) {
+    return "mermaid";
+  }
+  if (/\b(import\s+React|from\s+['"]react['"]|export\s+default\s+function|export\s+default\s+\()/m.test(trimmed) || /<[A-Z][A-Za-z0-9]*[\s/>]/.test(trimmed)) {
+    return "react";
+  }
   if (trimmed.startsWith("<!doctype") || trimmed.startsWith("<html") || trimmed.startsWith("<")) {
     return "html";
   }

package/src/client/viewer.js

@@ -0,0 +1,67 @@
+import { EditorView, basicSetup } from "codemirror";
+import { EditorState } from "@codemirror/state";
+import { javascript } from "@codemirror/lang-javascript";
+import { html } from "@codemirror/lang-html";
+import { json } from "@codemirror/lang-json";
+import { markdown } from "@codemirror/lang-markdown";
+
+const viewerTheme = EditorView.theme({
+  "&": {
+    minHeight: "50vh"
+  },
+  ".cm-content": {
+    minHeight: "50vh"
+  },
+  ".cm-scroller": {
+    overflow: "auto"
+  }
+});
+
+for (const container of document.querySelectorAll("[data-artifacty-code-viewer]")) {
+  enhanceCodeViewer(container);
+}
+
+function enhanceCodeViewer(container) {
+  const source = container.querySelector("textarea")?.value || "";
+  const fallback = container.querySelector(".artifact-code-fallback");
+  const language = container.dataset.language || "";
+
+  const mount = document.createElement("div");
+  mount.className = "artifact-codemirror-mount";
+  container.append(mount);
+
+  new EditorView({
+    doc: source,
+    parent: mount,
+    extensions: [
+      basicSetup,
+      EditorState.readOnly.of(true),
+      EditorView.editable.of(false),
+      EditorView.lineWrapping,
+      viewerTheme,
+      languageExtension(language)
+    ]
+  });
+
+  fallback?.remove();
+}
+
+function languageExtension(language) {
+  const normalized = String(language || "").trim().toLowerCase();
+  if (["js", "javascript", "jsx"].includes(normalized)) {
+    return javascript({ jsx: true });
+  }
+  if (["ts", "typescript", "tsx"].includes(normalized)) {
+    return javascript({ typescript: true, jsx: normalized === "tsx" });
+  }
+  if (["html", "xml", "svg"].includes(normalized)) {
+    return html();
+  }
+  if (normalized === "json") {
+    return json();
+  }
+  if (["md", "markdown"].includes(normalized)) {
+    return markdown();
+  }
+  return [];
+}