create-noxion 0.1.1 → 0.2.0

package/dist/templates/full/lib/config.ts

@@ -0,0 +1,24 @@
+import { loadConfig } from "@noxion/core";
+import type { NoxionConfig } from "@noxion/core";
+import noxionConfigInput from "../noxion.config";
+
+function createConfig(): NoxionConfig {
+  try {
+    return loadConfig(noxionConfigInput);
+  } catch {
+    return {
+      name: noxionConfigInput.name ?? "{{SITE_NAME}}",
+      domain: noxionConfigInput.domain ?? "{{DOMAIN}}",
+      author: noxionConfigInput.author ?? "{{AUTHOR}}",
+      description: noxionConfigInput.description ?? "{{SITE_DESCRIPTION}}",
+      language: noxionConfigInput.language ?? "en",
+      defaultTheme: noxionConfigInput.defaultTheme ?? "system",
+      defaultPageType: "blog",
+      revalidate: noxionConfigInput.revalidate ?? 3600,
+      plugins: noxionConfigInput.plugins,
+      collections: noxionConfigInput.collections,
+    };
+  }
+}
+
+export const siteConfig = createConfig();

package/dist/templates/full/lib/notion.ts

@@ -0,0 +1,66 @@
+import { createNotionClient, fetchCollection, fetchPage, downloadImages, mapImages } from "@noxion/core";
+import type { NoxionPage, BlogPage, ExtendedRecordMap } from "@noxion/core";
+import { join } from "node:path";
+import { siteConfig } from "./config";
+
+const notion = createNotionClient({
+  authToken: process.env.NOTION_TOKEN || undefined,
+});
+
+export async function getAllPages(): Promise<NoxionPage[]> {
+  const collections = siteConfig.collections ?? [];
+  if (collections.length === 0) return [];
+
+  try {
+    const results = await Promise.all(
+      collections.map((col) => fetchCollection(notion, col))
+    );
+    return results.flat();
+  } catch (error) {
+    console.error("Failed to fetch pages:", error);
+    return [];
+  }
+}
+
+export async function getPagesByType(pageType: string): Promise<NoxionPage[]> {
+  const pages = await getAllPages();
+  return pages.filter((p) => p.pageType === pageType);
+}
+
+export async function getPageBySlug(slug: string): Promise<NoxionPage | undefined> {
+  const pages = await getAllPages();
+  return pages.find((p) => p.slug === slug);
+}
+
+export async function getPageRecordMap(pageId: string): Promise<ExtendedRecordMap> {
+  const recordMap = await fetchPage(notion, pageId);
+
+  if (process.env.NODE_ENV === "production") {
+    try {
+      const outputDir = join(process.cwd(), "public");
+      const urlMap = await downloadImages(recordMap, outputDir, { concurrency: 5 });
+      const localUrlMap: Record<string, string> = {};
+      for (const [originalUrl, localPath] of Object.entries(urlMap)) {
+        localUrlMap[originalUrl] = `/images/${localPath.split("/images/").pop()}`;
+      }
+      return mapImages(recordMap, localUrlMap);
+    } catch (error) {
+      console.error("Image download failed, using original URLs:", error);
+    }
+  }
+
+  return recordMap;
+}
+
+export function getAllTags(posts: NoxionPage[]): string[] {
+  const tagSet = new Set<string>();
+  for (const post of posts) {
+    const tags = post.metadata.tags;
+    if (Array.isArray(tags)) {
+      for (const tag of tags) {
+        tagSet.add(tag as string);
+      }
+    }
+  }
+  return [...tagSet].sort();
+}

package/dist/templates/full/next.config.ts

@@ -0,0 +1,26 @@
+import type { NextConfig } from "next";
+
+const nextConfig: NextConfig = {
+  output: "standalone",
+  transpilePackages: [
+    "@noxion/core",
+    "@noxion/renderer",
+    "@noxion/adapter-nextjs",
+    "@noxion/notion-renderer",
+    "notion-client",
+    "notion-types",
+    "notion-utils",
+  ],
+  images: {
+    remotePatterns: [
+      { protocol: "https", hostname: "www.notion.so" },
+      { protocol: "https", hostname: "notion.so" },
+      { protocol: "https", hostname: "images.unsplash.com" },
+      { protocol: "https", hostname: "s3.us-west-2.amazonaws.com" },
+      { protocol: "https", hostname: "prod-files-secure.s3.us-west-2.amazonaws.com" },
+    ],
+  },
+  staticPageGenerationTimeout: 300,
+};
+
+export default nextConfig;

package/dist/templates/full/noxion.config.ts

@@ -0,0 +1,40 @@
+import { defineConfig, createRSSPlugin } from "@noxion/core";
+
+const config = defineConfig({
+  name: process.env.SITE_NAME ?? "{{SITE_NAME}}",
+  domain: process.env.SITE_DOMAIN ?? "{{DOMAIN}}",
+  author: process.env.SITE_AUTHOR ?? "{{AUTHOR}}",
+  description: process.env.SITE_DESCRIPTION ?? "{{SITE_DESCRIPTION}}",
+  language: "en",
+  defaultTheme: "system",
+  defaultPageType: "blog",
+  revalidate: 3600,
+  revalidateSecret: process.env.REVALIDATE_SECRET,
+  collections: [
+    {
+      name: "blog",
+      databaseId: process.env.NOTION_PAGE_ID!,
+      pageType: "blog",
+    },
+    {
+      name: "docs",
+      databaseId: process.env.DOCS_NOTION_ID || process.env.NOTION_PAGE_ID!,
+      pageType: "docs",
+      pathPrefix: "/docs",
+    },
+    {
+      name: "portfolio",
+      databaseId: process.env.PORTFOLIO_NOTION_ID || process.env.NOTION_PAGE_ID!,
+      pageType: "portfolio",
+      pathPrefix: "/projects",
+    },
+  ],
+  plugins: [
+    createRSSPlugin({
+      feedPath: "/feed.xml",
+      limit: 20,
+    }),
+  ],
+});
+
+export default config;

package/dist/templates/full/package.json

@@ -0,0 +1,25 @@
+{
+  "name": "{{PROJECT_NAME}}",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start"
+  },
+  "dependencies": {
+    "@noxion/core": "^0.0.2",
+    "@noxion/renderer": "^0.0.2",
+    "@noxion/adapter-nextjs": "^0.0.2",
+    "next": "^16.1.6",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
+    "notion-client": "^7.8.2"
+  },
+  "devDependencies": {
+    "@types/node": "^22.0.0",
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
+    "typescript": "^5.7.0"
+  }
+}

package/dist/templates/full/tsconfig.json

@@ -0,0 +1,19 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "lib": ["ES2022", "DOM", "DOM.Iterable"],
+    "jsx": "react-jsx",
+    "strict": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "forceConsistentCasingInFileNames": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "plugins": [{ "name": "next" }],
+    "outDir": "./dist"
+  },
+  "include": ["**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
+  "exclude": ["node_modules", ".next", "out", "dist"]
+}

package/dist/templates/nextjs/.env.example

@@ -6,3 +6,4 @@ SITE_DOMAIN={{DOMAIN}}
 SITE_AUTHOR={{AUTHOR}}
 SITE_DESCRIPTION={{SITE_DESCRIPTION}}
 REVALIDATE_SECRET=
+NOTION_WEBHOOK_SECRET=

package/dist/templates/nextjs/app/api/notion-webhook/route.ts

@@ -0,0 +1,12 @@
+import { revalidatePath } from "next/cache";
+import { createNotionWebhookHandler } from "@noxion/adapter-nextjs";
+import { siteConfig } from "../../../lib/config";
+
+const handler = createNotionWebhookHandler({
+  config: siteConfig,
+  revalidatePath,
+});
+
+export async function POST(request: Request) {
+  return handler(request);
+}

package/dist/templates/nextjs/app/page.tsx

@@ -10,10 +10,10 @@ export default async function HomePage() {
   const postCards = posts.map((post) => ({
     title: post.title,
     slug: post.slug,
-    date: post.date,
-    tags: post.tags,
+    date: post.metadata.date,
+    tags: post.metadata.tags,
     coverImage: post.coverImage,
-    category: post.category,
+    category: post.metadata.category,
   }));
 
   return <HomeContent posts={postCards} allTags={allTags} />;

package/dist/templates/nextjs/app/tag/[tag]/page.tsx

@@ -35,14 +35,14 @@ export default async function TagPage({
   const allTags = getAllTags(posts);
 
   const filteredPosts = posts
-    .filter((p) => p.tags.includes(decodedTag))
+    .filter((p) => p.metadata.tags.includes(decodedTag))
     .map((post) => ({
       title: post.title,
       slug: post.slug,
-      date: post.date,
-      tags: post.tags,
+      date: post.metadata.date,
+      tags: post.metadata.tags,
       coverImage: post.coverImage,
-      category: post.category,
+      category: post.metadata.category,
     }));
 
   return (

package/dist/templates/nextjs/lib/config.ts

@@ -14,6 +14,7 @@ function createConfig(): NoxionConfig {
       description: noxionConfigInput.description ?? "{{SITE_DESCRIPTION}}",
       language: noxionConfigInput.language ?? "en",
       defaultTheme: noxionConfigInput.defaultTheme ?? "system",
+      defaultPageType: "blog",
       revalidate: noxionConfigInput.revalidate ?? 3600,
       plugins: noxionConfigInput.plugins,
     };

package/dist/templates/nextjs/lib/notion.ts

@@ -1,5 +1,5 @@
 import { createNotionClient, fetchBlogPosts, fetchPage, fetchPostBySlug, downloadImages, mapImages } from "@noxion/core";
-import type { BlogPost, ExtendedRecordMap } from "@noxion/core";
+import type { BlogPage, ExtendedRecordMap } from "@noxion/core";
 import { join } from "node:path";
 import { siteConfig } from "./config";
 
@@ -7,7 +7,7 @@ const notion = createNotionClient({
   authToken: process.env.NOTION_TOKEN || undefined,
 });
 
-export async function getAllPosts(): Promise<BlogPost[]> {
+export async function getAllPosts(): Promise<BlogPage[]> {
   if (!siteConfig.rootNotionPageId) return [];
   try {
     return await fetchBlogPosts(notion, siteConfig.rootNotionPageId);
@@ -17,7 +17,7 @@ export async function getAllPosts(): Promise<BlogPost[]> {
   }
 }
 
-export async function getPostBySlug(slug: string): Promise<BlogPost | undefined> {
+export async function getPostBySlug(slug: string): Promise<BlogPage | undefined> {
   if (!siteConfig.rootNotionPageId) return undefined;
   try {
     return await fetchPostBySlug(notion, siteConfig.rootNotionPageId, slug);
@@ -47,10 +47,10 @@ export async function getPageRecordMap(pageId: string): Promise<ExtendedRecordMa
   return recordMap;
 }
 
-export function getAllTags(posts: BlogPost[]): string[] {
+export function getAllTags(posts: BlogPage[]): string[] {
   const tagSet = new Set<string>();
   for (const post of posts) {
-    for (const tag of post.tags) {
+    for (const tag of post.metadata.tags) {
       tagSet.add(tag);
     }
   }

package/dist/templates/plugin/noxion-plugin.json

@@ -0,0 +1,10 @@
+{
+  "name": "noxion-plugin-{{PLUGIN_NAME}}",
+  "description": "{{PLUGIN_DESCRIPTION}}",
+  "version": "0.1.0",
+  "noxion": ">=0.2.0",
+  "hooks": ["transformPosts"],
+  "pageTypes": [],
+  "hasConfig": false,
+  "keywords": ["noxion-plugin"]
+}

package/dist/templates/plugin/package.json

@@ -0,0 +1,41 @@
+{
+  "name": "noxion-plugin-{{PLUGIN_NAME}}",
+  "version": "0.1.0",
+  "description": "{{PLUGIN_DESCRIPTION}}",
+  "license": "MIT",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "files": [
+    "dist",
+    "noxion-plugin.json",
+    "README.md",
+    "LICENSE"
+  ],
+  "sideEffects": false,
+  "scripts": {
+    "build": "tsc",
+    "test": "bun test",
+    "prepublishOnly": "bun run build"
+  },
+  "keywords": [
+    "notion",
+    "noxion",
+    "noxion-plugin"
+  ],
+  "peerDependencies": {
+    "@noxion/core": ">=0.2.0"
+  },
+  "devDependencies": {
+    "@noxion/core": "^0.2.0",
+    "@noxion/plugin-utils": "^0.1.0",
+    "@types/bun": "^1.2.0",
+    "typescript": "^5.7.0"
+  }
+}

package/dist/templates/plugin/src/__tests__/plugin.test.ts

@@ -0,0 +1,39 @@
+import { describe, it, expect, beforeEach } from "bun:test";
+import {
+  createMockBlogPages,
+  createTestPlugin,
+  resetMockCounter,
+} from "@noxion/plugin-utils";
+import { createPlugin } from "../index";
+
+describe("noxion-plugin-{{PLUGIN_NAME}}", () => {
+  beforeEach(() => {
+    resetMockCounter();
+  });
+
+  it("has the correct name", () => {
+    const plugin = createPlugin({});
+    expect(plugin.name).toBe("noxion-plugin-{{PLUGIN_NAME}}");
+  });
+
+  it("passes posts through when enabled", () => {
+    const plugin = createPlugin({ enabled: true });
+    const posts = createMockBlogPages(3);
+    const result = plugin.transformPosts!({ posts });
+    expect(result).toHaveLength(3);
+  });
+
+  it("passes posts through when disabled", () => {
+    const plugin = createPlugin({ enabled: false });
+    const posts = createMockBlogPages(3);
+    const result = plugin.transformPosts!({ posts });
+    expect(result).toHaveLength(3);
+  });
+
+  it("works as a test plugin", () => {
+    const plugin = createTestPlugin({
+      name: "noxion-plugin-{{PLUGIN_NAME}}",
+    });
+    expect(plugin.name).toBe("noxion-plugin-{{PLUGIN_NAME}}");
+  });
+});

package/dist/templates/plugin/src/index.ts

@@ -0,0 +1,20 @@
+import type { NoxionPlugin, PluginFactory } from "@noxion/core";
+
+export interface PluginOptions {
+  enabled?: boolean;
+}
+
+export const createPlugin: PluginFactory<PluginOptions> = (options = {}) => {
+  const plugin: NoxionPlugin = {
+    name: "noxion-plugin-{{PLUGIN_NAME}}",
+
+    transformPosts({ posts }) {
+      if (options.enabled === false) return posts;
+      return posts;
+    },
+  };
+
+  return plugin;
+};
+
+export default createPlugin;

package/dist/templates/plugin/tsconfig.json

@@ -0,0 +1,20 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "declaration": true,
+    "declarationMap": true,
+    "sourceMap": true,
+    "outDir": "./dist",
+    "rootDir": "./src",
+    "strict": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "forceConsistentCasingInFileNames": true,
+    "isolatedModules": true,
+    "types": ["bun-types"]
+  },
+  "include": ["src/**/*.ts"],
+  "exclude": ["node_modules", "dist", "src/**/*.test.ts", "src/**/__tests__/**"]
+}

package/dist/templates/portfolio/.env

@@ -0,0 +1,8 @@
+NOTION_PAGE_ID={{NOTION_PAGE_ID}}
+NOTION_TOKEN=
+NOTION_SPACE_ID=
+SITE_NAME={{SITE_NAME}}
+SITE_DOMAIN={{DOMAIN}}
+SITE_AUTHOR={{AUTHOR}}
+SITE_DESCRIPTION={{SITE_DESCRIPTION}}
+REVALIDATE_SECRET=

package/dist/templates/portfolio/.env.example

@@ -0,0 +1,9 @@
+NOTION_PAGE_ID={{NOTION_PAGE_ID}}
+NOTION_TOKEN=
+NOTION_SPACE_ID=
+SITE_NAME={{SITE_NAME}}
+SITE_DOMAIN={{DOMAIN}}
+SITE_AUTHOR={{AUTHOR}}
+SITE_DESCRIPTION={{SITE_DESCRIPTION}}
+REVALIDATE_SECRET=
+NOTION_WEBHOOK_SECRET=

package/dist/templates/portfolio/app/[slug]/page.tsx

@@ -0,0 +1,48 @@
+import { notFound } from "next/navigation";
+import type { Metadata } from "next";
+import { NotionPage } from "@noxion/renderer";
+import { generateNoxionMetadata } from "@noxion/adapter-nextjs";
+import { getProjectBySlug, getPageRecordMap, getAllProjects } from "../../lib/notion";
+import { siteConfig } from "../../lib/config";
+
+export const revalidate = 3600;
+
+export async function generateStaticParams() {
+  const projects = await getAllProjects();
+  return projects.map((p) => ({ slug: p.slug }));
+}
+
+export async function generateMetadata({
+  params,
+}: {
+  params: Promise<{ slug: string }>;
+}): Promise<Metadata> {
+  const { slug } = await params;
+  const project = await getProjectBySlug(slug);
+  if (!project) return { title: "Not Found" };
+  return generateNoxionMetadata(project, siteConfig);
+}
+
+export default async function ProjectPage({
+  params,
+}: {
+  params: Promise<{ slug: string }>;
+}) {
+  const { slug } = await params;
+  const project = await getProjectBySlug(slug);
+  if (!project) notFound();
+
+  const recordMap = await getPageRecordMap(project.id);
+
+  return (
+    <article>
+      <NotionPage
+        recordMap={recordMap}
+        rootPageId={project.id}
+        fullPage
+        previewImages
+        mapPageUrl={(pageId: string) => `/${pageId}`}
+      />
+    </article>
+  );
+}

package/dist/templates/portfolio/app/api/notion-webhook/route.ts

@@ -0,0 +1,12 @@
+import { revalidatePath } from "next/cache";
+import { createNotionWebhookHandler } from "@noxion/adapter-nextjs";
+import { siteConfig } from "../../../lib/config";
+
+const handler = createNotionWebhookHandler({
+  config: siteConfig,
+  revalidatePath,
+});
+
+export async function POST(request: Request) {
+  return handler(request);
+}

package/dist/templates/portfolio/app/api/revalidate/route.ts

@@ -0,0 +1,12 @@
+import { revalidatePath } from "next/cache";
+import { createRevalidateHandler } from "@noxion/adapter-nextjs";
+import { siteConfig } from "../../../lib/config";
+
+const handler = createRevalidateHandler({
+  config: siteConfig,
+  revalidatePath,
+});
+
+export async function POST(request: Request) {
+  return handler(request as never);
+}

package/dist/templates/portfolio/app/globals.css

@@ -0,0 +1,31 @@
+@import "@noxion/notion-renderer/styles";
+
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+html {
+  font-family: var(--noxion-font-sans, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+body {
+  background-color: var(--noxion-background, #fff);
+  color: var(--noxion-foreground, #0a0a0a);
+  min-height: 100vh;
+}
+
+[data-theme="dark"] body {
+  background-color: var(--noxion-background, #0a0a0a);
+  color: var(--noxion-foreground, #fafafa);
+}
+
+a {
+  color: inherit;
+  text-decoration: none;
+}

package/dist/templates/portfolio/app/layout.tsx

@@ -0,0 +1,35 @@
+import type { Metadata } from "next";
+import { generateNoxionListMetadata, generateWebSiteLD } from "@noxion/adapter-nextjs";
+import { siteConfig } from "../lib/config";
+import { ThemeScript } from "./theme-script";
+import { Providers } from "./providers";
+import "./globals.css";
+
+export function generateMetadata(): Metadata {
+  return generateNoxionListMetadata(siteConfig);
+}
+
+export default function RootLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  const jsonLd = generateWebSiteLD(siteConfig);
+
+  return (
+    <html lang={siteConfig.language} suppressHydrationWarning>
+      <head>
+        <ThemeScript />
+        <script
+          type="application/ld+json"
+          dangerouslySetInnerHTML={{ __html: JSON.stringify(jsonLd) }}
+        />
+      </head>
+      <body>
+        <Providers siteName={siteConfig.name} author={siteConfig.author}>
+          {children}
+        </Providers>
+      </body>
+    </html>
+  );
+}

package/dist/templates/portfolio/app/not-found.tsx

@@ -0,0 +1,38 @@
+import Link from "next/link";
+
+export default function NotFound() {
+  return (
+    <div
+      style={{
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        justifyContent: "center",
+        minHeight: "50vh",
+        textAlign: "center",
+        gap: "1rem",
+      }}
+    >
+      <h1 style={{ fontSize: "4rem", fontWeight: 700, color: "var(--noxion-mutedForeground, #737373)" }}>
+        404
+      </h1>
+      <p style={{ fontSize: "1.125rem", color: "var(--noxion-mutedForeground, #737373)" }}>
+        This page could not be found.
+      </p>
+      <Link
+        href="/"
+        style={{
+          marginTop: "1rem",
+          padding: "0.5rem 1.5rem",
+          borderRadius: "var(--noxion-border-radius, 0.5rem)",
+          backgroundColor: "var(--noxion-primary, #2563eb)",
+          color: "var(--noxion-primaryForeground, #fff)",
+          fontSize: "0.875rem",
+          fontWeight: 500,
+        }}
+      >
+        Go Home
+      </Link>
+    </div>
+  );
+}