@olwiba/dx 0.0.16 → 0.0.17

package/dist/cli.js

@@ -1,6 +1,7 @@
 #!/usr/bin/env node
 import { mkdirSync, writeFileSync, readFileSync } from 'fs';
 import path, { join } from 'path';
+import { createRequire } from 'module';
 import { createInterface } from 'readline/promises';
 import { stdout, stdin } from 'process';
 
@@ -1673,15 +1674,146 @@ var init_ascii_gif = __esm({
     init_ascii();
   }
 });
+
+// src/generate-assets.ts
+var generate_assets_exports = {};
+__export(generate_assets_exports, {
+  generateAssets: () => generateAssets
+});
+function toKebabCase(name) {
+  return name.replace(/([A-Z])/g, (_, ch) => `-${ch.toLowerCase()}`).replace(/^-/, "").toLowerCase();
+}
+function escapeXml(str) {
+  return str.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&apos;");
+}
+function getLucideIconInner(iconName) {
+  const kebab = toKebabCase(iconName);
+  const req = createRequire(import.meta.url);
+  let iconPath;
+  try {
+    iconPath = req.resolve(`lucide-static/icons/${kebab}.svg`);
+  } catch {
+    throw new Error(
+      `Unknown Lucide icon: "${iconName}" (tried "${kebab}.svg"). Browse icons at https://lucide.dev/icons`
+    );
+  }
+  const svg = readFileSync(iconPath, "utf-8");
+  return svg.replace(/<svg[^>]*>/, "").replace(/<\/svg>/, "").replace(/\sstroke="currentColor"/g, "").replace(/\sfill="none"/g, "").trim();
+}
+function buildIconSvg(inner, color, size) {
+  const pad = Math.round(size * 0.18);
+  const area = size - pad * 2;
+  const scale = area / 24;
+  const rx = Math.round(size * 0.16);
+  const sw = (2 / scale).toFixed(4);
+  return `<svg xmlns="http://www.w3.org/2000/svg" width="${size}" height="${size}">
+  <rect width="${size}" height="${size}" rx="${rx}" fill="${color}"/>
+  <g transform="translate(${pad} ${pad}) scale(${scale})" stroke="white" fill="none" stroke-width="${sw}" stroke-linecap="round" stroke-linejoin="round">
+    ${inner}
+  </g>
+</svg>`;
+}
+function buildOgSvg(inner, name, color) {
+  const iconPx = 180;
+  const iconX = Math.round((1200 - iconPx) / 2);
+  const iconY = 160;
+  const scale = iconPx / 24;
+  const sw = (2.5 / scale).toFixed(4);
+  return `<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="630">
+  <defs>
+    <radialGradient id="rg" cx="50%" cy="40%" r="65%">
+      <stop offset="0%" stop-color="${color}" stop-opacity="0.22"/>
+      <stop offset="100%" stop-color="#000000" stop-opacity="0"/>
+    </radialGradient>
+  </defs>
+  <rect width="1200" height="630" fill="#09090b"/>
+  <rect width="1200" height="630" fill="url(#rg)"/>
+  <g transform="translate(${iconX} ${iconY}) scale(${scale})" stroke="${color}" fill="none" stroke-width="${sw}" stroke-linecap="round" stroke-linejoin="round">
+    ${inner}
+  </g>
+  <text x="600" y="470" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif" font-size="72" font-weight="700" fill="white" text-anchor="middle" letter-spacing="-1">${escapeXml(name)}</text>
+</svg>`;
+}
+async function generateAssets(config) {
+  const { name, icon, color, outputDir } = config;
+  let sharpFn;
+  try {
+    sharpFn = (await import('sharp')).default;
+  } catch {
+    throw new Error(
+      "sharp is required for asset generation.\nInstall it in your project: bun add sharp lucide-static"
+    );
+  }
+  mkdirSync(outputDir, { recursive: true });
+  const faviconDir = join(outputDir, "favicon");
+  mkdirSync(faviconDir, { recursive: true });
+  const inner = getLucideIconInner(icon);
+  const written = [];
+  for (const size of FAVICON_SIZES) {
+    const svg = buildIconSvg(inner, color, size);
+    const png = await sharpFn(Buffer.from(svg)).png().toBuffer();
+    const dest = join(faviconDir, `favicon-${size}.png`);
+    writeFileSync(dest, png);
+    written.push(dest);
+  }
+  for (const [filename, size] of NAMED_ICONS) {
+    const svg = buildIconSvg(inner, color, size);
+    const png = await sharpFn(Buffer.from(svg)).png().toBuffer();
+    const dest = join(outputDir, filename);
+    writeFileSync(dest, png);
+    written.push(dest);
+  }
+  const ogSvg = buildOgSvg(inner, name, color);
+  const ogPng = await sharpFn(Buffer.from(ogSvg)).png().toBuffer();
+  const ogDest = join(outputDir, "og-image.png");
+  writeFileSync(ogDest, ogPng);
+  written.push(ogDest);
+  const manifest = {
+    name,
+    short_name: name,
+    theme_color: color,
+    background_color: "#09090b",
+    display: "standalone",
+    icons: [
+      { src: "/android-chrome-192x192.png", sizes: "192x192", type: "image/png" },
+      {
+        src: "/android-chrome-512x512.png",
+        sizes: "512x512",
+        type: "image/png",
+        purpose: "maskable"
+      }
+    ]
+  };
+  const manifestDest = join(outputDir, "manifest.json");
+  writeFileSync(manifestDest, JSON.stringify(manifest, null, 2) + "\n");
+  written.push(manifestDest);
+  const robotsDest = join(outputDir, "robots.txt");
+  writeFileSync(robotsDest, "User-agent: *\nAllow: /\n");
+  written.push(robotsDest);
+  return { files: written };
+}
+var FAVICON_SIZES, NAMED_ICONS;
+var init_generate_assets = __esm({
+  "src/generate-assets.ts"() {
+    FAVICON_SIZES = [16, 32, 48, 64];
+    NAMED_ICONS = [
+      ["apple-touch-icon.png", 180],
+      ["android-chrome-192x192.png", 192],
+      ["android-chrome-512x512.png", 512]
+    ];
+  }
+});
 var DEFAULT_SOURCE = "https://olwiba.com/skills/manifest.json";
 var [command, subcommand] = process.argv.slice(2);
 if (command === "skills" && subcommand === "install") {
   await runSkillsInstall();
 } else if (command === "ascii-gif") {
   await runAsciiGif();
+} else if (command === "generate-assets") {
+  await runGenerateAssets();
 } else {
   process.stdout.write(
-    "Usage:\n  dx skills install [--source <url>] [--target claude|amp] [--all] [--name a,b,c]\n  dx ascii-gif --text <text> --out <file.gif>\n"
+    "Usage:\n  dx skills install [--source <url>] [--target claude|amp] [--all] [--name a,b,c]\n  dx ascii-gif --text <text> --out <file.gif>\n  dx generate-assets --name <app> --icon <lucide-icon> --color <#hex> [--out <dir>]\n"
   );
 }
 async function runSkillsInstall() {
@@ -1838,6 +1970,35 @@ function parseFlags(args) {
   }
   return flags;
 }
+async function runGenerateAssets() {
+  const { generateAssets: generateAssets2 } = await Promise.resolve().then(() => (init_generate_assets(), generate_assets_exports));
+  const flags = parseFlags(process.argv.slice(3));
+  const name = flags.name;
+  const icon = flags.icon;
+  const color = flags.color;
+  const outputDir = flags.out ?? flags.output ?? "public";
+  if (!name || !icon || !color) {
+    process.stderr.write(
+      "Usage: dx generate-assets --name <app> --icon <lucide-icon> --color <#hex> [--out <dir>]\n"
+    );
+    process.exitCode = 1;
+    return;
+  }
+  process.stdout.write(`Generating assets for "${name}"\u2026
+`);
+  try {
+    const result = await generateAssets2({ name, icon, color, outputDir });
+    process.stdout.write(`Generated ${result.files.length} files in ${outputDir}/
+`);
+    for (const f of result.files) process.stdout.write(`  ${f}
+`);
+  } catch (err) {
+    const message = err instanceof Error ? err.message : String(err);
+    process.stderr.write(`Error: ${message}
+`);
+    process.exitCode = 1;
+  }
+}
 function parseNumberFlag(value) {
   if (value == null) return void 0;
   const parsed = Number(value);

package/dist/generate-assets.d.ts

@@ -0,0 +1,12 @@
+interface GenerateAssetsConfig {
+    name: string;
+    icon: string;
+    color: string;
+    outputDir: string;
+}
+interface GenerateAssetsResult {
+    files: string[];
+}
+declare function generateAssets(config: GenerateAssetsConfig): Promise<GenerateAssetsResult>;
+
+export { type GenerateAssetsConfig, type GenerateAssetsResult, generateAssets };

package/dist/generate-assets.js

@@ -0,0 +1,127 @@
+import { mkdirSync, writeFileSync, readFileSync } from 'fs';
+import { createRequire } from 'module';
+import { join } from 'path';
+
+// src/generate-assets.ts
+function toKebabCase(name) {
+  return name.replace(/([A-Z])/g, (_, ch) => `-${ch.toLowerCase()}`).replace(/^-/, "").toLowerCase();
+}
+function escapeXml(str) {
+  return str.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&apos;");
+}
+function getLucideIconInner(iconName) {
+  const kebab = toKebabCase(iconName);
+  const req = createRequire(import.meta.url);
+  let iconPath;
+  try {
+    iconPath = req.resolve(`lucide-static/icons/${kebab}.svg`);
+  } catch {
+    throw new Error(
+      `Unknown Lucide icon: "${iconName}" (tried "${kebab}.svg"). Browse icons at https://lucide.dev/icons`
+    );
+  }
+  const svg = readFileSync(iconPath, "utf-8");
+  return svg.replace(/<svg[^>]*>/, "").replace(/<\/svg>/, "").replace(/\sstroke="currentColor"/g, "").replace(/\sfill="none"/g, "").trim();
+}
+function buildIconSvg(inner, color, size) {
+  const pad = Math.round(size * 0.18);
+  const area = size - pad * 2;
+  const scale = area / 24;
+  const rx = Math.round(size * 0.16);
+  const sw = (2 / scale).toFixed(4);
+  return `<svg xmlns="http://www.w3.org/2000/svg" width="${size}" height="${size}">
+  <rect width="${size}" height="${size}" rx="${rx}" fill="${color}"/>
+  <g transform="translate(${pad} ${pad}) scale(${scale})" stroke="white" fill="none" stroke-width="${sw}" stroke-linecap="round" stroke-linejoin="round">
+    ${inner}
+  </g>
+</svg>`;
+}
+function buildOgSvg(inner, name, color) {
+  const iconPx = 180;
+  const iconX = Math.round((1200 - iconPx) / 2);
+  const iconY = 160;
+  const scale = iconPx / 24;
+  const sw = (2.5 / scale).toFixed(4);
+  return `<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="630">
+  <defs>
+    <radialGradient id="rg" cx="50%" cy="40%" r="65%">
+      <stop offset="0%" stop-color="${color}" stop-opacity="0.22"/>
+      <stop offset="100%" stop-color="#000000" stop-opacity="0"/>
+    </radialGradient>
+  </defs>
+  <rect width="1200" height="630" fill="#09090b"/>
+  <rect width="1200" height="630" fill="url(#rg)"/>
+  <g transform="translate(${iconX} ${iconY}) scale(${scale})" stroke="${color}" fill="none" stroke-width="${sw}" stroke-linecap="round" stroke-linejoin="round">
+    ${inner}
+  </g>
+  <text x="600" y="470" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif" font-size="72" font-weight="700" fill="white" text-anchor="middle" letter-spacing="-1">${escapeXml(name)}</text>
+</svg>`;
+}
+var FAVICON_SIZES = [16, 32, 48, 64];
+var NAMED_ICONS = [
+  ["apple-touch-icon.png", 180],
+  ["android-chrome-192x192.png", 192],
+  ["android-chrome-512x512.png", 512]
+];
+async function generateAssets(config) {
+  const { name, icon, color, outputDir } = config;
+  let sharpFn;
+  try {
+    sharpFn = (await import('sharp')).default;
+  } catch {
+    throw new Error(
+      "sharp is required for asset generation.\nInstall it in your project: bun add sharp lucide-static"
+    );
+  }
+  mkdirSync(outputDir, { recursive: true });
+  const faviconDir = join(outputDir, "favicon");
+  mkdirSync(faviconDir, { recursive: true });
+  const inner = getLucideIconInner(icon);
+  const written = [];
+  for (const size of FAVICON_SIZES) {
+    const svg = buildIconSvg(inner, color, size);
+    const png = await sharpFn(Buffer.from(svg)).png().toBuffer();
+    const dest = join(faviconDir, `favicon-${size}.png`);
+    writeFileSync(dest, png);
+    written.push(dest);
+  }
+  for (const [filename, size] of NAMED_ICONS) {
+    const svg = buildIconSvg(inner, color, size);
+    const png = await sharpFn(Buffer.from(svg)).png().toBuffer();
+    const dest = join(outputDir, filename);
+    writeFileSync(dest, png);
+    written.push(dest);
+  }
+  const ogSvg = buildOgSvg(inner, name, color);
+  const ogPng = await sharpFn(Buffer.from(ogSvg)).png().toBuffer();
+  const ogDest = join(outputDir, "og-image.png");
+  writeFileSync(ogDest, ogPng);
+  written.push(ogDest);
+  const manifest = {
+    name,
+    short_name: name,
+    theme_color: color,
+    background_color: "#09090b",
+    display: "standalone",
+    icons: [
+      { src: "/android-chrome-192x192.png", sizes: "192x192", type: "image/png" },
+      {
+        src: "/android-chrome-512x512.png",
+        sizes: "512x512",
+        type: "image/png",
+        purpose: "maskable"
+      }
+    ]
+  };
+  const manifestDest = join(outputDir, "manifest.json");
+  writeFileSync(manifestDest, JSON.stringify(manifest, null, 2) + "\n");
+  written.push(manifestDest);
+  const robotsDest = join(outputDir, "robots.txt");
+  writeFileSync(robotsDest, "User-agent: *\nAllow: /\n");
+  written.push(robotsDest);
+  return { files: written };
+}
+
+export { generateAssets };
+//# sourceMappingURL=generate-assets.js.map
+//# sourceMappingURL=generate-assets.js.map

package/dist/generate-assets.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/generate-assets.ts"],"names":[],"mappings":"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","file":"generate-assets.js","sourcesContent":["import { mkdirSync, readFileSync, writeFileSync } from \"node:fs\"\nimport { createRequire } from \"node:module\"\nimport { join } from \"node:path\"\n\nexport interface GenerateAssetsConfig {\n  name: string\n  icon: string\n  color: string\n  outputDir: string\n}\n\nexport interface GenerateAssetsResult {\n  files: string[]\n}\n\nfunction toKebabCase(name: string): string {\n  return name\n    .replace(/([A-Z])/g, (_, ch: string) => `-${ch.toLowerCase()}`)\n    .replace(/^-/, \"\")\n    .toLowerCase()\n}\n\nfunction escapeXml(str: string): string {\n  return str\n    .replace(/&/g, \"&amp;\")\n    .replace(/</g, \"&lt;\")\n    .replace(/>/g, \"&gt;\")\n    .replace(/\"/g, \"&quot;\")\n    .replace(/'/g, \"&apos;\")\n}\n\nfunction getLucideIconInner(iconName: string): string {\n  const kebab = toKebabCase(iconName)\n  const req = createRequire(import.meta.url)\n  let iconPath: string\n  try {\n    iconPath = req.resolve(`lucide-static/icons/${kebab}.svg`)\n  } catch {\n    throw new Error(\n      `Unknown Lucide icon: \"${iconName}\" (tried \"${kebab}.svg\"). ` +\n        `Browse icons at https://lucide.dev/icons`,\n    )\n  }\n  const svg = readFileSync(iconPath, \"utf-8\")\n  // Strip outer <svg> wrapper; clear inherited stroke/fill so parent <g> controls them\n  return svg\n    .replace(/<svg[^>]*>/, \"\")\n    .replace(/<\\/svg>/, \"\")\n    .replace(/\\sstroke=\"currentColor\"/g, \"\")\n    .replace(/\\sfill=\"none\"/g, \"\")\n    .trim()\n}\n\nfunction buildIconSvg(inner: string, color: string, size: number): string {\n  const pad = Math.round(size * 0.18)\n  const area = size - pad * 2\n  const scale = area / 24\n  const rx = Math.round(size * 0.16)\n  // Inverse-scale stroke so it renders at ~2px regardless of size\n  const sw = (2 / scale).toFixed(4)\n\n  return `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"${size}\" height=\"${size}\">\n  <rect width=\"${size}\" height=\"${size}\" rx=\"${rx}\" fill=\"${color}\"/>\n  <g transform=\"translate(${pad} ${pad}) scale(${scale})\" stroke=\"white\" fill=\"none\" stroke-width=\"${sw}\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n    ${inner}\n  </g>\n</svg>`\n}\n\nfunction buildOgSvg(inner: string, name: string, color: string): string {\n  const iconPx = 180\n  const iconX = Math.round((1200 - iconPx) / 2) // 510\n  const iconY = 160\n  const scale = iconPx / 24\n  // ~2.5px strokes at final 180px icon size\n  const sw = (2.5 / scale).toFixed(4)\n\n  return `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1200\" height=\"630\">\n  <defs>\n    <radialGradient id=\"rg\" cx=\"50%\" cy=\"40%\" r=\"65%\">\n      <stop offset=\"0%\" stop-color=\"${color}\" stop-opacity=\"0.22\"/>\n      <stop offset=\"100%\" stop-color=\"#000000\" stop-opacity=\"0\"/>\n    </radialGradient>\n  </defs>\n  <rect width=\"1200\" height=\"630\" fill=\"#09090b\"/>\n  <rect width=\"1200\" height=\"630\" fill=\"url(#rg)\"/>\n  <g transform=\"translate(${iconX} ${iconY}) scale(${scale})\" stroke=\"${color}\" fill=\"none\" stroke-width=\"${sw}\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n    ${inner}\n  </g>\n  <text x=\"600\" y=\"470\" font-family=\"-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif\" font-size=\"72\" font-weight=\"700\" fill=\"white\" text-anchor=\"middle\" letter-spacing=\"-1\">${escapeXml(name)}</text>\n</svg>`\n}\n\nconst FAVICON_SIZES = [16, 32, 48, 64] as const\n\nconst NAMED_ICONS: Array<[string, number]> = [\n  [\"apple-touch-icon.png\", 180],\n  [\"android-chrome-192x192.png\", 192],\n  [\"android-chrome-512x512.png\", 512],\n]\n\nexport async function generateAssets(\n  config: GenerateAssetsConfig,\n): Promise<GenerateAssetsResult> {\n  const { name, icon, color, outputDir } = config\n\n  let sharpFn: typeof import(\"sharp\")\n  try {\n    sharpFn = (await import(\"sharp\")).default\n  } catch {\n    throw new Error(\n      \"sharp is required for asset generation.\\n\" +\n        \"Install it in your project: bun add sharp lucide-static\",\n    )\n  }\n\n  mkdirSync(outputDir, { recursive: true })\n\n  const faviconDir = join(outputDir, \"favicon\")\n  mkdirSync(faviconDir, { recursive: true })\n\n  const inner = getLucideIconInner(icon)\n  const written: string[] = []\n\n  // favicon/favicon-{size}.png\n  for (const size of FAVICON_SIZES) {\n    const svg = buildIconSvg(inner, color, size)\n    const png = await sharpFn(Buffer.from(svg)).png().toBuffer()\n    const dest = join(faviconDir, `favicon-${size}.png`)\n    writeFileSync(dest, png)\n    written.push(dest)\n  }\n\n  // apple-touch-icon, android-chrome-*\n  for (const [filename, size] of NAMED_ICONS) {\n    const svg = buildIconSvg(inner, color, size)\n    const png = await sharpFn(Buffer.from(svg)).png().toBuffer()\n    const dest = join(outputDir, filename)\n    writeFileSync(dest, png)\n    written.push(dest)\n  }\n\n  // og-image.png\n  const ogSvg = buildOgSvg(inner, name, color)\n  const ogPng = await sharpFn(Buffer.from(ogSvg)).png().toBuffer()\n  const ogDest = join(outputDir, \"og-image.png\")\n  writeFileSync(ogDest, ogPng)\n  written.push(ogDest)\n\n  // manifest.json\n  const manifest = {\n    name,\n    short_name: name,\n    theme_color: color,\n    background_color: \"#09090b\",\n    display: \"standalone\",\n    icons: [\n      { src: \"/android-chrome-192x192.png\", sizes: \"192x192\", type: \"image/png\" },\n      {\n        src: \"/android-chrome-512x512.png\",\n        sizes: \"512x512\",\n        type: \"image/png\",\n        purpose: \"maskable\",\n      },\n    ],\n  }\n  const manifestDest = join(outputDir, \"manifest.json\")\n  writeFileSync(manifestDest, JSON.stringify(manifest, null, 2) + \"\\n\")\n  written.push(manifestDest)\n\n  // robots.txt\n  const robotsDest = join(outputDir, \"robots.txt\")\n  writeFileSync(robotsDest, \"User-agent: *\\nAllow: /\\n\")\n  written.push(robotsDest)\n\n  return { files: written }\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@olwiba/dx",
-  "version": "0.0.16",
+  "version": "0.0.17",
   "private": false,
   "type": "module",
   "sideEffects": false,
@@ -35,6 +35,10 @@
     "./ascii-gif": {
       "import": "./dist/ascii-gif.js",
       "types": "./dist/ascii-gif.d.ts"
+    },
+    "./generate-assets": {
+      "import": "./dist/generate-assets.js",
+      "types": "./dist/generate-assets.d.ts"
     }
   },
   "files": [
@@ -49,6 +53,7 @@
     "@types/node": "^22.5.4",
     "eslint": "^9.0.0",
     "puppeteer-core": "^24.0.0",
+    "sharp": "^0.33.0",
     "tsup": "^8.4.0",
     "typescript": "^5.7.2"
   },
@@ -57,7 +62,9 @@
     "puppeteer-core": ">=22.0.0",
     "@typescript-eslint/eslint-plugin": ">=8.0.0",
     "@typescript-eslint/parser": ">=8.0.0",
-    "eslint-plugin-react-hooks": ">=5.0.0"
+    "eslint-plugin-react-hooks": ">=5.0.0",
+    "sharp": ">=0.32.0",
+    "lucide-static": ">=0.400.0"
   },
   "peerDependenciesMeta": {
     "@typescript-eslint/eslint-plugin": {
@@ -71,6 +78,12 @@
     },
     "puppeteer-core": {
       "optional": true
+    },
+    "sharp": {
+      "optional": true
+    },
+    "lucide-static": {
+      "optional": true
     }
   },
   "homepage": "https://github.com/Olwiba/olwibaDX#readme",