create-faas-app 8.0.0-beta.4 → 8.0.0-beta.41

package/template/minimal/package.json

@@ -0,0 +1,27 @@
+{
+  "name": "{{name}}",
+  "version": "1.0.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "vp dev",
+    "build": "vp build",
+    "start": "node --import @faasjs/node-utils/register-hooks server.ts",
+    "types": "faas types",
+    "test": "vp test"
+  },
+  "devDependencies": {
+    "@faasjs/dev": "*"
+  },
+  "peerDependencies": {
+    "@faasjs/core": "*"
+  },
+  "overrides": {
+    "vite": "npm:@voidzero-dev/vite-plus-core",
+    "vitest": "npm:@voidzero-dev/vite-plus-test"
+  },
+  "engines": {
+    "node": ">=26.0.0",
+    "npm": ">=11.0.0"
+  }
+}

package/template/minimal/server.ts

@@ -0,0 +1,33 @@
+import { dirname, join } from 'node:path'
+import { loadEnvFile } from 'node:process'
+import { fileURLToPath } from 'node:url'
+
+import { Server, staticHandler } from '@faasjs/core'
+
+const __filename = fileURLToPath(import.meta.url)
+const __dirname = dirname(__filename)
+
+try {
+  loadEnvFile()
+} catch (error) {
+  console.warn('[faasjs] Failed to load env file', error)
+}
+
+const publicHandler = staticHandler({
+  root: join(__dirname, 'public'),
+  notFound: false,
+})
+
+const distHandler = staticHandler({
+  root: join(__dirname, 'dist'),
+  notFound: 'index.html',
+})
+
+new Server(join(__dirname, 'src'), {
+  beforeHandle: async (req, res, ctx) => {
+    if (!req.url || req.method !== 'GET') return
+
+    await publicHandler(req, res, ctx)
+    await distHandler(req, res, ctx)
+  },
+}).listen()

package/template/minimal/src/.faasjs/types.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Generated by @faasjs/dev.
+ *
+ * Do not edit this file manually.
+ */
+import type { InferFaasAction } from '@faasjs/types'
+
+declare module '@faasjs/types' {
+  interface FaasActions {
+    "features/home/api/hello": InferFaasAction<typeof import("../features/home/api/hello.api")>
+  }
+}

package/template/minimal/src/faas.yaml

@@ -0,0 +1,11 @@
+defaults:
+  server:
+    root: .
+    base: /
+  plugins:
+    http:
+      config:
+        cookie:
+          secure: false
+          session:
+            secret: '{{secret}}'

package/template/minimal/src/features/home/api/__tests__/hello.test.ts

@@ -0,0 +1,17 @@
+import { testApi } from '@faasjs/dev'
+import { describe, it, expect } from 'vitest'
+
+import api from '../hello.api'
+
+describe('features/home/api/hello', () => {
+  it('should work', async () => {
+    const handler = testApi(api)
+
+    const { statusCode, data } = await handler({ name: 'world' })
+
+    expect(statusCode).toEqual(200)
+    expect(data).toEqual({
+      message: 'Hello, world!',
+    })
+  })
+})

package/template/minimal/src/features/home/api/hello.api.ts

@@ -0,0 +1,13 @@
+import { defineApi } from '@faasjs/core'
+import { z } from '@faasjs/utils'
+
+export default defineApi({
+  schema: z.object({
+    name: z.nonemptystring().optional(),
+  }),
+  async handler({ params }) {
+    return {
+      message: `Hello, ${params.name || 'FaasJS'}!`,
+    }
+  },
+})

package/template/minimal/src/features/home/index.tsx

@@ -0,0 +1,37 @@
+import { useState } from 'react'
+
+import { useFaas } from '../../react-client'
+
+export default function HomePage() {
+  const [name, setName] = useState('FaasJS')
+
+  const { data, loading, reload } = useFaas(
+    'features/home/api/hello',
+    { name: name.trim() || undefined },
+    { skip: true },
+  )
+
+  return (
+    <main style={{ margin: '5rem auto', maxWidth: 420, padding: 24 }}>
+      <h1>FaasJS Minimal App</h1>
+      <p>{data?.message || 'Click button to call API'}</p>
+
+      <label style={{ display: 'block', marginBottom: 12 }}>
+        Name:
+        <input
+          style={{ marginLeft: 8 }}
+          value={name}
+          onChange={(event) => setName(event.target.value)}
+        />
+      </label>
+
+      <button
+        type="button"
+        onClick={() => reload({ name: name.trim() || undefined })}
+        disabled={loading}
+      >
+        {loading ? 'Loading...' : 'Call features/home/api/hello'}
+      </button>
+    </main>
+  )
+}

package/template/minimal/src/main.tsx

@@ -0,0 +1,5 @@
+import { createRoot } from 'react-dom/client'
+
+import HomePage from './features/home'
+
+createRoot(document.getElementById('root') as HTMLElement).render(<HomePage />)

package/template/minimal/src/react-client.ts

@@ -0,0 +1,8 @@
+import { FaasReactClient } from '@faasjs/react'
+
+const client = FaasReactClient({
+  baseUrl: '/',
+})
+
+export const faas = client.faas
+export const useFaas = client.useFaas

package/template/minimal/tsconfig.json

@@ -0,0 +1,4 @@
+{
+  "extends": "@faasjs/types/tsconfig/build.json",
+  "include": ["src", "src/.faasjs/types.d.ts", "vite.config.ts", "server.ts"]
+}

package/template/minimal/vite.config.ts

@@ -0,0 +1,6 @@
+import { ViteConfig } from '@faasjs/dev'
+import { defineConfig } from 'vite-plus'
+
+export default defineConfig({
+  ...ViteConfig,
+})

package/dist/index.cjs

@@ -1,318 +0,0 @@
-'use strict';
-
-var commander$1 = require('commander');
-var child_process = require('child_process');
-var fs = require('fs');
-var path = require('path');
-var enquirer = require('enquirer');
-
-// src/index.ts
-
-// package.json
-var package_default = {
-  version: "v8.0.0-beta.3"};
-var Validator = {
-  name(input) {
-    const match = /^[a-z0-9-_]+$/i.test(input) ? true : "Must be a-z, 0-9 or -_";
-    if (match !== true) return match;
-    if (fs.existsSync(input))
-      return `${input} folder exists, please try another name`;
-    return true;
-  }
-};
-function writeFile(path$1, content) {
-  fs.mkdirSync(path.dirname(path$1), {
-    recursive: true
-  });
-  fs.writeFileSync(path$1, content);
-}
-function buildPackageJSON(name) {
-  return `${JSON.stringify(
-    {
-      name,
-      private: true,
-      type: "module",
-      version: "1.0.0",
-      scripts: {
-        dev: "faas dev",
-        build: "faas build",
-        start: "faas start",
-        check: "faas check",
-        test: "vitest run"
-      },
-      dependencies: {
-        "@faasjs/http": "*",
-        faasjs: "*",
-        react: "*",
-        "react-dom": "*",
-        zod: "*"
-      },
-      devDependencies: {
-        "@biomejs/biome": "*",
-        "@faasjs/lint": "*",
-        "@faasjs/test": "*",
-        "@faasjs/vite": "*",
-        "@types/node": "*",
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "@vitejs/plugin-react": "*",
-        jsdom: "*",
-        typescript: "*",
-        vite: "*",
-        vitest: "*"
-      }
-    },
-    null,
-    2
-  )}
-`;
-}
-function scaffold(rootPath) {
-  writeFile(
-    path.join(rootPath, ".gitignore"),
-    `node_modules/
-dist/
-coverage/
-`
-  );
-  writeFile(
-    path.join(rootPath, "biome.json"),
-    `{
-  "extends": ["@faasjs/lint/biome"]
-}
-`
-  );
-  writeFile(
-    path.join(rootPath, "tsconfig.json"),
-    `{
-  "compilerOptions": {
-    "target": "ES2022",
-    "module": "ESNext",
-    "moduleResolution": "Bundler",
-    "jsx": "react-jsx",
-    "strict": true,
-    "types": ["vitest/globals"]
-  },
-  "include": ["src", "vite.config.ts", "server.ts"]
-}
-`
-  );
-  writeFile(
-    path.join(rootPath, "index.html"),
-    `<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>FaasJS App</title>
-  </head>
-  <body>
-    <div id="root"></div>
-    <script type="module" src="/src/main.tsx"></script>
-  </body>
-</html>
-`
-  );
-  writeFile(
-    path.join(rootPath, "vite.config.ts"),
-    `import { viteFaasJsServer } from '@faasjs/vite'
-import react from '@vitejs/plugin-react'
-import { defineConfig } from 'vite'
-
-export default defineConfig({
-  server: {
-    host: '0.0.0.0',
-  },
-  plugins: [react(), viteFaasJsServer()],
-})
-`
-  );
-  writeFile(
-    path.join(rootPath, "server.ts"),
-    `import { dirname, join } from 'node:path'
-import { fileURLToPath } from 'node:url'
-import { Server, staticHandler } from '@faasjs/server'
-
-const __filename = fileURLToPath(import.meta.url)
-const __dirname = dirname(__filename)
-
-const publicHandler = staticHandler({
-  root: join(__dirname, 'public'),
-  notFound: false,
-})
-
-const distHandler = staticHandler({
-  root: join(__dirname, 'dist'),
-  notFound: 'index.html',
-})
-
-new Server(join(__dirname, 'src'), {
-  beforeHandle: async (req, res, ctx) => {
-    if (!req.url || req.method !== 'GET') return
-
-    await publicHandler(req, res, ctx)
-    await distHandler(req, res, ctx)
-  },
-}).listen()
-`
-  );
-  writeFile(
-    path.join(rootPath, "src", "faas.yaml"),
-    `defaults:
-  plugins:
-    http:
-      config:
-        cookie:
-          secure: false
-          session:
-            secret: secret
-development:
-testing:
-production:
-`
-  );
-  writeFile(
-    path.join(rootPath, "src", "main.tsx"),
-    `import { createRoot } from 'react-dom/client'
-import HomePage from './pages/home'
-
-createRoot(document.getElementById('root') as HTMLElement).render(<HomePage />)
-`
-  );
-  writeFile(
-    path.join(rootPath, "src", "pages", "home", "index.tsx"),
-    `import { useState } from 'react'
-
-type ApiResponse = {
-  ok: boolean
-  data: string
-  error: null | {
-    code?: string
-    message: string
-  }
-}
-
-export default function HomePage() {
-  const [message, setMessage] = useState('Click button to call API')
-  const [loading, setLoading] = useState(false)
-
-  const fetchMessage = async () => {
-    setLoading(true)
-
-    try {
-      const data = await fetch('/home/api/hello', {
-        method: 'POST',
-        headers: {
-          'Content-Type': 'application/json',
-        },
-        body: JSON.stringify({ name: 'world' }),
-      }).then(res => res.json() as Promise<ApiResponse>)
-
-      if (data.ok) setMessage(data.data)
-      else setMessage(data.error?.message || 'Unknown error')
-    } catch (error: any) {
-      setMessage(error?.message || 'Unknown error')
-    } finally {
-      setLoading(false)
-    }
-  }
-
-  return (
-    <main style={{ margin: '5rem auto', maxWidth: 420, padding: 24 }}>
-      <h1>FaasJS Starter</h1>
-      <p>{message}</p>
-      <button type="button" onClick={fetchMessage} disabled={loading}>
-        {loading ? 'Loading...' : 'Call /home/api/hello'}
-      </button>
-    </main>
-  )
-}
-`
-  );
-  writeFile(
-    path.join(rootPath, "src", "pages", "home", "api", "hello.func.ts"),
-    `import { useHttpFunc } from '@faasjs/http'
-import { z } from 'zod'
-
-const schema = z
-  .object({
-    name: z.string().optional(),
-  })
-  .required()
-
-export const func = useHttpFunc<z.infer<typeof schema>>(() => {
-  return async ({ params }) => {
-    const parsed = schema.parse(params || {})
-
-    return {
-      ok: true,
-      data: \`Hello, \${parsed.name || 'FaasJS'}\`,
-      error: null,
-    }
-  }
-})
-`
-  );
-  writeFile(
-    path.join(rootPath, "src", "pages", "home", "api", "__tests__", "hello.test.ts"),
-    `import { test } from '@faasjs/test'
-import { func } from '../hello.func'
-
-describe('home/api/hello', () => {
-  it('should work', async () => {
-    const testFunc = test(func)
-
-    const { statusCode, data } = await testFunc.JSONhandler({ name: 'world' })
-
-    expect(statusCode).toEqual(200)
-    expect(data).toEqual({
-      ok: true,
-      data: 'Hello, world',
-      error: null,
-    })
-  })
-})
-`
-  );
-}
-async function action(options = {}) {
-  const answers = Object.assign(options, {});
-  if (!options.name || Validator.name(options.name) !== true)
-    answers.name = await enquirer.prompt({
-      type: "input",
-      name: "value",
-      message: "Project name",
-      initial: "faasjs",
-      validate: Validator.name
-    }).then((res) => res.value);
-  if (!answers.name) return;
-  const runtime = process.versions.bun ? "bun" : "npm";
-  fs.mkdirSync(answers.name);
-  fs.writeFileSync(
-    path.join(answers.name, "package.json"),
-    buildPackageJSON(answers.name)
-  );
-  scaffold(answers.name);
-  child_process.execSync(`cd ${answers.name} && ${runtime} install`, { stdio: "inherit" });
-  if (runtime === "bun") {
-    child_process.execSync(`cd ${answers.name} && bun test`, { stdio: "inherit" });
-  } else child_process.execSync(`cd ${answers.name} && npm run test`, { stdio: "inherit" });
-}
-function action_default(program) {
-  program.description("Create a new faas app").on("--help", () => console.log("Examples:\nnpx create-faas-app")).option("--name <name>", "Project name").action(action);
-}
-
-// src/index.ts
-var commander = new commander$1.Command();
-commander.storeOptionsAsProperties(false).allowUnknownOption(true).version(package_default.version).name("create-faas-app").exitOverride();
-action_default(commander);
-async function main(argv) {
-  try {
-    await commander.parseAsync(argv);
-  } catch (error) {
-    console.error(error);
-  }
-  return commander;
-}
-
-exports.main = main;