@farbenmeer/bunny 0.1.0

package/README.md

@@ -0,0 +1,28 @@
+# @farbenmeer/bunny
+
+This is a web framework based on [Bun](https://bun.sh/) and [Tapi](https://www.npmjs.com/package/@farbenmeer/tapi).
+
+## Start a project
+
+To scaffold a new project run:
+```bash
+bunx @farbenmeer/bunny init
+```
+
+Then run `bun run migrate` to create the database schema. Bunny uses sqlite as the default database.
+
+## Other commands
+* `bun run dev` to start the development server
+* `bun run build` to build the project for production
+* `bun run start` to start the production server
+* `bun run generate` to generate a migration file based on the drizzle schema in `src/lib/schema.ts`
+* `bun run migrate` to apply migrations to the database
+
+## Project Structure
+
+The main entry points to the project are
+* `src/index.html` for the client side application. Set up static tags for the favicon and the site title and optionally add some loading UI while the react bundle is being loaded.
+* `src/index.tsx` as the react-entrypoint. This sets up the react application and renders it into the DOM. If you add a loading UI to index.html this is the place to remove it before rendering the react application. It imports the `App` component that contains the main frontend logic.
+* `src/main.css` for global styles (mainly tailwindcss-setup)
+* `src/api.ts` for the API entrypoint (using Tapi's `defineApi`). See [Tapi's documentation](https://www.npmjs.com/package/@farbenmeer/tapi) for more information.
+* `src/auth.ts` for defining authentication providers using [bun-auth](https://www.npmjs.com/package/@farbenmeer/bun-auth)

package/dist/cli/build.d.ts

@@ -0,0 +1,3 @@
+import { Command } from "commander";
+export declare const build: Command;
+//# sourceMappingURL=build.d.ts.map

package/dist/cli/build.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"build.d.ts","sourceRoot":"","sources":["../../src/cli/build.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAMpC,eAAO,MAAM,KAAK,SAwBd,CAAC"}

package/dist/cli/build.js

@@ -0,0 +1,30 @@
+import { Command } from "commander";
+import { mkdir, rmdir } from "node:fs/promises";
+import path from "node:path";
+import { generateServer } from "./server";
+import tailwindPlugin from "./tailwind-plugin";
+export const build = new Command()
+    .name("build")
+    .option("--sourcemap", "Generate sourcemaps", false)
+    .description("Bunny Development server")
+    .action(async (options) => {
+    const distDir = path.join(process.cwd(), ".bunny", "dist");
+    await rmdir(distDir, { recursive: true });
+    await mkdir(distDir, { recursive: true });
+    const serverFile = await generateServer();
+    await Bun.build({
+        entrypoints: [serverFile],
+        outdir: distDir,
+        target: "bun",
+        format: "esm",
+        minify: true,
+        naming: {
+            entry: "[name].[ext]",
+            asset: "__bunny/assets/[name]-[hash].[ext]",
+            chunk: "__bunny/chunks/[name]-[hash].[ext]",
+        },
+        sourcemap: options.sourcemap,
+        env: "BUNNY_PUBLIC_*",
+        plugins: [tailwindPlugin],
+    });
+});

package/dist/cli/dev.d.ts

@@ -0,0 +1,4 @@
+import { Command } from "commander";
+import "./tailwind-plugin";
+export declare const dev: Command;
+//# sourceMappingURL=dev.d.ts.map

package/dist/cli/dev.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dev.d.ts","sourceRoot":"","sources":["../../src/cli/dev.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAIpC,OAAO,mBAAmB,CAAC;AAE3B,eAAO,MAAM,GAAG,SASZ,CAAC"}

package/dist/cli/dev.js

@@ -0,0 +1,15 @@
+import { Command } from "commander";
+import { mkdir } from "node:fs/promises";
+import path from "node:path";
+import { generateServer } from "./server";
+import "./tailwind-plugin";
+export const dev = new Command()
+    .name("dev")
+    .description("Bunny Development server")
+    .action(async () => {
+    const bunnyDir = path.join(process.cwd(), ".bunny");
+    await mkdir(bunnyDir, { recursive: true });
+    const serverFile = await generateServer();
+    process.env.NODE_ENV = "development";
+    await import(serverFile);
+});

package/dist/cli/generate-server.d.ts

@@ -0,0 +1,2 @@
+export declare const serverCode = "\nimport { serve } from \"bun\";\nimport { createRequestHandler } from \"@farbenmeer/bunny\";\nimport { api } from \"api\";\nimport client from \"index.html\";\n\nconst tapiHandler = createRequestHandler(api);\n\n\nserve({\n  routes: {\n    \"/api/*\": (req) => tapiHandler(new Request(req)),\n    \"/*\": client,\n  },\n  port: 3000,\n  development: process.env.NODE_ENV === \"development\" && {\n    // Enable browser hot reloading in development\n    hmr: true,\n\n    // Echo console logs from the browser to the server\n    console: true,\n  },\n});\n";
+//# sourceMappingURL=generate-server.d.ts.map

package/dist/cli/generate-server.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"generate-server.d.ts","sourceRoot":"","sources":["../../src/cli/generate-server.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,ijBAuBtB,CAAC"}

package/dist/cli/generate-server.js

@@ -0,0 +1,25 @@
+import * as path from "node:path";
+export const serverCode = `
+import { serve } from "bun";
+import { createRequestHandler } from "@farbenmeer/bunny";
+import { api } from "api";
+import client from "index.html";
+
+const tapiHandler = createRequestHandler(api);
+
+
+serve({
+  routes: {
+    "/api/*": (req) => tapiHandler(new Request(req)),
+    "/*": client,
+  },
+  port: 3000,
+  development: process.env.NODE_ENV === "development" && {
+    // Enable browser hot reloading in development
+    hmr: true,
+
+    // Echo console logs from the browser to the server
+    console: true,
+  },
+});
+`;

package/dist/cli/init.d.ts

@@ -0,0 +1,3 @@
+import { Command } from "commander";
+export declare const init: Command;
+//# sourceMappingURL=init.d.ts.map

package/dist/cli/init.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"init.d.ts","sourceRoot":"","sources":["../../src/cli/init.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAKpC,eAAO,MAAM,IAAI,SAoCb,CAAC"}

package/dist/cli/init.js

@@ -0,0 +1,36 @@
+import { Command } from "commander";
+import { exists, mkdir, readdir } from "node:fs/promises";
+import { $ } from "bun";
+import path from "node:path";
+export const init = new Command()
+    .name("init")
+    .description("Initialize a new project")
+    .argument("[name]", "Name of the project")
+    .action(async (name) => {
+    console.info("Initializing project...");
+    if (name) {
+        const dirPath = path.join(process.cwd(), name);
+        if (await exists(dirPath)) {
+            if ((await readdir(dirPath, { recursive: true })).length > 0) {
+                console.error(`Directory ${name} already exists and contains files.`);
+                process.exit(1);
+            }
+        }
+        else {
+            await mkdir(dirPath, { recursive: true });
+        }
+        process.chdir(dirPath);
+    }
+    else {
+        const pkgPath = path.join(process.cwd(), "package.json");
+        if (await Bun.file(pkgPath).exists()) {
+            console.error(`Package.json already exists.`);
+            process.exit(1);
+        }
+    }
+    const tarBall = path.join(path.dirname(path.dirname(__dirname)), "boilerplate.tar.gz");
+    // Extract the tarball to the current directory
+    await $ `tar -xzf ${tarBall} --strip-components=1`;
+    await $ `bun pm pkg set name=${name ?? path.basename(process.cwd())}`;
+    console.log("Project initialized successfully!");
+});

package/dist/cli/migrate.d.ts

@@ -0,0 +1,4 @@
+import { Command } from "commander";
+import "./tailwind-plugin";
+export declare const migrate: Command;
+//# sourceMappingURL=migrate.d.ts.map

package/dist/cli/migrate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"migrate.d.ts","sourceRoot":"","sources":["../../src/cli/migrate.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAGpC,OAAO,mBAAmB,CAAC;AAE3B,eAAO,MAAM,OAAO,SAShB,CAAC"}

package/dist/cli/migrate.js

@@ -0,0 +1,14 @@
+import { Command } from "commander";
+import * as migrator from "drizzle-orm/bun-sqlite/migrator";
+import path from "node:path";
+import "./tailwind-plugin";
+export const migrate = new Command()
+    .name("migrate")
+    .description("Apply Database Migrations")
+    .action(async () => {
+    const dbPath = path.join(process.cwd(), "src", "lib", "db");
+    const { db } = await import(dbPath);
+    migrator.migrate(db, {
+        migrationsFolder: path.join(process.cwd(), "drizzle"),
+    });
+});

package/dist/cli/register-tailwind-plugin.d.ts

@@ -0,0 +1,3 @@
+import type { BunPlugin } from "bun";
+export declare const tailwindPlugin: BunPlugin;
+//# sourceMappingURL=register-tailwind-plugin.d.ts.map

package/dist/cli/register-tailwind-plugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"register-tailwind-plugin.d.ts","sourceRoot":"","sources":["../../src/cli/register-tailwind-plugin.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AAKrC,eAAO,MAAM,cAAc,EAAE,SAe5B,CAAC"}

package/dist/cli/register-tailwind-plugin.js

@@ -0,0 +1,19 @@
+//import postcss from "postcss";
+//const processCss = postcss([postcssTailwind({})]);
+export const tailwindPlugin = {
+    name: "Tailwind CSS",
+    target: "bun",
+    setup(build) {
+        //build.onLoad({ filter: /\.(css)$/ }, async ({ path }) => {
+        //  console.log("process", path);
+        //  const contents = await Bun.file(path).text();
+        //  const result = await processCss.process(contents, { from: path });
+        //  return { contents: result.css, loader: "css" };
+        //});
+        build.onLoad({ filter: /^$/ }, async ({ path }) => {
+            console.log("load", path);
+        });
+    },
+};
+console.log("register plugin");
+Bun.plugin(tailwindPlugin);

package/dist/cli/server-direct.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=server-direct.d.ts.map

package/dist/cli/server-direct.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"server-direct.d.ts","sourceRoot":"","sources":["../../src/cli/server-direct.ts"],"names":[],"mappings":""}

package/dist/cli/server-direct.js

@@ -0,0 +1,19 @@
+import { serve } from "bun";
+import { createRequestHandler } from "@farbenmeer/tapi";
+// @ts-ignore
+import { api } from "api";
+import client from "index.html";
+const tapiHandler = createRequestHandler(api);
+serve({
+    routes: {
+        "/api/*": (req) => tapiHandler(new Request(req)),
+        "/*": client,
+    },
+    port: 3000,
+    development: process.env.NODE_ENV === "development" && {
+        // Enable browser hot reloading in development
+        hmr: true,
+        // Echo console logs from the browser to the server
+        console: true,
+    },
+});

package/dist/cli/server.d.ts

@@ -0,0 +1,2 @@
+export declare function generateServer(): Promise<string>;
+//# sourceMappingURL=server.d.ts.map

package/dist/cli/server.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"server.d.ts","sourceRoot":"","sources":["../../src/cli/server.ts"],"names":[],"mappings":"AAEA,wBAAsB,cAAc,oBAqDnC"}

package/dist/cli/server.js

@@ -0,0 +1,39 @@
+import * as path from "node:path";
+export async function generateServer() {
+    const serverFile = path.join(process.cwd(), ".bunny", "server.ts");
+    const hasAuth = await Bun.file(path.join(process.cwd(), "src", "auth.ts")).exists();
+    const hasApi = await Bun.file(path.join(process.cwd(), "src", "api.ts")).exists();
+    await Bun.write(serverFile, `
+import { serve } from "bun";
+${hasApi
+        ? 'import { api } from "api"; import { createRequestHandler } from "@farbenmeer/bunny";'
+        : ""}
+${hasAuth
+        ? 'import { auth } from "auth"; import { createAuthRoute } from "@farbenmeer/bun-auth";'
+        : ""}
+import client from "index.html";
+
+${hasApi
+        ? 'const tapiHandler = createRequestHandler(api, { basePath: "/api" });'
+        : ""}
+
+const server = serve({
+  routes: {
+    ${hasAuth ? '"/api/auth/*": createAuthRoute(auth),' : ""}
+    ${hasApi ? '"/api/*": (req) => tapiHandler(new Request(req)),' : ""}
+    "/*": client,
+  },
+  port: 3000,
+  development: process.env.NODE_ENV === "development" && {
+    // Enable browser hot reloading in development
+    hmr: true,
+
+    // Echo console logs from the browser to the server
+    console: true,
+  },
+});
+
+console.log(\`🚀 Server running at \${server.url}\`);
+`);
+    return serverFile;
+}

package/dist/cli/start.d.ts

@@ -0,0 +1,3 @@
+import { Command } from "commander";
+export declare const start: Command;
+//# sourceMappingURL=start.d.ts.map

package/dist/cli/start.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"start.d.ts","sourceRoot":"","sources":["../../src/cli/start.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAGpC,eAAO,MAAM,KAAK,SAQd,CAAC"}

package/dist/cli/start.js

@@ -0,0 +1,11 @@
+import { Command } from "commander";
+import path from "node:path";
+export const start = new Command()
+    .name("start")
+    .description("Bunny Production server")
+    .action(async () => {
+    const distDir = path.join(process.cwd(), ".bunny", "dist");
+    process.env.NODE_ENV = "production";
+    process.chdir(distDir);
+    await import(path.join(distDir, "server.js"));
+});

package/dist/cli/tailwind-plugin.d.ts

@@ -0,0 +1,4 @@
+import type { BunPlugin } from "bun";
+declare const tailwindPlugin: BunPlugin;
+export default tailwindPlugin;
+//# sourceMappingURL=tailwind-plugin.d.ts.map

package/dist/cli/tailwind-plugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tailwind-plugin.d.ts","sourceRoot":"","sources":["../../src/cli/tailwind-plugin.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AAKrC,QAAA,MAAM,cAAc,EAAE,SAUrB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/cli/tailwind-plugin.js

@@ -0,0 +1,15 @@
+import postcssTailwind from "@tailwindcss/postcss";
+import postcss from "postcss";
+const processCss = postcss([postcssTailwind({})]);
+const tailwindPlugin = {
+    name: "Tailwind CSS",
+    setup(build) {
+        build.onLoad({ filter: /\.(css)$/ }, async ({ path }) => {
+            console.log("process", path);
+            const contents = await Bun.file(path).text();
+            const result = await processCss.process(contents, { from: path });
+            return { contents: result.css, loader: "css" };
+        });
+    },
+};
+export default tailwindPlugin;

package/dist/cli.d.ts

@@ -0,0 +1,3 @@
+#!/usr/bin/env bun
+export {};
+//# sourceMappingURL=cli.d.ts.map

package/dist/cli.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cli.d.ts","sourceRoot":"","sources":["../src/cli.ts"],"names":[],"mappings":""}

package/dist/cli.js

@@ -0,0 +1,18 @@
+#!/usr/bin/env bun
+import { Command } from "commander";
+import { init } from "./cli/init";
+import { dev } from "./cli/dev";
+import { build } from "./cli/build";
+import { start } from "./cli/start";
+import { migrate } from "./cli/migrate";
+const program = new Command();
+program
+    .name("bunny")
+    .description("CLI for the Bunny Web-Framework")
+    .version("0.1.0")
+    .addCommand(init)
+    .addCommand(dev)
+    .addCommand(build)
+    .addCommand(start)
+    .addCommand(migrate);
+await program.parseAsync(process.argv);

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export * from "@farbenmeer/tapi";
+export * from "@farbenmeer/react-tapi";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC"}

package/dist/index.js

@@ -0,0 +1,2 @@
+export * from "@farbenmeer/tapi";
+export * from "@farbenmeer/react-tapi";

package/package.json

@@ -0,0 +1,40 @@
+{
+  "name": "@farbenmeer/bunny",
+  "version": "0.1.0",
+  "author": {
+    "name": "Michel Smola",
+    "email": "michel.smola@farbenmeer.de"
+  },
+  "type": "module",
+  "module": "dist/index.js",
+  "main": "dist/index.js",
+  "private": false,
+  "license": "MIT",
+  "files": [
+    "dist",
+    "boilerplate.tar.gz"
+  ],
+  "bin": {
+    "bunny": "./dist/cli.js",
+    "@farbenmeer/bunny": "./dist/cli.js"
+  },
+  "scripts": {
+    "build": "tsc --noEmit false",
+    "pack:boilerplate": "bun --cwd=\"../4-bunny-boilerplate\" pm pack --filename=\"packages/3-bunny/boilerplate.tar.gz\"",
+    "cli": "bun src/cli.ts",
+    "release": "bun run build && bun run pack:boilerplate && bun publish"
+  },
+  "dependencies": {
+    "@farbenmeer/react-tapi": "^0.1.5",
+    "@farbenmeer/tapi": "^0.1.7",
+    "@tailwindcss/postcss": "^4.1.12",
+    "commander": "^14.0.0",
+    "postcss": "^8.5.6"
+  },
+  "devDependencies": {
+    "@types/bun": "latest"
+  },
+  "peerDependencies": {
+    "typescript": "^5"
+  }
+}