evikit 2.11.1 → 2.13.0

package/.woodpecker/test.yaml

@@ -1,38 +1,38 @@
-when:
-  - event: push
-    branch: main
-  - event: pull_request
-
-steps:
-  - name: build
-    image: node:24-alpine
-    commands:
-      - apk add git
-      # Are types correct?
-      - npm i
-      - npm run lint
-      - npx tsc
-      # Does todo app example build?
-      - npm create evikit my-app
-      - rm -rf my-app/node_modules/evikit
-      - (cd my-app/node_modules; git clone ../.. evikit)
-      - (cd my-app; npm run build)
-      # Does real-world application pass tests?
-      - git clone https://codeberg.org/nykula/lanquiz
-      - (cd lanquiz; npm i)
-      - rm -rf lanquiz/node_modules/evikit
-      - (cd lanquiz/node_modules; git clone ../.. evikit)
-      - (cd lanquiz; npm run build)
-      - (cd lanquiz; npm test -- --test-concurrency=1)
-      # Do other real-world applications build? 1/2
-      - git clone https://codeberg.org/nykula/mobhub
-      - (cd mobhub; npm i)
-      - rm -rf mobhub/node_modules/evikit
-      - (cd mobhub/node_modules; git clone ../.. evikit)
-      - (cd mobhub; npm run build)
-      # Do other real-world applications build? 2/2
-      - git clone https://codeberg.org/nykula/yoself
-      - (cd yoself; npm i)
-      - rm -rf yoself/node_modules/evikit
-      - (cd yoself/node_modules; git clone ../.. evikit)
-      - (cd yoself; npm run build)
+when:
+  - event: push
+    branch: main
+  - event: pull_request
+
+steps:
+  - name: build
+    image: node:24-alpine
+    commands:
+      - apk add git
+      # Are types correct?
+      - npm i
+      - npm run lint
+      - npx tsc
+      # Does todo app example build?
+      - npm create evikit my-app
+      - rm -rf my-app/node_modules/evikit
+      - (cd my-app/node_modules; git clone ../.. evikit)
+      - (cd my-app; npm run build)
+      # Does real-world application pass tests?
+      - git clone https://codeberg.org/nykula/lanquiz
+      - (cd lanquiz; npm i)
+      - rm -rf lanquiz/node_modules/evikit
+      - (cd lanquiz/node_modules; git clone ../.. evikit)
+      - (cd lanquiz; npm run build)
+      - (cd lanquiz; npm test -- --test-concurrency=1)
+      # Do other real-world applications build? 1/2
+      - git clone https://codeberg.org/nykula/mobhub
+      - (cd mobhub; npm i)
+      - rm -rf mobhub/node_modules/evikit
+      - (cd mobhub/node_modules; git clone ../.. evikit)
+      - (cd mobhub; npm run build)
+      # Do other real-world applications build? 2/2
+      - git clone https://codeberg.org/nykula/yoself
+      - (cd yoself; npm i)
+      - rm -rf yoself/node_modules/evikit
+      - (cd yoself/node_modules; git clone ../.. evikit)
+      - (cd yoself; npm run build)

package/README.md

@@ -61,6 +61,7 @@ Our language will be standard modern JavaScript as supported by Node.js directly
 - [Styling](#styling)
 - _TODO_ [Testing](#testing)
 - [Linting](#linting)
+- [esbuild](#esbuild)
 
 ### Create project
 
@@ -288,7 +289,7 @@ The following commands should work now:
 # Run dev server with hot reload for Preact and full restart on API change.
 npx vite dev
 
-# Build server and client for production.
+# Build client for production.
 npx tsc
 npx vite build
 ```
@@ -473,8 +474,8 @@ export const QuestionIdServer = {
   get: endpoint(QuestionIdGet, async ({ input }) => {
     const i18n = await getI18n(input.lang);
     const [question] = db.Question.select({
+      id: input.id,
       with: { Choice: true },
-      where: { id: input.id },
     });
     // It maps join results to objects, for example you can get:
     // question?.Choice[0]?.text
@@ -557,7 +558,7 @@ export const ChoiceServer = {
   post: endpoint(ChoicePost, async ({ input }) => {
     const i18n = await getI18n(input.lang);
 
-    const [question] = db.Question.select({ where: { id: input.questionId } });
+    const [question] = db.Question.select({ id: input.questionId });
     if (!question) {
       return text(i18n.gettext("Question does not exist"), 400);
     }
@@ -638,7 +639,7 @@ export const VoteServer = {
   post: endpoint(VotePost, async ({ input }) => {
     const i18n = await getI18n(input.lang);
 
-    const [choice] = db.Choice.select({ where: { id: input.choiceId } });
+    const [choice] = db.Choice.select({ id: input.choiceId });
     if (!choice) {
       return text(i18n.gettext("You didn't select a choice"), 400);
     }
@@ -648,9 +649,9 @@ export const VoteServer = {
     }
 
     db.Choice.update({
+      id: choice.id,
       set: { votes: choice.votes + 1 },
-      where: { id: choice.id },
-      // To update multiple choices, pass an array of ids to `where.id`.
+      // To update multiple choices, pass an array of ids to `id`.
     });
     // To delete a choice: `db.Choice.delete({ id: choice.id })`.
     // To delete multiple choices, pass an array of ids to `id`.
@@ -790,8 +791,8 @@ import { ok } from "node:assert/strict";
 // ...
 
 const [question] = db.Question.select({
+  id: input.id,
   with: { Choice: { with: { iconStorage: true } } },
-  where: { id: input.id },
 });
 
 // ...
@@ -1004,6 +1005,36 @@ npx eslint .
 
 You can add these commands (without npx) as `format` and `lint` scripts in your `package.json`.
 
+## esbuild
+
+If you don't need Tailwind (e.g. `index.css` is enough for you) or bundle analyzer, and are ok with full-page refresh instead of hot module replacement, you can have EviKit use [esbuild](https://esbuild.github.io/) as a smaller alternative to Vite.
+
+```sh
+npm i -D esbuild
+npm install-scripts approve esbuild
+npm rm @preact/preset-vite vite vite-bundle-analyzer
+rm -f vite.config.js
+```
+
+Change the `production` call in your `index.js`:
+
+```js
+app.use(production({ prerender }));
+```
+
+The following commands should work now:
+
+```sh
+# Run dev server with watch mode.
+node --env-file=.env index.js dev
+
+# Build client for production.
+npx tsc
+node --env-file=.env index.js build
+```
+
+You can change the `dev` and `build` scripts in your `package.json` accordingly.
+
 ## License
 
 SPDX-License-Identifier: MIT