vercel · Hacksore · Sep 14, 2022
@@ -0,0 +1,5 @@
+{
+  "projects": {
+    "default": "turborepo-firebase-example"
+  }
+}
@@ -0,0 +1,37 @@
+# `Turborepo` Vite starter
+
+This is an official starter Turborepo.
+
+## What's inside?
+
+This Turborepo includes the following packages and apps:
+
+### Apps and Packages
+
+- `api`: a firebase clould function using express, built with rollup
+- `web`: a vanilla [vite](https://vitejs.dev) ts app
+- `config`: eslint shared config
+- `shared`: shared util lib that you share code with various apps
+- `tsconfig`: `tsconfig.json`s used throughout the monorepo
+
+Each package and app is 100% [TypeScript](https://www.typescriptlang.org/).
+
+### Utilities
+
+This Turborepo has some additional tools already setup for you:
+
+- [TypeScript](https://www.typescriptlang.org/) for static type checking
+- [ESLint](https://eslint.org/) for code linting
+- [Jest](https://jestjs.io) test runner for all things JavaScript
+- [Prettier](https://prettier.io) for code formatting
+
+## Using this example
+
+Run the following command:
+
+```sh
+npx degit vercel/turborepo/examples/with-firebase with-firebase
+cd with-firebase
+yarn
+git init . && git add . && git commit -m "Init"
+```
@@ -0,0 +1,3 @@
+*.log
+.runtimeconfig.json
+dist/
@@ -0,0 +1,15 @@
+import type { Config } from "@jest/types";
+
+// Sync object
+const config: Config.InitialOptions = {
+  verbose: true,
+  transform: {
+    "^.+\\.(ts|tsx)$": "ts-jest",
+  },
+  globals: {
+    "ts-jest": {
+      tsconfig: "tsconfig.json",
+    },
+  },
+};
+export default config;
@@ -0,0 +1,29 @@
+{
+  "name": "api",
+  "scripts": {
+    "dev": "rollup -w -c rollup.config.js",
+    "build": "rimraf ./dist/**/* && rollup -c rollup.config.js",
+    "deploy": "firebase deploy --only functions"
+  },
+  "engines": {
+    "node": "16"
+  },
+  "type": "module",
+  "main": "dist/index.js",
+  "dependencies": {
+    "express": "^4.17.3",
+    "firebase-admin": "^10.1.0",
+    "firebase-functions": "^3.20.1",
+    "rollup": "^2.70.2",
+    "shared": "*"
+  },
+  "devDependencies": {
+    "@rollup/plugin-node-resolve": "^13.2.1",
+    "@rollup/plugin-typescript": "^8.3.2",
+    "eslint": "^8.11.0",
+    "rimraf": "^3.0.2",
+    "ts-node": "^10.7.0",
+    "typescript": "^4.6.3"
+  },
+  "private": true
+}
@@ -0,0 +1,17 @@
+import typescript from "@rollup/plugin-typescript";
+import nodeResolve from "@rollup/plugin-node-resolve";
+import pkg from "./package.json";
+
+export default {
+  input: "src/index.ts",
+  external: [...Object.keys(pkg.dependencies)],
+  plugins: [typescript(), nodeResolve()],
+  onwarn: () => {
+    return;
+  },
+  output: {
+    file: "dist/index.js",
+    format: "es",
+    sourcemap: true,
+  },
+};
@@ -0,0 +1,11 @@
+import express from "express";
+import * as functions from "firebase-functions";
+import { exampleConfigFromShared } from "shared/util";
+
+const app = express();
+
+app.get("*", (req, res) => {
+  res.send(exampleConfigFromShared);
+});
+
+export const server = functions.https.onRequest(app);
@@ -0,0 +1,15 @@
+{
+  "compilerOptions": {
+    "lib": ["ES2021"],
+    "module": "ES2020",
+    "moduleResolution": "node",
+    "target": "ES2021",
+    "outDir": "dist",
+    "sourceMap": true,
+    "rootDir": "../../",
+    "typeRoots": ["node_modules/@types"],
+    "allowSyntheticDefaultImports": true,
+    "esModuleInterop": true
+  },
+  "include": ["../../packages/shared/**/*.ts", "src"]
+}
@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/src/favicon.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Firebase + Turborepo</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>
@@ -0,0 +1,23 @@
+{
+  "name": "web",
+  "private": true,
+  "version": "0.0.0",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "preview": "vite preview",
+    "deploy": "firebase deploy --only hosting"
+  },
+  "dependencies": {
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
+    "shared": "*"
+  },
+  "devDependencies": {
+    "@types/react": "^18.0.0",
+    "@types/react-dom": "^18.0.0",
+    "@vitejs/plugin-react": "^1.3.0",
+    "typescript": "^4.6.3",
+    "vite": "^2.9.7"
+  }
+}
@@ -0,0 +1,11 @@
+.App {
+  background-color: #282c34;
+  min-height: 100vh;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  font-size: calc(10px + 2vmin);
+  color: white;
+  padding: 80px;
+}
@@ -0,0 +1,22 @@
+import { useEffect, useState } from "react";
+import { exampleConfigFromShared } from "shared/util";
+
+import "./App.css";
+
+function App() {
+  const [data, setData] = useState({});
+  useEffect(() => {
+    fetch("/api/test")
+      .then((res) => res.json())
+      .then((res) => setData(res));
+  }, []);
+
+  return (
+    <div className="App">
+      <pre>API: {JSON.stringify(data)}</pre>
+      <pre>Shared: {JSON.stringify(exampleConfigFromShared)}</pre>
+    </div>
+  );
+}
+
+export default App;
@@ -0,0 +1,14 @@
+body {
+  margin: 0;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
+    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
+    sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  background-color: #282c34;
+}
+
+code {
+  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
+    monospace;
+}
@@ -0,0 +1,10 @@
+import React from "react";
+import ReactDOM from "react-dom/client";
+import App from "./App";
+import "./index.css";
+
+ReactDOM.createRoot(document.getElementById("root")!).render(
+  <React.StrictMode>
+    <App />
+  </React.StrictMode>
+);
@@ -0,0 +1 @@
+/// <reference types="vite/client" />
@@ -0,0 +1,21 @@
+{
+  "compilerOptions": {
+    "target": "ESNext",
+    "useDefineForClassFields": true,
+    "lib": ["DOM", "DOM.Iterable", "ESNext"],
+    "allowJs": false,
+    "skipLibCheck": true,
+    "esModuleInterop": false,
+    "allowSyntheticDefaultImports": true,
+    "strict": true,
+    "forceConsistentCasingInFileNames": true,
+    "module": "ESNext",
+    "moduleResolution": "Node",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "react-jsx"
+  },
+  "include": ["src"],
+  "references": [{ "path": "./tsconfig.node.json" }]
+}
@@ -0,0 +1,8 @@
+{
+  "compilerOptions": {
+    "composite": true,
+    "module": "esnext",
+    "moduleResolution": "node"
+  },
+  "include": ["vite.config.ts"]
+}
@@ -0,0 +1,15 @@
+import { defineConfig } from "vite";
+import react from "@vitejs/plugin-react";
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [react()],
+  server: {
+    proxy: {
+      "/api": {
+        target: "http://localhost:5000",
+        changeOrigin: true,
+      },
+    },
+  },
+});
@@ -0,0 +1,31 @@
+{
+  "functions": {
+    "source": "apps/api"
+  },
+  "hosting": {
+    "public": "apps/web/dist",
+    "ignore": ["firebase.json", "**/.*", "**/node_modules/**"],
+    "rewrites": [
+      {
+        "source": "/api/**",
+        "function": "server"
+      },
+      {
+        "source": "**",
+        "destination": "/index.html"
+      }
+    ]
+  },
+  "emulators": {
+    "ui": {
+      "enabled": true
+    },
+    "functions": {
+      "port": 5001
+    },
+    "hosting": {
+      "enabled": true,
+      "port": 5000
+    }
+  }
+}
@@ -0,0 +1,29 @@
+{
+  "name": "turborepo-firebase",
+  "version": "0.0.0",
+  "private": true,
+  "workspaces": [
+    "apps/*",
+    "packages/*"
+  ],
+  "scripts": {
+    "start": "concurrently npm:dev npm:emulators",
+    "dev": "turbo run dev --parallel",
+    "build": "turbo run build",
+    "emulators": "firebase emulators:start",
+    "deploy": "turbo run build --parallel && turbo run deploy --filter=web --filter=api",
+    "lint": "turbo run lint",
+    "format": "prettier --write \"**/*.{ts,tsx,md}\""
+  },
+  "devDependencies": {
+    "concurrently": "^7.1.0",
+    "firebase-tools": "^11.9.0",
+    "prettier": "latest",
+    "turbo": "latest"
+  },
+  "engines": {
+    "npm": ">=7.0.0",
+    "node": ">=14.0.0"
+  },
+  "packageManager": "npm@7.24.0"
+}