create-fedi-app 0.1.1 → 0.1.2

package/dist/index.js

@@ -2921,7 +2921,7 @@ var require_package = __commonJS({
   "package.json"(exports2, module2) {
     module2.exports = {
       name: "create-fedi-app",
-      version: "0.1.1",
+      version: "0.1.2",
       description: "CLI scaffolder for Fedi Bitcoin mini apps",
       bin: {
         "create-fedi-app": "./dist/index.js"
@@ -3841,6 +3841,96 @@ function shouldApplyModuleFile(file, database) {
   return database !== "none" && file.databaseType === database;
 }
 
+// src/demo-routes.ts
+init_cjs_shims();
+var MODULE_DEMO_ROUTES = {
+  "webln-payments": {
+    href: "/demo/webln",
+    title: "WebLN Payments",
+    description: "Send and receive Lightning payments with WebLN."
+  },
+  "nostr-identity": {
+    href: "/demo/nostr",
+    title: "Nostr Identity",
+    description: "Sign in with NIP-07 and sign messages with your Nostr key."
+  },
+  "ecash-balance": {
+    href: "/demo/ecash",
+    title: "Ecash Balance",
+    description: "Read Fedi ecash balance and install mini app prompts."
+  },
+  "payment-gated-content": {
+    href: "/demo/payment-gated",
+    title: "Payment-Gated Content",
+    description: "Unlock articles and content after a Lightning payment."
+  },
+  lnurl: {
+    href: "/demo/lnurl",
+    title: "LNURL",
+    description: "LNURL-pay, withdraw, and auth flows with QR codes."
+  },
+  "ai-chat-gated": {
+    href: "/demo/ai-chat",
+    title: "Gated AI Chat",
+    description: "Pay-per-message AI chat gated by Lightning invoice."
+  },
+  "ai-assistant": {
+    href: "/demo/assistant",
+    title: "AI Assistant",
+    description: "Streaming AI assistant with tool use and markdown replies."
+  },
+  "multispend-demo": {
+    href: "/demo/multispend",
+    title: "Multispend",
+    description: "Shared wallet proposals, votes, and approval flows."
+  },
+  "nostr-feed": {
+    href: "/demo/nostr-feed",
+    title: "Nostr Feed",
+    description: "Publish notes, browse a relay feed, and zap posts."
+  }
+};
+var DEMO_MODULE_ORDER = [
+  "webln-payments",
+  "nostr-identity",
+  "ecash-balance",
+  "payment-gated-content",
+  "lnurl",
+  "ai-chat-gated",
+  "ai-assistant",
+  "multispend-demo",
+  "nostr-feed"
+];
+function buildDemoRoutes(moduleNames) {
+  const routes = [];
+  for (const moduleName of DEMO_MODULE_ORDER) {
+    if (!moduleNames.includes(moduleName)) continue;
+    const route = MODULE_DEMO_ROUTES[moduleName];
+    if (route) routes.push(route);
+  }
+  return routes;
+}
+function renderDemoRoutesFile(routes) {
+  const entries = routes.map(
+    (route) => `  {
+    href: '${route.href}',
+    title: '${route.title}',
+    description: '${route.description}',
+  }`
+  ).join(",\n");
+  return `/** Auto-generated by create-fedi-app \u2014 do not edit manually. */
+export interface IDemoRoute {
+  href: string;
+  title: string;
+  description: string;
+}
+
+export const demoRoutes: IDemoRoute[] = [
+${entries}
+];
+`;
+}
+
 // src/scaffold.ts
 function getTemplatesDir() {
   const bundled = import_path2.default.join(__dirname, "templates");
@@ -3974,8 +4064,15 @@ async function scaffold(selections, targetDir) {
     ["{{PACKAGE_MANAGER}}", selections.packageManager]
   ]);
   await applyModules(selections, targetDir, templatesDir);
+  await generateDemoRoutes(selections, targetDir);
   await generateEnvLocal(selections, targetDir, templatesDir);
 }
+async function generateDemoRoutes(selections, targetDir) {
+  const moduleNames = getSelectedModuleNames(selections);
+  const routes = buildDemoRoutes(moduleNames);
+  const content = renderDemoRoutesFile(routes);
+  await import_fs_extra2.default.writeFile(import_path2.default.join(targetDir, "lib/demo-routes.ts"), content, "utf-8");
+}
 
 // src/install.ts
 init_cjs_shims();

package/dist/templates/base/app/demo/page.tsx

@@ -1,4 +1,5 @@
 import Link from 'next/link';
+import { demoRoutes } from '../../lib/demo-routes';
 
 export default function DemoPage() {
   return (
@@ -12,13 +13,39 @@ export default function DemoPage() {
       >
         ← back
       </Link>
-      <div className="space-y-4">
-        <h1 className="font-[family-name:var(--font-display)] text-2xl font-bold leading-tight text-[var(--color-text)]">
-          Demos
-        </h1>
-        <p className="max-w-[75ch] text-sm leading-[1.65] text-[var(--color-text-muted)]">
-          Module demos appear here after selection during project creation.
-        </p>
+
+      <div className="space-y-6">
+        <div className="space-y-2">
+          <h1 className="font-[family-name:var(--font-display)] text-2xl font-bold leading-tight text-[var(--color-text)]">
+            Demos
+          </h1>
+          <p className="max-w-[75ch] text-sm leading-[1.65] text-[var(--color-text-muted)]">
+            Interactive examples for each module in your project. Use the dev toolbar to toggle
+            mock WebLN and Nostr providers outside the Fedi app.
+          </p>
+        </div>
+
+        {demoRoutes.length === 0 ? (
+          <p className="text-sm text-[var(--color-text-muted)]">No demo routes configured.</p>
+        ) : (
+          <ul className="space-y-3">
+            {demoRoutes.map((route) => (
+              <li key={route.href}>
+                <Link
+                  href={route.href}
+                  className="block rounded-lg border border-[var(--color-border)] bg-[var(--color-surface-1)] p-4 transition-opacity duration-200 ease-[cubic-bezier(0.25,1,0.5,1)] hover:opacity-90 active:opacity-80"
+                >
+                  <span className="font-[family-name:var(--font-display)] text-base font-semibold text-[var(--color-text)]">
+                    {route.title}
+                  </span>
+                  <span className="mt-1 block text-sm leading-[1.65] text-[var(--color-text-muted)]">
+                    {route.description}
+                  </span>
+                </Link>
+              </li>
+            ))}
+          </ul>
+        )}
       </div>
     </main>
   );

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

@@ -1,10 +1,16 @@
 @import "tailwindcss";
-@import "@tailwindcss/typography";
+@plugin "@tailwindcss/typography";
+
+@source "../app/**/*.{ts,tsx}";
+@source "../components/**/*.{ts,tsx}";
+@source "../hooks/**/*.{ts,tsx}";
+@source "../lib/**/*.{ts,tsx}";
 
 @theme {
   /* Fedi palette */
   --color-bg: #0a0a0a;
   --color-surface: #141414;
+  --color-surface-1: #181818;
   --color-surface-2: #1c1c1c;
   --color-border: rgba(255, 255, 255, 0.08);
   --color-accent: #ff6b35;

package/dist/templates/base/lib/demo-routes.ts

@@ -0,0 +1,24 @@
+/** Auto-generated by create-fedi-app — replaced during scaffold. */
+export interface IDemoRoute {
+  href: string;
+  title: string;
+  description: string;
+}
+
+export const demoRoutes: IDemoRoute[] = [
+  {
+    href: '/demo/webln',
+    title: 'WebLN Payments',
+    description: 'Send and receive Lightning payments with WebLN.',
+  },
+  {
+    href: '/demo/nostr',
+    title: 'Nostr Identity',
+    description: 'Sign in with NIP-07 and sign messages with your Nostr key.',
+  },
+  {
+    href: '/demo/ecash',
+    title: 'Ecash Balance',
+    description: 'Read Fedi ecash balance and install mini app prompts.',
+  },
+];

package/dist/templates/base/package.json

@@ -27,7 +27,9 @@
     "typescript": "^5",
     "@types/react": "^19",
     "@types/node": "^22",
+    "postcss": "^8",
     "tailwindcss": "^4",
+    "@tailwindcss/postcss": "^4",
     "@tailwindcss/typography": "^0.5",
     "vitest": "^2",
     "jsdom": "^26",

package/dist/templates/base/postcss.config.mjs

@@ -0,0 +1,8 @@
+/** @type {import('postcss-load-config').Config} */
+const config = {
+  plugins: {
+    '@tailwindcss/postcss': {},
+  },
+};
+
+export default config;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-fedi-app",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "CLI scaffolder for Fedi Bitcoin mini apps",
   "bin": {
     "create-fedi-app": "./dist/index.js"