@olwiba/dx 0.0.22 → 0.0.23

package/README.md

@@ -81,6 +81,36 @@ bunx @olwiba/dx ascii-gif \
   --out ./public/olwibaDX.gif
 ```
 
+### Asset Generator
+
+Generate favicons, app icons, manifest files, robots.txt, and an `og-image.png` from a Lucide icon or SVG mark.
+
+```bash
+bunx @olwiba/dx generate-assets \
+  --name "myApp" \
+  --icon ./public/logo.svg \
+  --color "#0d9488" \
+  --og-component ./public/search-bar.svg \
+  --out ./public
+```
+
+`--og-component` is optional and only affects the social image: it renders the given SVG/PNG/JPG/WebP
+component bottom-middle on a solid `--color` background, with a small `--icon` + `--name` wordmark
+grouped above it. Without it, `og-image.png` uses the default large-logo layout. Favicons and app
+icons always use `--icon`.
+
+```ts
+import { generateAssets } from "@olwiba/dx/generate-assets";
+
+await generateAssets({
+  name: "myApp",
+  icon: "./public/logo.svg",
+  color: "#0d9488",
+  outputDir: "./public",
+  ogComponent: "./public/search-bar.svg",
+});
+```
+
 ### Preview Generator
 
 Puppeteer-based screenshot tool used to pre-render the isometric preview tiles on docs sites.

package/dist/cli.js

@@ -1740,6 +1740,14 @@ function getSvgInner(svgPath) {
   const inner = svg.replace(/<svg[^>]*>/, "").replace(/<\/svg>/, "").trim();
   return { inner, viewBox };
 }
+function resolveIcon(icon) {
+  const mode = detectIconMode(icon);
+  if (mode === "svg") {
+    const { inner, viewBox } = getSvgInner(icon);
+    return { mode, inner, viewBox };
+  }
+  return { mode, inner: getLucideInner(icon), viewBox: 24 };
+}
 function buildIconSvgLucide(inner, color, size) {
   const pad = Math.round(size * 0.18);
   const area = size - pad * 2;
@@ -1798,8 +1806,44 @@ function buildOgSvgCustom(inner, viewBox, color) {
   </g>
 </svg>`;
 }
+function buildOgGlowSvg(box) {
+  const spread = 40;
+  return `<svg xmlns="http://www.w3.org/2000/svg" width="${OG_WIDTH}" height="${OG_HEIGHT}">
+  <defs>
+    <filter id="glow" x="-40%" y="-40%" width="180%" height="180%">
+      <feGaussianBlur stdDeviation="46"/>
+    </filter>
+  </defs>
+  <rect x="${box.left - spread}" y="${box.top - spread}" width="${box.width + spread * 2}" height="${box.height + spread * 2}" rx="48" fill="#ffffff" opacity="0.22" filter="url(#glow)"/>
+</svg>`;
+}
+function buildOgSvgWithSmallLogo(mode, inner, viewBox, color, name) {
+  const markSize = OG_HEADER.markSize;
+  const gap = 28;
+  const fontSize = 56;
+  const groupY = OG_HEADER.top;
+  const scale = markSize / viewBox;
+  const textWidth = Math.round(name.length * fontSize * 0.58);
+  const totalWidth = markSize + gap + textWidth;
+  const groupX = Math.round((1200 - totalWidth) / 2);
+  const logoMarkup = mode === "lucide" ? (() => {
+    const sw = (2.5 / scale).toFixed(4);
+    return `<g transform="translate(${groupX} ${groupY}) scale(${scale})" stroke="white" fill="none" stroke-width="${sw}" stroke-linecap="round" stroke-linejoin="round">
+    ${inner}
+  </g>`;
+  })() : `<g transform="translate(${groupX} ${groupY}) scale(${scale})">
+    ${inner}
+  </g>`;
+  const textX = groupX + markSize + gap;
+  const textY = groupY + markSize / 2;
+  return `<svg xmlns="http://www.w3.org/2000/svg" width="${OG_WIDTH}" height="${OG_HEIGHT}">
+  <rect width="${OG_WIDTH}" height="${OG_HEIGHT}" fill="${color}"/>
+  ${logoMarkup}
+  <text x="${textX}" y="${textY}" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif" font-size="${fontSize}" font-weight="700" fill="white" dominant-baseline="middle" letter-spacing="-1">${escapeXml(name)}</text>
+</svg>`;
+}
 async function generateAssets(config) {
-  const { name, icon, color, outputDir } = config;
+  const { name, icon, color, outputDir, ogComponent } = config;
   let sharpFn;
   try {
     sharpFn = (await import('sharp')).default;
@@ -1811,17 +1855,8 @@ async function generateAssets(config) {
   mkdirSync(outputDir, { recursive: true });
   const faviconDir = join(outputDir, "favicon");
   mkdirSync(faviconDir, { recursive: true });
-  const mode = detectIconMode(icon);
   const written = [];
-  let inner;
-  let viewBox = 24;
-  if (mode === "svg") {
-    const parsed = getSvgInner(icon);
-    inner = parsed.inner;
-    viewBox = parsed.viewBox;
-  } else {
-    inner = getLucideInner(icon);
-  }
+  const { mode, inner, viewBox } = resolveIcon(icon);
   const buildIcon = (size) => mode === "svg" ? buildIconSvgCustom(inner, viewBox, color, size) : buildIconSvgLucide(inner, color, size);
   for (const size of FAVICON_SIZES) {
     const png = await sharpFn(Buffer.from(buildIcon(size))).png().toBuffer();
@@ -1835,8 +1870,31 @@ async function generateAssets(config) {
     writeFileSync(dest, png);
     written.push(dest);
   }
-  const ogSvg = mode === "svg" ? buildOgSvgCustom(inner, viewBox, color) : buildOgSvgLucide(inner, name, color);
-  const ogPng = await sharpFn(Buffer.from(ogSvg)).png().toBuffer();
+  const ogSvg = ogComponent ? buildOgSvgWithSmallLogo(mode, inner, viewBox, color, name) : mode === "svg" ? buildOgSvgCustom(inner, viewBox, color) : buildOgSvgLucide(inner, name, color);
+  let ogPng = await sharpFn(Buffer.from(ogSvg)).png().toBuffer();
+  if (ogComponent) {
+    const sideMargin = 72;
+    const maxWidth = OG_WIDTH - sideMargin * 2;
+    const headerBottom = OG_HEADER.top + OG_HEADER.markSize + OG_HEADER.gapBelow;
+    const componentBuf = readFileSync(resolve(process.cwd(), ogComponent));
+    const resized = await sharpFn(componentBuf, { density: 300 }).resize({ width: maxWidth, withoutEnlargement: true }).png().toBuffer();
+    const { width: compWidth = maxWidth, height: compHeight = 0 } = await sharpFn(resized).metadata();
+    const left = Math.round((OG_WIDTH - compWidth) / 2);
+    const fits = headerBottom + compHeight <= OG_HEIGHT;
+    const top = fits ? Math.round(headerBottom + (OG_HEIGHT - headerBottom - compHeight) / 2) : headerBottom;
+    ogPng = await sharpFn(ogPng).composite([
+      // Glow first: it has to sit under the component, and sharp applies
+      // composites in array order.
+      {
+        input: Buffer.from(
+          buildOgGlowSvg({ left, top, width: compWidth, height: compHeight })
+        ),
+        left: 0,
+        top: 0
+      },
+      { input: resized, left, top }
+    ]).png().toBuffer();
+  }
   const ogDest = join(outputDir, "og-image.png");
   writeFileSync(ogDest, ogPng);
   written.push(ogDest);
@@ -1859,9 +1917,17 @@ async function generateAssets(config) {
   written.push(robotsDest);
   return { files: written };
 }
-var FAVICON_SIZES, NAMED_ICONS;
+var OG_WIDTH, OG_HEIGHT, OG_HEADER, FAVICON_SIZES, NAMED_ICONS;
 var init_generate_assets = __esm({
   "src/generate-assets.ts"() {
+    OG_WIDTH = 1200;
+    OG_HEIGHT = 630;
+    OG_HEADER = {
+      top: 54,
+      markSize: 96,
+      /** Clear space between the wordmark's baseline and the component. */
+      gapBelow: 30
+    };
     FAVICON_SIZES = [16, 32, 48, 64, 192, 512];
     NAMED_ICONS = [
       ["apple-touch-icon.png", 180],
@@ -1880,7 +1946,7 @@ if (command === "skills" && subcommand === "install") {
   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  dx generate-assets --name <app> --icon <lucide-icon> --color <#hex> [--out <dir>]\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>] [--og-component <svg-or-image-path>]\n"
   );
 }
 async function runSkillsInstall() {
@@ -2044,9 +2110,10 @@ async function runGenerateAssets() {
   const icon = flags.icon;
   const color = flags.color;
   const outputDir = flags.out ?? flags.output ?? "public";
+  const ogComponent = flags["og-component"];
   if (!name || !icon || !color) {
     process.stderr.write(
-      "Usage: dx generate-assets --name <app> --icon <lucide-icon> --color <#hex> [--out <dir>]\n"
+      "Usage: dx generate-assets --name <app> --icon <lucide-icon> --color <#hex> [--out <dir>] [--og-component <svg-or-image-path>]\n"
     );
     process.exitCode = 1;
     return;
@@ -2054,7 +2121,7 @@ async function runGenerateAssets() {
   process.stdout.write(`Generating assets for "${name}"\u2026
 `);
   try {
-    const result = await generateAssets2({ name, icon, color, outputDir });
+    const result = await generateAssets2({ name, icon, color, outputDir, ogComponent });
     process.stdout.write(`Generated ${result.files.length} files in ${outputDir}/
 `);
     for (const f of result.files) process.stdout.write(`  ${f}

package/dist/generate-assets.d.ts

@@ -4,6 +4,12 @@ interface GenerateAssetsConfig {
     icon: string;
     color: string;
     outputDir: string;
+    /**
+     * Optional path to a rendered component (SVG, PNG, JPG, or WebP) placed bottom-middle
+     * in og-image.png. When set, the OG image uses a solid `color` background with a smaller
+     * `icon` above the component instead of the default large-logo layout.
+     */
+    ogComponent?: string;
 }
 interface GenerateAssetsResult {
     files: string[];

package/dist/generate-assets.js

@@ -34,6 +34,14 @@ function getSvgInner(svgPath) {
   const inner = svg.replace(/<svg[^>]*>/, "").replace(/<\/svg>/, "").trim();
   return { inner, viewBox };
 }
+function resolveIcon(icon) {
+  const mode = detectIconMode(icon);
+  if (mode === "svg") {
+    const { inner, viewBox } = getSvgInner(icon);
+    return { mode, inner, viewBox };
+  }
+  return { mode, inner: getLucideInner(icon), viewBox: 24 };
+}
 function buildIconSvgLucide(inner, color, size) {
   const pad = Math.round(size * 0.18);
   const area = size - pad * 2;
@@ -92,6 +100,50 @@ function buildOgSvgCustom(inner, viewBox, color) {
   </g>
 </svg>`;
 }
+var OG_WIDTH = 1200;
+var OG_HEIGHT = 630;
+var OG_HEADER = {
+  top: 54,
+  markSize: 96,
+  /** Clear space between the wordmark's baseline and the component. */
+  gapBelow: 30
+};
+function buildOgGlowSvg(box) {
+  const spread = 40;
+  return `<svg xmlns="http://www.w3.org/2000/svg" width="${OG_WIDTH}" height="${OG_HEIGHT}">
+  <defs>
+    <filter id="glow" x="-40%" y="-40%" width="180%" height="180%">
+      <feGaussianBlur stdDeviation="46"/>
+    </filter>
+  </defs>
+  <rect x="${box.left - spread}" y="${box.top - spread}" width="${box.width + spread * 2}" height="${box.height + spread * 2}" rx="48" fill="#ffffff" opacity="0.22" filter="url(#glow)"/>
+</svg>`;
+}
+function buildOgSvgWithSmallLogo(mode, inner, viewBox, color, name) {
+  const markSize = OG_HEADER.markSize;
+  const gap = 28;
+  const fontSize = 56;
+  const groupY = OG_HEADER.top;
+  const scale = markSize / viewBox;
+  const textWidth = Math.round(name.length * fontSize * 0.58);
+  const totalWidth = markSize + gap + textWidth;
+  const groupX = Math.round((1200 - totalWidth) / 2);
+  const logoMarkup = mode === "lucide" ? (() => {
+    const sw = (2.5 / scale).toFixed(4);
+    return `<g transform="translate(${groupX} ${groupY}) scale(${scale})" stroke="white" fill="none" stroke-width="${sw}" stroke-linecap="round" stroke-linejoin="round">
+    ${inner}
+  </g>`;
+  })() : `<g transform="translate(${groupX} ${groupY}) scale(${scale})">
+    ${inner}
+  </g>`;
+  const textX = groupX + markSize + gap;
+  const textY = groupY + markSize / 2;
+  return `<svg xmlns="http://www.w3.org/2000/svg" width="${OG_WIDTH}" height="${OG_HEIGHT}">
+  <rect width="${OG_WIDTH}" height="${OG_HEIGHT}" fill="${color}"/>
+  ${logoMarkup}
+  <text x="${textX}" y="${textY}" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif" font-size="${fontSize}" font-weight="700" fill="white" dominant-baseline="middle" letter-spacing="-1">${escapeXml(name)}</text>
+</svg>`;
+}
 var FAVICON_SIZES = [16, 32, 48, 64, 192, 512];
 var NAMED_ICONS = [
   ["apple-touch-icon.png", 180],
@@ -99,7 +151,7 @@ var NAMED_ICONS = [
   ["android-chrome-512x512.png", 512]
 ];
 async function generateAssets(config) {
-  const { name, icon, color, outputDir } = config;
+  const { name, icon, color, outputDir, ogComponent } = config;
   let sharpFn;
   try {
     sharpFn = (await import('sharp')).default;
@@ -111,17 +163,8 @@ async function generateAssets(config) {
   mkdirSync(outputDir, { recursive: true });
   const faviconDir = join(outputDir, "favicon");
   mkdirSync(faviconDir, { recursive: true });
-  const mode = detectIconMode(icon);
   const written = [];
-  let inner;
-  let viewBox = 24;
-  if (mode === "svg") {
-    const parsed = getSvgInner(icon);
-    inner = parsed.inner;
-    viewBox = parsed.viewBox;
-  } else {
-    inner = getLucideInner(icon);
-  }
+  const { mode, inner, viewBox } = resolveIcon(icon);
   const buildIcon = (size) => mode === "svg" ? buildIconSvgCustom(inner, viewBox, color, size) : buildIconSvgLucide(inner, color, size);
   for (const size of FAVICON_SIZES) {
     const png = await sharpFn(Buffer.from(buildIcon(size))).png().toBuffer();
@@ -135,8 +178,31 @@ async function generateAssets(config) {
     writeFileSync(dest, png);
     written.push(dest);
   }
-  const ogSvg = mode === "svg" ? buildOgSvgCustom(inner, viewBox, color) : buildOgSvgLucide(inner, name, color);
-  const ogPng = await sharpFn(Buffer.from(ogSvg)).png().toBuffer();
+  const ogSvg = ogComponent ? buildOgSvgWithSmallLogo(mode, inner, viewBox, color, name) : mode === "svg" ? buildOgSvgCustom(inner, viewBox, color) : buildOgSvgLucide(inner, name, color);
+  let ogPng = await sharpFn(Buffer.from(ogSvg)).png().toBuffer();
+  if (ogComponent) {
+    const sideMargin = 72;
+    const maxWidth = OG_WIDTH - sideMargin * 2;
+    const headerBottom = OG_HEADER.top + OG_HEADER.markSize + OG_HEADER.gapBelow;
+    const componentBuf = readFileSync(resolve(process.cwd(), ogComponent));
+    const resized = await sharpFn(componentBuf, { density: 300 }).resize({ width: maxWidth, withoutEnlargement: true }).png().toBuffer();
+    const { width: compWidth = maxWidth, height: compHeight = 0 } = await sharpFn(resized).metadata();
+    const left = Math.round((OG_WIDTH - compWidth) / 2);
+    const fits = headerBottom + compHeight <= OG_HEIGHT;
+    const top = fits ? Math.round(headerBottom + (OG_HEIGHT - headerBottom - compHeight) / 2) : headerBottom;
+    ogPng = await sharpFn(ogPng).composite([
+      // Glow first: it has to sit under the component, and sharp applies
+      // composites in array order.
+      {
+        input: Buffer.from(
+          buildOgGlowSvg({ left, top, width: compWidth, height: compHeight })
+        ),
+        left: 0,
+        top: 0
+      },
+      { input: resized, left, top }
+    ]).png().toBuffer();
+  }
   const ogDest = join(outputDir, "og-image.png");
   writeFileSync(ogDest, ogPng);
   written.push(ogDest);

package/dist/generate-assets.js.map

@@ -1 +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, resolve } from \"node:path\"\n\nexport interface GenerateAssetsConfig {\n  name: string\n  /** Lucide icon name (e.g. \"Zap\") OR path to an SVG file (e.g. \"./logo.svg\") */\n  icon: string\n  color: string\n  outputDir: string\n}\n\nexport interface GenerateAssetsResult {\n  files: string[]\n}\n\ntype IconMode = \"lucide\" | \"svg\"\n\nfunction detectIconMode(icon: string): IconMode {\n  return icon.endsWith(\".svg\") || icon.includes(\"/\") || icon.includes(\"\\\\\") ? \"svg\" : \"lucide\"\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 getLucideInner(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  return svg\n    .replace(/<svg[^>]*>/, \"\")\n    .replace(/<\\/svg>/, \"\")\n    .replace(/\\sstroke=\"currentColor\"/g, \"\")\n    .replace(/\\sfill=\"none\"/g, \"\")\n    .trim()\n}\n\nfunction getSvgInner(svgPath: string): { inner: string; viewBox: number } {\n  const abs = resolve(process.cwd(), svgPath)\n  const svg = readFileSync(abs, \"utf-8\")\n  const vbMatch = svg.match(/viewBox=\"0 0 (\\d+\\.?\\d*) \\d/)\n  const viewBox = vbMatch ? parseFloat(vbMatch[1]) : 24\n  const inner = svg\n    .replace(/<svg[^>]*>/, \"\")\n    .replace(/<\\/svg>/, \"\")\n    .trim()\n  return { inner, viewBox }\n}\n\nfunction buildIconSvgLucide(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  const sw = (2 / scale).toFixed(4)\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 buildIconSvgCustom(inner: string, viewBox: number, color: string, size: number): string {\n  const pad = Math.round(size * 0.08)\n  const area = size - pad * 2\n  const scale = area / viewBox\n  const rx = Math.round(size * 0.16)\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})\">\n    ${inner}\n  </g>\n</svg>`\n}\n\nfunction buildOgSvgLucide(inner: string, name: string, color: string): string {\n  const iconPx = 180\n  const iconX = Math.round((1200 - iconPx) / 2)\n  const iconY = 160\n  const scale = iconPx / 24\n  const sw = (2.5 / scale).toFixed(4)\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\nfunction buildOgSvgCustom(inner: string, viewBox: number, color: string): string {\n  const s = 470\n  const x = Math.round((1200 - s) / 2)\n  const y = Math.round((630 - s) / 2)\n  const scale = s / viewBox\n  return `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1200\" height=\"630\">\n  <rect width=\"1200\" height=\"630\" fill=\"${color}\"/>\n  <g transform=\"translate(${x} ${y}) scale(${scale})\">\n    ${inner}\n  </g>\n</svg>`\n}\n\nconst FAVICON_SIZES = [16, 32, 48, 64, 192, 512] 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  const faviconDir = join(outputDir, \"favicon\")\n  mkdirSync(faviconDir, { recursive: true })\n\n  const mode = detectIconMode(icon)\n  const written: string[] = []\n\n  let inner: string\n  let viewBox = 24\n\n  if (mode === \"svg\") {\n    const parsed = getSvgInner(icon)\n    inner = parsed.inner\n    viewBox = parsed.viewBox\n  } else {\n    inner = getLucideInner(icon)\n  }\n\n  const buildIcon = (size: number) =>\n    mode === \"svg\"\n      ? buildIconSvgCustom(inner, viewBox, color, size)\n      : buildIconSvgLucide(inner, color, size)\n\n  for (const size of FAVICON_SIZES) {\n    const png = await sharpFn(Buffer.from(buildIcon(size))).png().toBuffer()\n    const dest = join(faviconDir, `favicon-${size}.png`)\n    writeFileSync(dest, png)\n    written.push(dest)\n  }\n\n  for (const [filename, size] of NAMED_ICONS) {\n    const png = await sharpFn(Buffer.from(buildIcon(size))).png().toBuffer()\n    const dest = join(outputDir, filename)\n    writeFileSync(dest, png)\n    written.push(dest)\n  }\n\n  const ogSvg =\n    mode === \"svg\"\n      ? buildOgSvgCustom(inner, viewBox, color)\n      : buildOgSvgLucide(inner, name, color)\n\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  const manifest = {\n    name,\n    short_name: name,\n    theme_color: color,\n    background_color: mode === \"svg\" ? color : \"#09090b\",\n    display: \"standalone\",\n    icons: [\n      { src: \"/android-chrome-192x192.png\", sizes: \"192x192\", type: \"image/png\" },\n      { src: \"/android-chrome-512x512.png\", sizes: \"512x512\", type: \"image/png\", purpose: \"maskable\" },\n    ],\n  }\n  const manifestDest = join(outputDir, \"manifest.json\")\n  writeFileSync(manifestDest, JSON.stringify(manifest, null, 2) + \"\\n\")\n  written.push(manifestDest)\n\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"]}
+{"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, resolve } from \"node:path\"\n\nexport interface GenerateAssetsConfig {\n  name: string\n  /** Lucide icon name (e.g. \"Zap\") OR path to an SVG file (e.g. \"./logo.svg\") */\n  icon: string\n  color: string\n  outputDir: string\n  /**\n   * Optional path to a rendered component (SVG, PNG, JPG, or WebP) placed bottom-middle\n   * in og-image.png. When set, the OG image uses a solid `color` background with a smaller\n   * `icon` above the component instead of the default large-logo layout.\n   */\n  ogComponent?: string\n}\n\nexport interface GenerateAssetsResult {\n  files: string[]\n}\n\ntype IconMode = \"lucide\" | \"svg\"\n\nfunction detectIconMode(icon: string): IconMode {\n  return icon.endsWith(\".svg\") || icon.includes(\"/\") || icon.includes(\"\\\\\") ? \"svg\" : \"lucide\"\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 getLucideInner(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  return svg\n    .replace(/<svg[^>]*>/, \"\")\n    .replace(/<\\/svg>/, \"\")\n    .replace(/\\sstroke=\"currentColor\"/g, \"\")\n    .replace(/\\sfill=\"none\"/g, \"\")\n    .trim()\n}\n\nfunction getSvgInner(svgPath: string): { inner: string; viewBox: number } {\n  const abs = resolve(process.cwd(), svgPath)\n  const svg = readFileSync(abs, \"utf-8\")\n  const vbMatch = svg.match(/viewBox=\"0 0 (\\d+\\.?\\d*) \\d/)\n  const viewBox = vbMatch ? parseFloat(vbMatch[1]) : 24\n  const inner = svg\n    .replace(/<svg[^>]*>/, \"\")\n    .replace(/<\\/svg>/, \"\")\n    .trim()\n  return { inner, viewBox }\n}\n\nfunction resolveIcon(icon: string): { mode: IconMode; inner: string; viewBox: number } {\n  const mode = detectIconMode(icon)\n  if (mode === \"svg\") {\n    const { inner, viewBox } = getSvgInner(icon)\n    return { mode, inner, viewBox }\n  }\n  return { mode, inner: getLucideInner(icon), viewBox: 24 }\n}\n\nfunction buildIconSvgLucide(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  const sw = (2 / scale).toFixed(4)\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 buildIconSvgCustom(inner: string, viewBox: number, color: string, size: number): string {\n  const pad = Math.round(size * 0.08)\n  const area = size - pad * 2\n  const scale = area / viewBox\n  const rx = Math.round(size * 0.16)\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})\">\n    ${inner}\n  </g>\n</svg>`\n}\n\nfunction buildOgSvgLucide(inner: string, name: string, color: string): string {\n  const iconPx = 180\n  const iconX = Math.round((1200 - iconPx) / 2)\n  const iconY = 160\n  const scale = iconPx / 24\n  const sw = (2.5 / scale).toFixed(4)\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\nfunction buildOgSvgCustom(inner: string, viewBox: number, color: string): string {\n  const s = 470\n  const x = Math.round((1200 - s) / 2)\n  const y = Math.round((630 - s) / 2)\n  const scale = s / viewBox\n  return `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1200\" height=\"630\">\n  <rect width=\"1200\" height=\"630\" fill=\"${color}\"/>\n  <g transform=\"translate(${x} ${y}) scale(${scale})\">\n    ${inner}\n  </g>\n</svg>`\n}\n\nconst OG_WIDTH = 1200\nconst OG_HEIGHT = 630\n\n/**\n * The wordmark band at the top, and the space left under it for the component.\n *\n * Shared by the SVG that draws the header and the compositing that places the\n * component, so the two cannot disagree about where one ends and the other\n * begins — the failure mode being a component that creeps up under the logo.\n */\nconst OG_HEADER = {\n  top: 54,\n  markSize: 96,\n  /** Clear space between the wordmark's baseline and the component. */\n  gapBelow: 30,\n} as const\n\n/**\n * A soft bloom behind the component, so it sits on the brand field rather than\n * on top of it. White at low opacity rather than a tint, so it reads as light\n * on any brand colour instead of as a second colour competing with it.\n */\nfunction buildOgGlowSvg(box: { left: number; top: number; width: number; height: number }): string {\n  const spread = 40\n  return `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"${OG_WIDTH}\" height=\"${OG_HEIGHT}\">\n  <defs>\n    <filter id=\"glow\" x=\"-40%\" y=\"-40%\" width=\"180%\" height=\"180%\">\n      <feGaussianBlur stdDeviation=\"46\"/>\n    </filter>\n  </defs>\n  <rect x=\"${box.left - spread}\" y=\"${box.top - spread}\" width=\"${box.width + spread * 2}\" height=\"${box.height + spread * 2}\" rx=\"48\" fill=\"#ffffff\" opacity=\"0.22\" filter=\"url(#glow)\"/>\n</svg>`\n}\n\n/**\n * OG base image used when `ogComponent` is set: solid brand-`color` background with a\n * small logo mark + name wordmark centered as a group near the top. The component itself\n * is composited on top afterward, filling the space beneath.\n */\nfunction buildOgSvgWithSmallLogo(\n  mode: IconMode,\n  inner: string,\n  viewBox: number,\n  color: string,\n  name: string,\n): string {\n  const markSize = OG_HEADER.markSize\n  const gap = 28\n  const fontSize = 56\n  const groupY = OG_HEADER.top\n  const scale = markSize / viewBox\n\n  // No text-measurement API in raw SVG generation, so estimate wordmark width from\n  // character count to center the mark+text group as a whole.\n  const textWidth = Math.round(name.length * fontSize * 0.58)\n  const totalWidth = markSize + gap + textWidth\n  const groupX = Math.round((1200 - totalWidth) / 2)\n\n  const logoMarkup =\n    mode === \"lucide\"\n      ? (() => {\n          const sw = (2.5 / scale).toFixed(4)\n          return `<g transform=\"translate(${groupX} ${groupY}) scale(${scale})\" stroke=\"white\" fill=\"none\" stroke-width=\"${sw}\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n    ${inner}\n  </g>`\n        })()\n      : `<g transform=\"translate(${groupX} ${groupY}) scale(${scale})\">\n    ${inner}\n  </g>`\n\n  const textX = groupX + markSize + gap\n  const textY = groupY + markSize / 2\n\n  return `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"${OG_WIDTH}\" height=\"${OG_HEIGHT}\">\n  <rect width=\"${OG_WIDTH}\" height=\"${OG_HEIGHT}\" fill=\"${color}\"/>\n  ${logoMarkup}\n  <text x=\"${textX}\" y=\"${textY}\" font-family=\"-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif\" font-size=\"${fontSize}\" font-weight=\"700\" fill=\"white\" dominant-baseline=\"middle\" letter-spacing=\"-1\">${escapeXml(name)}</text>\n</svg>`\n}\n\nconst FAVICON_SIZES = [16, 32, 48, 64, 192, 512] 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, ogComponent } = 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  const faviconDir = join(outputDir, \"favicon\")\n  mkdirSync(faviconDir, { recursive: true })\n\n  const written: string[] = []\n\n  const { mode, inner, viewBox } = resolveIcon(icon)\n\n  const buildIcon = (size: number) =>\n    mode === \"svg\"\n      ? buildIconSvgCustom(inner, viewBox, color, size)\n      : buildIconSvgLucide(inner, color, size)\n\n  for (const size of FAVICON_SIZES) {\n    const png = await sharpFn(Buffer.from(buildIcon(size))).png().toBuffer()\n    const dest = join(faviconDir, `favicon-${size}.png`)\n    writeFileSync(dest, png)\n    written.push(dest)\n  }\n\n  for (const [filename, size] of NAMED_ICONS) {\n    const png = await sharpFn(Buffer.from(buildIcon(size))).png().toBuffer()\n    const dest = join(outputDir, filename)\n    writeFileSync(dest, png)\n    written.push(dest)\n  }\n\n  const ogSvg = ogComponent\n    ? buildOgSvgWithSmallLogo(mode, inner, viewBox, color, name)\n    : mode === \"svg\"\n      ? buildOgSvgCustom(inner, viewBox, color)\n      : buildOgSvgLucide(inner, name, color)\n\n  let ogPng = await sharpFn(Buffer.from(ogSvg)).png().toBuffer()\n\n  if (ogComponent) {\n    // Scaled to width and allowed to run off the bottom edge, rather than\n    // shrunk to fit a box. A screenshot that fits entirely inside the frame\n    // reads as a picture of an app; one that continues past the edge reads as\n    // the app itself, and the detail stays legible at the size a link preview\n    // is actually seen.\n    //\n    // The previous fixed 880x300 box assumed a wide strip — a composer, a\n    // toolbar — and shrank anything squarer to fit its height: a 1.87:1\n    // dashboard landed at 561x300, adrift in the middle of a 1200px canvas.\n    const sideMargin = 72\n    const maxWidth = OG_WIDTH - sideMargin * 2\n    const headerBottom = OG_HEADER.top + OG_HEADER.markSize + OG_HEADER.gapBelow\n\n    const componentBuf = readFileSync(resolve(process.cwd(), ogComponent))\n    const resized = await sharpFn(componentBuf, { density: 300 })\n      .resize({ width: maxWidth, withoutEnlargement: true })\n      .png()\n      .toBuffer()\n    const { width: compWidth = maxWidth, height: compHeight = 0 } =\n      await sharpFn(resized).metadata()\n\n    const left = Math.round((OG_WIDTH - compWidth) / 2)\n    // A component short enough to fit sits centred in the space under the\n    // header; a tall one starts there and bleeds off the bottom. Without this\n    // branch a wide strip would cling to the header with a gulf beneath it.\n    const fits = headerBottom + compHeight <= OG_HEIGHT\n    const top = fits\n      ? Math.round(headerBottom + (OG_HEIGHT - headerBottom - compHeight) / 2)\n      : headerBottom\n\n    ogPng = await sharpFn(ogPng)\n      .composite([\n        // Glow first: it has to sit under the component, and sharp applies\n        // composites in array order.\n        {\n          input: Buffer.from(\n            buildOgGlowSvg({ left, top, width: compWidth, height: compHeight }),\n          ),\n          left: 0,\n          top: 0,\n        },\n        { input: resized, left, top },\n      ])\n      .png()\n      .toBuffer()\n  }\n\n  const ogDest = join(outputDir, \"og-image.png\")\n  writeFileSync(ogDest, ogPng)\n  written.push(ogDest)\n\n  const manifest = {\n    name,\n    short_name: name,\n    theme_color: color,\n    background_color: mode === \"svg\" ? color : \"#09090b\",\n    display: \"standalone\",\n    icons: [\n      { src: \"/android-chrome-192x192.png\", sizes: \"192x192\", type: \"image/png\" },\n      { src: \"/android-chrome-512x512.png\", sizes: \"512x512\", type: \"image/png\", purpose: \"maskable\" },\n    ],\n  }\n  const manifestDest = join(outputDir, \"manifest.json\")\n  writeFileSync(manifestDest, JSON.stringify(manifest, null, 2) + \"\\n\")\n  written.push(manifestDest)\n\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.22",
+  "version": "0.0.23",
   "private": false,
   "type": "module",
   "sideEffects": false,