ugly-app 0.1.0

package/templates/package.json

@@ -0,0 +1,56 @@
+{
+  "name": "my-app",
+  "version": "0.1.0",
+  "type": "module",
+  "scripts": {
+    "dev": "web dev",
+    "build": "web build",
+    "publish:assets": "web publish:assets",
+    "purge:assets": "web purge:assets",
+    "db:migrate": "web db:migrate",
+    "db:init": "web db:init",
+    "deploy:single": "web deploy:single",
+    "deploy:multi": "web deploy:multi",
+    "logs": "web logs:local",
+    "logs:server": "web logs:server",
+    "error": "web error:local",
+    "error:server": "web error:server",
+    "perf": "web perf:local",
+    "perf:server": "web perf:server",
+    "start": "lsof -ti :${PORT:-3000} | xargs kill -9 2>/dev/null; npx tsx --env-file=.env server/index.ts",
+    "deploy": "yarn build && yarn start",
+    "test:e2e": "playwright test",
+    "feedback": "web feedback",
+    "prepare": "husky"
+  },
+  "lint-staged": {
+    "*.{ts,tsx}": ["eslint --fix"],
+    "**/*.ts": ["bash -c 'tsc --noEmit -p tsconfig.json'"]
+  },
+  "dependencies": {
+    "nanoid": "^5.1.5",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "website-core": "^0.1.0"
+  },
+  "devDependencies": {
+    "@types/html2canvas": "^1.0.0",
+    "@types/node": "^22.0.0",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "@typescript-eslint/eslint-plugin": "^8.0.0",
+    "@typescript-eslint/parser": "^8.0.0",
+    "@vitejs/plugin-react": "^4.3.0",
+    "eslint": "^9.0.0",
+    "html2canvas": "^1.4.1",
+    "husky": "^9.0.0",
+    "lint-staged": "^15.0.0",
+    "tailwindcss": "^3.4.0",
+    "tsx": "^4.19.0",
+    "typescript": "^5.9.3",
+    "vite": "^6.0.0",
+    "eslint-watch": "^7.0.0",
+    "vite-plugin-checker": "^0.8.0",
+    "@playwright/test": "^1.40.0"
+  }
+}

package/templates/playwright.config.ts

@@ -0,0 +1,21 @@
+import { defineConfig, devices } from '@playwright/test';
+
+export default defineConfig({
+  testDir: './tests/e2e',
+  timeout: 30_000,
+  retries: 0,
+  workers: undefined, // parallel by default
+  reporter: 'list',
+  use: {
+    baseURL: 'http://localhost:3000',
+    screenshot: 'only-on-failure',
+    trace: 'on-first-retry',
+    actionTimeout: 10_000,
+    navigationTimeout: 30_000,
+  },
+  projects: [
+    { name: 'chromium', use: { ...devices['Desktop Chrome'] } },
+    { name: 'firefox', use: { ...devices['Desktop Firefox'] } },
+    { name: 'webkit', use: { ...devices['Desktop Safari'] } },
+  ],
+});

package/templates/server/index.ts

@@ -0,0 +1,24 @@
+import { createApp, registerFeedbackHandlers } from 'website-core';
+import { functions, requests } from '../shared/api.js';
+import { collections } from '../shared/collections.js';
+import { pages } from '../shared/pages.js';
+
+const app = createApp({ functions, requests }, collections, (configurator) => {
+  configurator.setPages({ pages });
+});
+
+const maintainBotUserId = process.env.MAINTAIN_BOT_USER_ID ?? '';
+registerFeedbackHandlers(app, maintainBotUserId);
+
+// Register request handlers
+app.registerRequest('getMe', async (ctx) => {
+  const user = await ctx.user;
+  return {
+    userId: ctx.userId,
+    email: user?.email,
+    phone: user?.phone,
+  };
+});
+
+const port = parseInt(process.env['PORT'] ?? '3000');
+await app.start(port);

package/templates/shared/api.ts

@@ -0,0 +1,36 @@
+import {
+  defineFunctions,
+  defineRequests,
+  fn,
+  req,
+  z,
+} from 'website-core/shared';
+
+export const functions = defineFunctions({
+  // Example: create a feedback submission
+  submitFeedback: fn({
+    input: z.object({
+      type: z.enum(['bug', 'design', 'feature']),
+      message: z.string().min(1).max(2000),
+      screenshot: z.string().optional(), // base64 encoded
+    }),
+    output: z.object({ ok: z.boolean() }),
+  }),
+});
+
+export const requests = defineRequests({
+  // Example: get current user info
+  getMe: req({
+    input: z.object({}),
+    output: z.object({
+      userId: z.string(),
+      email: z.string().optional(),
+      phone: z.string().optional(),
+    }),
+  }),
+});
+
+export type AppRegistry = {
+  functions: typeof functions;
+  requests: typeof requests;
+};

package/templates/shared/collections.ts

@@ -0,0 +1,11 @@
+import { defineCollections } from 'website-core/shared';
+
+// Define your MongoDB collections here.
+// See docs/collections.md for flag explanations.
+
+export const collections = defineCollections({
+  // example:
+  // post: { cache: false, trackable: true, public: true, parent: null },
+});
+
+export type AppCollections = typeof collections;

package/templates/shared/dbIndexes.ts

@@ -0,0 +1,11 @@
+import { defineDbIndexes } from 'website-core/shared';
+
+// Define MongoDB indexes here. Run `npx website-core init-db` to apply.
+// See docs/collections.md for index type documentation.
+
+export const dbIndexes = defineDbIndexes({
+  // example:
+  // post: {
+  //   indexes: [{ fields: { authorId: 1, created: -1 } }],
+  // },
+});

package/templates/shared/pages.ts

@@ -0,0 +1,8 @@
+import { definePage, definePages } from 'website-core/shared';
+
+export const pages = definePages({
+  '': definePage<{}>({ auth: false, ssr: true }), // root/SEO landing page
+  'dashboard': definePage<{}>(), // auth: true (default), ssr: false
+});
+
+export type AppRouter = { pages: typeof pages };

package/templates/vite.config.ts

@@ -0,0 +1,17 @@
+import react from '@vitejs/plugin-react';
+import { defineConfig } from 'vite';
+import checker from 'vite-plugin-checker';
+
+export default defineConfig({
+  plugins: [react(), checker({ typescript: true })],
+  build: {
+    outDir: 'dist/client',
+  },
+  server: {
+    proxy: {
+      '/rpc': { target: 'ws://localhost:3000', ws: true },
+      '/auth': 'http://localhost:3000',
+      '/logs': 'http://localhost:3000',
+    },
+  },
+});