@ewanc26/og 0.1.1

package/README.md

@@ -0,0 +1,145 @@
+# @ewanc26/og
+
+Dynamic OpenGraph image generator with noise backgrounds, bold typography, and Satori-based rendering. Works in SvelteKit endpoints, edge runtimes, and build scripts.
+
+## Features
+
+- **Bold, identifiably personal design** — massive typography, ALL CAPS site names, unique per-page noise
+- **@ewanc26/noise integration** — deterministic noise backgrounds seeded by title
+- **Zero native dependencies** — works in Node.js, edge runtimes, and browsers
+- **SvelteKit helpers** — drop-in endpoint creation
+- **Customisable** — colours, fonts, templates
+
+## Quick Start
+
+```bash
+pnpm add @ewanc26/og
+```
+
+### SvelteKit Endpoint
+
+```ts
+// src/routes/og/[...path]/+server.ts
+import { createOgEndpoint } from '@ewanc26/og';
+
+export const GET = createOgEndpoint({
+  siteName: 'ewancroft.uk',
+  defaultTemplate: 'blog',
+  cacheMaxAge: 86400, // 24 hours
+});
+```
+
+Use in your page:
+
+```svelte
+<script>
+  import { createOgImageUrl } from '@ewanc26/og';
+</script>
+
+<svelte:head>
+  <meta property="og:image" content={createOgImageUrl('/og', {
+    title: data.post.title,
+    description: data.post.excerpt,
+  })} />
+</svelte:head>
+```
+
+### Direct Generation
+
+```ts
+import { generateOgImage } from '@ewanc26/og';
+import { writeFileSync } from 'fs';
+
+const png = await generateOgImage({
+  title: 'My Blog Post',
+  description: 'A compelling description',
+  siteName: 'ewancroft.uk',
+  template: 'blog', // 'blog' | 'profile' | 'default'
+});
+
+writeFileSync('./og-image.png', png);
+```
+
+## Templates
+
+### `blog` (default)
+
+Massive title (72px), ALL CAPS site name, noise background, accent bar. Optimised for blog posts and articles.
+
+### `profile`
+
+Centered layout with prominent avatar. Works well for user pages, about pages.
+
+### `default`
+
+Bold but minimal. Good for generic pages.
+
+## Customisation
+
+### Colours
+
+```ts
+await generateOgImage({
+  title: 'My Page',
+  siteName: 'mysite.com',
+  colors: {
+    background: '#1a1a2e',
+    text: '#ffffff',
+    accent: '#00d4ff',
+  },
+});
+```
+
+### Fonts
+
+Package bundles Inter. Override with custom fonts:
+
+```ts
+await generateOgImage({
+  title: 'My Page',
+  siteName: 'mysite.com',
+  fonts: {
+    heading: './static/fonts/CustomFont-Bold.ttf',
+    body: './static/fonts/CustomFont-Regular.ttf',
+  },
+});
+```
+
+### Noise
+
+Disable or customise noise:
+
+```ts
+await generateOgImage({
+  title: 'My Page',
+  siteName: 'mysite.com',
+  noise: {
+    enabled: true,
+    opacity: 0.3,
+    colorMode: 'grayscale',
+  },
+  noiseSeed: 'custom-seed', // optional, defaults to title
+});
+```
+
+## API
+
+### `generateOgImage(options): Promise<Buffer>`
+
+Generate PNG buffer.
+
+### `generateOgImageDataUrl(options): Promise<string>`
+
+Generate base64 data URL.
+
+### `createOgEndpoint(options): RequestHandler`
+
+Create SvelteKit GET handler.
+
+### `createOgImageUrl(baseUrl, params): string`
+
+Build OG image URL with query parameters.
+
+## License
+
+AGPL-3.0-only

package/dist/chunk-EPPJ2HBS.js

@@ -0,0 +1,258 @@
+// src/templates/blog.ts
+function blogTemplate({
+  title,
+  description,
+  siteName,
+  colors,
+  width,
+  height
+}) {
+  return {
+    type: "div",
+    props: {
+      style: {
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        justifyContent: "center",
+        width,
+        height,
+        backgroundColor: colors.background
+      },
+      children: [
+        {
+          type: "h1",
+          props: {
+            style: {
+              fontSize: 64,
+              fontWeight: 700,
+              color: colors.text,
+              letterSpacing: "-0.02em",
+              margin: 0,
+              textAlign: "center",
+              lineHeight: 1.1,
+              maxWidth: 1e3
+            },
+            children: title
+          }
+        },
+        description ? {
+          type: "p",
+          props: {
+            style: {
+              fontSize: 28,
+              fontWeight: 400,
+              color: colors.accent,
+              marginTop: 28,
+              marginBottom: 0,
+              textAlign: "center",
+              lineHeight: 1.4,
+              maxWidth: 900
+            },
+            children: description
+          }
+        } : null,
+        {
+          type: "p",
+          props: {
+            style: {
+              fontSize: 24,
+              fontWeight: 400,
+              color: colors.accent,
+              marginTop: 56,
+              marginBottom: 0,
+              textAlign: "center",
+              opacity: 0.7
+            },
+            children: siteName
+          }
+        }
+      ].filter(Boolean)
+    }
+  };
+}
+
+// src/templates/profile.ts
+function profileTemplate({
+  title,
+  description,
+  siteName,
+  image,
+  colors,
+  width,
+  height
+}) {
+  const children = [];
+  if (image) {
+    children.push({
+      type: "img",
+      props: {
+        src: image,
+        width: 120,
+        height: 120,
+        style: {
+          borderRadius: "50%",
+          marginBottom: 32,
+          objectFit: "cover"
+        }
+      }
+    });
+  }
+  children.push({
+    type: "h1",
+    props: {
+      style: {
+        fontSize: 56,
+        fontWeight: 700,
+        color: colors.text,
+        letterSpacing: "-0.02em",
+        margin: 0,
+        textAlign: "center",
+        lineHeight: 1.1,
+        maxWidth: 900
+      },
+      children: title
+    }
+  });
+  if (description) {
+    children.push({
+      type: "p",
+      props: {
+        style: {
+          fontSize: 26,
+          fontWeight: 400,
+          color: colors.accent,
+          marginTop: 20,
+          marginBottom: 0,
+          textAlign: "center",
+          lineHeight: 1.4,
+          maxWidth: 700
+        },
+        children: description
+      }
+    });
+  }
+  children.push({
+    type: "p",
+    props: {
+      style: {
+        fontSize: 24,
+        fontWeight: 400,
+        color: colors.accent,
+        marginTop: 48,
+        marginBottom: 0,
+        textAlign: "center",
+        opacity: 0.7
+      },
+      children: siteName
+    }
+  });
+  return {
+    type: "div",
+    props: {
+      style: {
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        justifyContent: "center",
+        width,
+        height,
+        backgroundColor: colors.background
+      },
+      children
+    }
+  };
+}
+
+// src/templates/default.ts
+function defaultTemplate({
+  title,
+  description,
+  siteName,
+  colors,
+  width,
+  height
+}) {
+  return {
+    type: "div",
+    props: {
+      style: {
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        justifyContent: "center",
+        width,
+        height,
+        backgroundColor: colors.background
+      },
+      children: [
+        {
+          type: "h1",
+          props: {
+            style: {
+              fontSize: 72,
+              fontWeight: 700,
+              color: colors.text,
+              letterSpacing: "-0.02em",
+              margin: 0,
+              textAlign: "center"
+            },
+            children: title
+          }
+        },
+        description ? {
+          type: "p",
+          props: {
+            style: {
+              fontSize: 32,
+              fontWeight: 400,
+              color: colors.accent,
+              marginTop: 24,
+              marginBottom: 0,
+              textAlign: "center",
+              maxWidth: 900
+            },
+            children: description
+          }
+        } : null,
+        {
+          type: "p",
+          props: {
+            style: {
+              fontSize: 28,
+              fontWeight: 400,
+              color: colors.accent,
+              marginTop: 64,
+              marginBottom: 0,
+              textAlign: "center",
+              opacity: 0.7
+            },
+            children: siteName
+          }
+        }
+      ].filter(Boolean)
+    }
+  };
+}
+
+// src/templates/index.ts
+var templates = {
+  blog: blogTemplate,
+  profile: profileTemplate,
+  default: defaultTemplate
+};
+function getTemplate(name) {
+  if (typeof name === "function") {
+    return name;
+  }
+  return templates[name];
+}
+
+export {
+  blogTemplate,
+  profileTemplate,
+  defaultTemplate,
+  templates,
+  getTemplate
+};
+//# sourceMappingURL=chunk-EPPJ2HBS.js.map

package/dist/chunk-EPPJ2HBS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/templates/blog.ts","../src/templates/profile.ts","../src/templates/default.ts","../src/templates/index.ts"],"sourcesContent":["/**\n * Blog OG template.\n * Clean centered layout.\n */\n\nimport type { OgTemplateProps } from '../types.js'\n\nexport function blogTemplate({\n\ttitle,\n\tdescription,\n\tsiteName,\n\tcolors,\n\twidth,\n\theight,\n}: OgTemplateProps) {\n\treturn {\n\t\ttype: 'div',\n\t\tprops: {\n\t\t\tstyle: {\n\t\t\t\tdisplay: 'flex',\n\t\t\t\tflexDirection: 'column',\n\t\t\t\talignItems: 'center',\n\t\t\t\tjustifyContent: 'center',\n\t\t\t\twidth,\n\t\t\t\theight,\n\t\t\t\tbackgroundColor: colors.background,\n\t\t\t},\n\t\t\tchildren: [\n\t\t\t\t{\n\t\t\t\t\ttype: 'h1',\n\t\t\t\t\tprops: {\n\t\t\t\t\t\tstyle: {\n\t\t\t\t\t\t\tfontSize: 64,\n\t\t\t\t\t\t\tfontWeight: 700,\n\t\t\t\t\t\t\tcolor: colors.text,\n\t\t\t\t\t\t\tletterSpacing: '-0.02em',\n\t\t\t\t\t\t\tmargin: 0,\n\t\t\t\t\t\t\ttextAlign: 'center',\n\t\t\t\t\t\t\tlineHeight: 1.1,\n\t\t\t\t\t\t\tmaxWidth: 1000,\n\t\t\t\t\t\t},\n\t\t\t\t\t\tchildren: title,\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t\tdescription ? {\n\t\t\t\t\ttype: 'p',\n\t\t\t\t\tprops: {\n\t\t\t\t\t\tstyle: {\n\t\t\t\t\t\t\tfontSize: 28,\n\t\t\t\t\t\t\tfontWeight: 400,\n\t\t\t\t\t\t\tcolor: colors.accent,\n\t\t\t\t\t\t\tmarginTop: 28,\n\t\t\t\t\t\t\tmarginBottom: 0,\n\t\t\t\t\t\t\ttextAlign: 'center',\n\t\t\t\t\t\t\tlineHeight: 1.4,\n\t\t\t\t\t\t\tmaxWidth: 900,\n\t\t\t\t\t\t},\n\t\t\t\t\t\tchildren: description,\n\t\t\t\t\t},\n\t\t\t\t} : null,\n\t\t\t\t{\n\t\t\t\t\ttype: 'p',\n\t\t\t\t\tprops: {\n\t\t\t\t\t\tstyle: {\n\t\t\t\t\t\t\tfontSize: 24,\n\t\t\t\t\t\t\tfontWeight: 400,\n\t\t\t\t\t\t\tcolor: colors.accent,\n\t\t\t\t\t\t\tmarginTop: 56,\n\t\t\t\t\t\t\tmarginBottom: 0,\n\t\t\t\t\t\t\ttextAlign: 'center',\n\t\t\t\t\t\t\topacity: 0.7,\n\t\t\t\t\t\t},\n\t\t\t\t\t\tchildren: siteName,\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t].filter(Boolean),\n\t\t},\n\t}\n}\n","/**\n * Profile OG template.\n * Centered layout.\n */\n\nimport type { OgTemplateProps } from '../types.js'\n\nexport function profileTemplate({\n\ttitle,\n\tdescription,\n\tsiteName,\n\timage,\n\tcolors,\n\twidth,\n\theight,\n}: OgTemplateProps) {\n\tconst children: unknown[] = []\n\n\tif (image) {\n\t\tchildren.push({\n\t\t\ttype: 'img',\n\t\t\tprops: {\n\t\t\t\tsrc: image,\n\t\t\t\twidth: 120,\n\t\t\t\theight: 120,\n\t\t\t\tstyle: {\n\t\t\t\t\tborderRadius: '50%',\n\t\t\t\t\tmarginBottom: 32,\n\t\t\t\t\tobjectFit: 'cover',\n\t\t\t\t},\n\t\t\t},\n\t\t})\n\t}\n\n\tchildren.push({\n\t\ttype: 'h1',\n\t\tprops: {\n\t\t\tstyle: {\n\t\t\t\tfontSize: 56,\n\t\t\t\tfontWeight: 700,\n\t\t\t\tcolor: colors.text,\n\t\t\t\tletterSpacing: '-0.02em',\n\t\t\t\tmargin: 0,\n\t\t\t\ttextAlign: 'center',\n\t\t\t\tlineHeight: 1.1,\n\t\t\t\tmaxWidth: 900,\n\t\t\t},\n\t\t\tchildren: title,\n\t\t},\n\t})\n\n\tif (description) {\n\t\tchildren.push({\n\t\t\ttype: 'p',\n\t\t\tprops: {\n\t\t\t\tstyle: {\n\t\t\t\t\tfontSize: 26,\n\t\t\t\t\tfontWeight: 400,\n\t\t\t\t\tcolor: colors.accent,\n\t\t\t\t\tmarginTop: 20,\n\t\t\t\t\tmarginBottom: 0,\n\t\t\t\t\ttextAlign: 'center',\n\t\t\t\t\tlineHeight: 1.4,\n\t\t\t\t\tmaxWidth: 700,\n\t\t\t\t},\n\t\t\t\tchildren: description,\n\t\t\t},\n\t\t})\n\t}\n\n\tchildren.push({\n\t\ttype: 'p',\n\t\tprops: {\n\t\t\tstyle: {\n\t\t\t\tfontSize: 24,\n\t\t\t\tfontWeight: 400,\n\t\t\t\tcolor: colors.accent,\n\t\t\t\tmarginTop: 48,\n\t\t\t\tmarginBottom: 0,\n\t\t\t\ttextAlign: 'center',\n\t\t\t\topacity: 0.7,\n\t\t\t},\n\t\t\tchildren: siteName,\n\t\t},\n\t})\n\n\treturn {\n\t\ttype: 'div',\n\t\tprops: {\n\t\t\tstyle: {\n\t\t\t\tdisplay: 'flex',\n\t\t\t\tflexDirection: 'column',\n\t\t\t\talignItems: 'center',\n\t\t\t\tjustifyContent: 'center',\n\t\t\t\twidth,\n\t\t\t\theight,\n\t\t\t\tbackgroundColor: colors.background,\n\t\t\t},\n\t\t\tchildren,\n\t\t},\n\t}\n}\n","/**\n * Default OG template.\n * Clean, centered layout.\n */\n\nimport type { OgTemplateProps } from '../types.js'\n\nexport function defaultTemplate({\n\ttitle,\n\tdescription,\n\tsiteName,\n\tcolors,\n\twidth,\n\theight,\n}: OgTemplateProps) {\n\treturn {\n\t\ttype: 'div',\n\t\tprops: {\n\t\t\tstyle: {\n\t\t\t\tdisplay: 'flex',\n\t\t\t\tflexDirection: 'column',\n\t\t\t\talignItems: 'center',\n\t\t\t\tjustifyContent: 'center',\n\t\t\t\twidth,\n\t\t\t\theight,\n\t\t\t\tbackgroundColor: colors.background,\n\t\t\t},\n\t\t\tchildren: [\n\t\t\t\t{\n\t\t\t\t\ttype: 'h1',\n\t\t\t\t\tprops: {\n\t\t\t\t\t\tstyle: {\n\t\t\t\t\t\t\tfontSize: 72,\n\t\t\t\t\t\t\tfontWeight: 700,\n\t\t\t\t\t\t\tcolor: colors.text,\n\t\t\t\t\t\t\tletterSpacing: '-0.02em',\n\t\t\t\t\t\t\tmargin: 0,\n\t\t\t\t\t\t\ttextAlign: 'center',\n\t\t\t\t\t\t},\n\t\t\t\t\t\tchildren: title,\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t\tdescription ? {\n\t\t\t\t\ttype: 'p',\n\t\t\t\t\tprops: {\n\t\t\t\t\t\tstyle: {\n\t\t\t\t\t\t\tfontSize: 32,\n\t\t\t\t\t\t\tfontWeight: 400,\n\t\t\t\t\t\t\tcolor: colors.accent,\n\t\t\t\t\t\t\tmarginTop: 24,\n\t\t\t\t\t\t\tmarginBottom: 0,\n\t\t\t\t\t\t\ttextAlign: 'center',\n\t\t\t\t\t\t\tmaxWidth: 900,\n\t\t\t\t\t\t},\n\t\t\t\t\t\tchildren: description,\n\t\t\t\t\t},\n\t\t\t\t} : null,\n\t\t\t\t{\n\t\t\t\t\ttype: 'p',\n\t\t\t\t\tprops: {\n\t\t\t\t\t\tstyle: {\n\t\t\t\t\t\t\tfontSize: 28,\n\t\t\t\t\t\t\tfontWeight: 400,\n\t\t\t\t\t\t\tcolor: colors.accent,\n\t\t\t\t\t\t\tmarginTop: 64,\n\t\t\t\t\t\t\tmarginBottom: 0,\n\t\t\t\t\t\t\ttextAlign: 'center',\n\t\t\t\t\t\t\topacity: 0.7,\n\t\t\t\t\t\t},\n\t\t\t\t\t\tchildren: siteName,\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t].filter(Boolean),\n\t\t},\n\t}\n}\n","/**\n * Built-in OG templates.\n */\n\nexport { blogTemplate } from './blog.js'\nexport { profileTemplate } from './profile.js'\nexport { defaultTemplate } from './default.js'\n\nimport { blogTemplate } from './blog.js'\nimport { profileTemplate } from './profile.js'\nimport { defaultTemplate } from './default.js'\nimport type { OgTemplate } from '../types.js'\n\nexport const templates = {\n\tblog: blogTemplate,\n\tprofile: profileTemplate,\n\tdefault: defaultTemplate,\n} as const\n\nexport type TemplateName = keyof typeof templates\n\nexport function getTemplate(name: TemplateName | OgTemplate): OgTemplate {\n\tif (typeof name === 'function') {\n\t\treturn name\n\t}\n\treturn templates[name]\n}\n"],"mappings":"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","names":[]}