@wasp.sh/wasp-cli-darwin-arm64-unknown 0.20.0

package/data/Cli/starters/basic/src/tasks/components/TaskListItem.tsx

@@ -0,0 +1,56 @@
+import { twJoin } from "tailwind-merge";
+import { updateTaskStatus } from "wasp/client/operations";
+import { TagLabel } from "../../tags/components/TagLabel";
+import { TaskWithTags } from "../queries";
+
+interface TaskListItemProps {
+  task: TaskWithTags;
+}
+
+export function TaskListItem({ task }: TaskListItemProps) {
+  async function setTaskDone(
+    event: React.ChangeEvent<HTMLInputElement>,
+  ): Promise<void> {
+    try {
+      await updateTaskStatus({
+        id: task.id,
+        isDone: event.currentTarget.checked,
+      });
+    } catch (err: unknown) {
+      window.alert(`Error while updating task: ${String(err)}`);
+    }
+  }
+
+  return (
+    <li>
+      <label
+        className={twJoin(
+          "card flex w-full flex-wrap items-center justify-between gap-4 rounded-lg px-6 py-3",
+          task.isDone ? "bg-primary-50" : "bg-neutral-50",
+        )}
+      >
+        <div className="flex min-w-0 items-center gap-4">
+          <input
+            type="checkbox"
+            className="h-5 w-5 shrink-0 accent-primary-500"
+            checked={task.isDone}
+            onChange={setTaskDone}
+          />
+          <div className="flex min-w-0 flex-col break-words">
+            <p>{task.description}</p>
+            <span className="text-xs text-neutral-500">
+              {task.createdAt.toLocaleDateString()}
+            </span>
+          </div>
+        </div>
+        <ul className="flex flex-wrap gap-x-2">
+          {task.tags.map((tag) => (
+            <li key={tag.id}>
+              <TagLabel tag={tag} isActive={true} size="tiny" />
+            </li>
+          ))}
+        </ul>
+      </label>
+    </li>
+  );
+}

package/data/Cli/starters/basic/src/tasks/queries.ts

@@ -0,0 +1,21 @@
+import { Tag, Task } from "wasp/entities";
+import { HttpError } from "wasp/server";
+import { type GetTasks } from "wasp/server/operations";
+
+export type TaskWithTags = Task & { tags: Tag[] };
+
+export const getTasks: GetTasks<void, TaskWithTags[]> = (_args, context) => {
+  if (!context.user) {
+    throw new HttpError(401);
+  }
+
+  return context.entities.Task.findMany({
+    where: { user: { id: context.user.id } },
+    orderBy: { createdAt: "desc" },
+    include: {
+      tags: {
+        orderBy: { name: "asc" },
+      },
+    },
+  });
+};

package/data/Cli/starters/basic/tailwind.config.js

@@ -0,0 +1,30 @@
+import { resolveProjectPath } from "wasp/dev";
+
+/** @type {import('tailwindcss').Config} */
+export default {
+  content: [resolveProjectPath("./src/**/*.{js,jsx,ts,tsx}")],
+  theme: {
+    extend: {
+      fontSize: {
+        "tiny": ["0.625rem", "1rem"], // 10px
+      },
+      colors: {
+        // Created using https://www.tints.dev
+        primary: {
+          50: "#FFFBEB",
+          100: "#FFF7D6",
+          200: "#FFEFAD",
+          300: "#FFE680",
+          400: "#FFDA47",
+          500: "#FFCC00",
+          600: "#E6B800",
+          700: "#CCA300",
+          800: "#A88700",
+          900: "#7A6200",
+          950: "#574500"
+        },
+      },
+    },
+  },
+  plugins: [],
+};

package/data/Cli/starters/basic/vite.config.ts

@@ -0,0 +1,7 @@
+import { defineConfig } from 'vite'
+
+export default defineConfig({
+  server: {
+    open: true,
+  },
+})

package/data/Cli/starters/minimal/main.wasp

@@ -0,0 +1,14 @@
+app __waspAppName__ {
+  wasp: {
+    version: "__waspVersion__"
+  },
+  title: "__waspProjectName__",
+  head: [
+    "<link rel='icon' href='/favicon.ico' />",
+  ]
+}
+
+route RootRoute { path: "/", to: MainPage }
+page MainPage {
+  component: import { MainPage } from "@src/MainPage"
+}

package/data/Cli/starters/minimal/package.json

@@ -0,0 +1,18 @@
+{
+  "name": "__waspAppName__",
+  "type": "module",
+  "workspaces": [".wasp/build/*", ".wasp/out/*"],
+  "dependencies": {
+    "react": "^19.2.1",
+    "react-dom": "^19.2.1",
+    "react-router-dom": "^6.26.2",
+    "wasp": "file:.wasp/out/sdk/wasp"
+  },
+  "devDependencies": {
+    "@types/react": "^19.2.7",
+    "@types/react-dom": "^19.2.3",
+    "prisma": "5.19.1",
+    "typescript": "5.8.2",
+    "vite": "^7.0.6"
+  }
+}

package/data/Cli/starters/minimal/schema.prisma

@@ -0,0 +1,10 @@
+datasource db {
+  provider = "sqlite"
+  // Wasp requires that the url is set to the DATABASE_URL environment variable.
+  url      = env("DATABASE_URL")
+}
+
+// Wasp requires the `prisma-client-js` generator to be present.
+generator client {
+  provider = "prisma-client-js"
+}

package/data/Cli/starters/minimal/src/Main.css

@@ -0,0 +1,103 @@
+* {
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family:
+    -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu",
+    "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+}
+
+#root {
+  min-height: 100vh;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+}
+
+.container {
+  margin: 3rem 3rem 10rem 3rem;
+  max-width: 726px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  text-align: center;
+}
+
+.logo {
+  max-height: 200px;
+  margin-bottom: 1rem;
+}
+
+.title {
+  font-size: 4rem;
+  font-weight: 700;
+  margin-bottom: 1rem;
+}
+
+.content {
+  font-size: 1.2rem;
+  font-weight: 400;
+  line-height: 2;
+  margin-bottom: 3rem;
+}
+
+.buttons {
+  display: flex;
+  flex-direction: row;
+  gap: 1rem;
+}
+
+.button {
+  font-size: 1.2rem;
+  font-weight: 700;
+  text-decoration: none;
+  padding: 1.2rem 1.5rem;
+  border-radius: 10px;
+}
+
+.button-filled {
+  color: black;
+  background-color: #ffcc00;
+  border: 2px solid #ffcc00;
+
+  transition: all 0.2s ease-in-out;
+}
+
+.button-filled:hover {
+  filter: brightness(0.95);
+}
+
+.button-outlined {
+  color: black;
+  background-color: transparent;
+  border: 2px solid #ffcc00;
+
+  transition: all 0.2s ease-in-out;
+}
+
+.button-outlined:hover {
+  filter: brightness(0.95);
+}
+
+code {
+  border-radius: 5px;
+  border: 1px solid #ffcc00;
+  padding: 0.2rem;
+  background: #ffcc0044;
+  font-family:
+    Menlo,
+    Monaco,
+    Lucida Console,
+    Liberation Mono,
+    DejaVu Sans Mono,
+    Bitstream Vera Sans Mono,
+    Courier New,
+    monospace;
+}

package/data/Cli/starters/minimal/src/MainPage.tsx

@@ -0,0 +1,37 @@
+import Logo from "./assets/logo.svg";
+import "./Main.css";
+
+export function MainPage() {
+  return (
+    <main className="container">
+      <img className="logo" src={Logo} alt="wasp" />
+
+      <h2 className="title">Welcome to Wasp!</h2>
+
+      <p className="content">
+        This is page <code>MainPage</code> located at route <code>/</code>.
+        <br />
+        Open <code>src/MainPage.tsx</code> to edit it.
+      </p>
+
+      <div className="buttons">
+        <a
+          className="button button-filled"
+          href="https://wasp.sh/docs/tutorial/create"
+          target="_blank"
+          rel="noreferrer noopener"
+        >
+          Take the Tutorial
+        </a>
+        <a
+          className="button button-outlined"
+          href="https://discord.com/invite/rzdnErX"
+          target="_blank"
+          rel="noreferrer noopener"
+        >
+          Chat on Discord
+        </a>
+      </div>
+    </main>
+  );
+}

package/data/Cli/starters/minimal/src/assets/logo.svg

@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 161 161"><defs><style>.cls-1{fill:#f5cc05;}.cls-2{fill-rule:evenodd;}</style></defs><g id="Page-1"><g id="Group-23"><circle id="Oval" class="cls-1" cx="80.5" cy="80.5" r="79"/><g id="Group-36"><g id="_" data-name="}"><path id="path-2" class="cls-2" d="M88.67,114.33h2.91q6,0,7.87-1.89c1.22-1.25,1.83-3.9,1.83-7.93V93.89c0-4.46.65-7.7,1.93-9.73s3.51-3.43,6.67-4.2q-4.69-1.08-6.65-4.12c-1.3-2-2-5.28-2-9.77V55.44q0-6-1.83-7.93t-7.87-1.88H88.67V39.5h2.65q10.65,0,14.24,3.15t3.59,12.62V65.56c0,4.28.77,7.24,2.29,8.87s4.3,2.44,8.32,2.44h2.74V83h-2.74q-6,0-8.32,2.49c-1.52,1.65-2.29,4.64-2.29,9v10.25q0,9.47-3.59,12.64T91.32,120.5H88.67Z"/><path id="path-2-2" data-name="path-2" class="cls-2" d="M88.67,114.33h2.91q6,0,7.87-1.89c1.22-1.25,1.83-3.9,1.83-7.93V93.89c0-4.46.65-7.7,1.93-9.73s3.51-3.43,6.67-4.2q-4.69-1.08-6.65-4.12c-1.3-2-2-5.28-2-9.77V55.44q0-6-1.83-7.93t-7.87-1.88H88.67V39.5h2.65q10.65,0,14.24,3.15t3.59,12.62V65.56c0,4.28.77,7.24,2.29,8.87s4.3,2.44,8.32,2.44h2.74V83h-2.74q-6,0-8.32,2.49c-1.52,1.65-2.29,4.64-2.29,9v10.25q0,9.47-3.59,12.64T91.32,120.5H88.67Z"/></g><g id="text831"><g id="_2" data-name="="><path id="path-3" class="cls-2" d="M38.5,85.15H75.83v7.58H38.5Zm0-17.88H75.83v7.49H38.5Z"/><path id="path-3-2" data-name="path-3" class="cls-2" d="M38.5,85.15H75.83v7.58H38.5Zm0-17.88H75.83v7.49H38.5Z"/></g></g></g></g></g></svg>

package/data/Cli/starters/minimal/vite.config.ts

@@ -0,0 +1,7 @@
+import { defineConfig } from "vite";
+
+export default defineConfig({
+  server: {
+    open: true,
+  },
+});

package/data/Cli/starters/skeleton/src/vite-env.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="vite/client" />
+
+// This is needed to properly support Vitest testing with jest-dom matchers.
+// Types for jest-dom are not recognized automatically and Typescript complains
+// about missing types e.g. when using `toBeInTheDocument` and other matchers.
+// Reference: https://github.com/testing-library/jest-dom/issues/546#issuecomment-1889884843
+import "@testing-library/jest-dom";

package/data/Cli/starters/skeleton/tsconfig.json

@@ -0,0 +1,28 @@
+// =============================== IMPORTANT =================================
+// This file is mainly used for Wasp IDE support.
+//
+// Wasp will compile your code with slightly different (less strict) compilerOptions.
+// You can increase the configuration's strictness (e.g., by adding
+// "noUncheckedIndexedAccess": true), but you shouldn't reduce it (e.g., by
+// adding "strict": false). Just keep in mind that this will only affect your
+// IDE support, not the actual compilation.
+//
+// Full TypeScript configurability is coming very soon :)
+{
+  "compilerOptions": {
+    "module": "esnext",
+    "composite": true,
+    "target": "esnext",
+    "moduleResolution": "bundler",
+    "jsx": "preserve",
+    "strict": true,
+    "esModuleInterop": true,
+    "isolatedModules": true,
+    "moduleDetection": "force",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "skipLibCheck": true,
+    "allowJs": true,
+    "outDir": ".wasp/out/user"
+  },
+  "include": ["src"]
+}

package/data/Generator/templates/Dockerfile

@@ -0,0 +1,78 @@
+{{={= =}=}}
+# NOTE: Why do we specify alpine version here?
+#   Because if not, we had situations where it would use the different version
+#   locally and on Github CI. This way we ensure exact version is used,
+#   and also have control over updating it (instead of update surprising us).
+{=! TODO: Upgrade this to the latest Alpine version once we update Prisma #2504 =}
+{=! (Alpine 3.21 at time of writing) =}
+FROM node:{= nodeVersion =}-alpine3.20 AS node
+
+
+# We split Dockerfile into base, server-builder and server-production.
+# This way we have separate situations -> in server-builder we build all
+# we need to run the server, and then in server-production we start fresh
+# and just copy what we need from server-builder, avoiding intermediate
+# artifacts and any settings / pollution we don't need in production
+# but only for building.
+
+
+FROM node AS base
+RUN apk --no-cache -U upgrade # To ensure any potential security patches are applied.
+
+
+# Todo: The 'server-builder' image stays on disk under <none>:<none> and is
+# relatively large (~900 MB), should we remove it? Or is it useful for future
+# builds?
+FROM base AS server-builder
+# Building the Docker image on Apple's Silicon Mac fails without python3 (the build
+# throws `node-gyp` errors when it tries to compile native deps. Installing
+# `python3` fixes the issue.
+RUN apk add --no-cache python3 build-base libtool autoconf automake
+WORKDIR /app
+# Since the framwork code in /.wasp/build/server imports the user code in /src
+# using relative imports, we must mirror the same directory structure in the
+# Docker image.
+COPY src ./src
+COPY package.json .
+COPY package-lock.json .
+COPY tsconfig*.json .
+COPY server .wasp/build/server
+COPY sdk .wasp/out/sdk
+# Install npm packages, resulting in node_modules/.
+RUN npm install && cd .wasp/build/server && npm install
+{=# usingPrisma =}
+COPY db/schema.prisma .wasp/build/db/
+RUN cd .wasp/build/server && npx prisma generate --schema='{= dbSchemaFileFromServerDir =}'
+{=/ usingPrisma =}
+# Building the server should come after Prisma generation.
+RUN cd .wasp/build/server && npm run bundle
+
+# Depending on `npm`'s dependency resolution, this folder may or may not exist.
+# We ensure they are created so that the COPY instruction later does not fail.
+RUN mkdir -p ./.wasp/build/server/node_modules
+
+
+# TODO: Use pm2?
+# TODO: Use non-root user (node).
+FROM base AS server-production
+# In case they want to use python3 in their app.
+RUN apk add --no-cache python3
+ENV NODE_ENV=production
+WORKDIR /app
+# Copying the top level 'node_modules' because it contains the Prisma packages
+# necessary for migrating the database.
+COPY --from=server-builder /app/node_modules ./node_modules
+# Copying 'server/node_modules' because we require dotenv package to
+# load environment variables
+# TODO: replace dotenv with native Node.js environment variable loading
+COPY --from=server-builder /app/.wasp/build/server/node_modules .wasp/build/server/node_modules
+COPY --from=server-builder /app/.wasp/build/server/bundle .wasp/build/server/bundle
+COPY --from=server-builder /app/.wasp/build/server/package*.json .wasp/build/server/
+COPY db/ .wasp/build/db/
+EXPOSE ${PORT}
+WORKDIR /app/.wasp/build/server
+ENTRYPOINT ["npm", "run", "start-production"]
+
+
+# Any user-defined Dockerfile contents will be appended below.
+{=& userDockerfile =}

package/data/Generator/templates/db/schema.prisma

@@ -0,0 +1,24 @@
+{{={= =}=}}
+
+{=& datasourceSchema =}
+
+{=# generatorSchemas =}
+{=& . =}
+{=/ generatorSchemas =}
+
+{=# modelSchemas =}
+{=& . =}
+
+{=/ modelSchemas =}
+{=# enumSchemas =}
+{=& . =}
+
+{=/ enumSchemas =}
+{=# viewSchemas =}
+{=& . =}
+
+{=/ viewSchemas =}
+{=# typeSchemas =}
+{=& . =}
+
+{=/ typeSchemas =}

package/data/Generator/templates/dockerignore

@@ -0,0 +1,2 @@
+**/node_modules/
+**/.git

package/data/Generator/templates/react-app/README.md

@@ -0,0 +1,21 @@
+This project was bootstrapped with [Vite's React TS template](https://github.com/vitejs/vite/tree/main/packages/create-vite/template-react-ts).
+
+## Available Scripts
+
+In the project directory, you can run:
+
+### `npm start`
+
+Runs the app in development mode.<br>
+Open [http://localhost:3000](http://localhost:3000) to view it in the browser.
+
+The page will reload if you make edits.<br>
+You will also see any lint errors in the console.
+
+### `npm run build`
+
+Builds the app for production to the `build` folder.<br>
+It correctly bundles React in production mode and optimizes the build for the best performance.
+
+The build is minified and the filenames include the hashes.<br>
+Your app is ready to be deployed!

package/data/Generator/templates/react-app/gitignore

@@ -0,0 +1,23 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# production
+/build
+
+# misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*

package/data/Generator/templates/react-app/index.html

@@ -0,0 +1,22 @@
+{{={= =}=}}
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="utf-8" />
+        <meta
+            name="viewport"
+            content="minimum-scale=1, initial-scale=1, width=device-width, shrink-to-fit=no"
+        />
+        <link rel="manifest" href="/manifest.json" />
+
+        {=& head =}
+
+        <title>{= title =}</title>
+    </head>
+
+    <body>
+        <noscript>You need to enable JavaScript to run this app.</noscript>
+        <div id="root"></div>
+        <script type="module" src="/src/index.tsx"></script>
+    </body>
+</html>

package/data/Generator/templates/react-app/netlify.toml

@@ -0,0 +1,8 @@
+[build]
+  publish = ".wasp/build/web-app/build/"
+
+[[redirects]]
+  from = "/*"
+  to = "/index.html"
+  status = 200
+  force = false

package/data/Generator/templates/react-app/npmrc

@@ -0,0 +1 @@
+engine-strict=true

package/data/Generator/templates/react-app/package.json

@@ -0,0 +1,31 @@
+{{={= =}=}}
+{
+  "name": "{= packageName =}",
+  "version": "0.0.0",
+  "private": true,
+  "type": "module",
+  {=& depsChunk =},
+  {=& devDepsChunk =},
+  {=& overridesChunk =},
+  "scripts": {
+    "start": "vite",
+    "build": "tsc --build && vite build",
+    "preview": "vite preview"
+  },
+  "engineStrict": true,
+  "engines": {
+      "node": "{=& nodeVersionRange =}"
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  }
+}

package/data/Generator/templates/react-app/public/manifest.json

@@ -0,0 +1,15 @@
+{{={= =}=}}
+{
+  "name": "{= appName =}",
+  "icons": [
+    {
+      "src": "favicon.ico",
+      "sizes": "64x64 32x32 24x24 16x16",
+      "type": "image/x-icon"
+    }
+  ],
+  "start_url": ".",
+  "display": "standalone",
+  "theme_color": "#000000",
+  "background_color": "#ffffff"
+}