create-evikit 2.3.1 → 2.5.0

package/.woodpecker/test.yaml

@@ -0,0 +1,18 @@
+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
+      - npm run build
+      # Does todo app example build?
+      - npm link
+      - npx create-evikit my-app
+      - (cd my-app; npm run build)

package/README.md

@@ -0,0 +1,36 @@
+# create-evikit
+
+Create a monolith server-rendered Preact app with an API powered by a node:sqlite database, using [EviKit](https://evikit.js.org/):
+
+```sh
+npm init evikit my-app
+cd my-app
+npm run dev
+```
+
+Open http://localhost:5173/, try editing the example routes and see changes live.
+
+You can continue with the [EviKit tutorial](https://codeberg.org/nykula/evikit#documentation). With this initializer, you don't have to manually install dependencies, add scripts to `package.json`, or create typical files such as `index.html` and `vite.config.js`.
+
+> 😉 If you are new to Preact and the concept of Virtual DOM, it is a good idea to complete the [Preact tutorial](https://preactjs.com/tutorial/) first.
+
+## Read more
+
+Think of EviKit as an [LXDE](https://en.wikipedia.org/wiki/LXDE#Software_components_of_LXDE) of web frameworks, it stands on the shoulders of awesome libraries and tools from the Preact and Node.js ecosystems:
+
+- **[valibot](https://valibot.dev/guides/introduction/)** - Lets you declare detabase schema and validate API input/output.
+- **[hoofd/preact](https://github.com/0no-co/hoofd)** - Populates `<title>` and `<meta>` tags.
+- **[gettext.js](https://github.com/smhg/gettext-parser)** - Lets you pluralize translated strings.
+- **[vite](https://vite.dev/guide/)** - Builds your app for development and production.
+- **[express](https://expressjs.com/)** - Lets you apply compression, serve static files and use other familiar middleware.
+- [@fastify/busboy](https://github.com/fastify/busboy) - Parses forms, including uploaded files.
+- [@preact/preset-vite](https://github.com/preactjs/preset-vite) - In development, shows your code changes without reloading the page.
+- [env-paths](https://github.com/fastify/busboy) - Saves your database in standard system-specific directory.
+- [gettext-parser](https://github.com/smhg/gettext-parser) - Parses translation files.
+- [preact-iso](https://github.com/preactjs/preact-iso) - Handles routing and hydrates the server-rendered code on the client.
+
+## License
+
+SPDX-License-Identifier: 0BSD
+
+Note: this license applies to this example application template. EviKit itself uses the MIT license.

package/bin/create-evikit.js

@@ -25,7 +25,7 @@ for (const file of [...template, "eslint.config.js", "tsconfig.json"]) {
     path,
     readFileSync(join(ownRoot, file), "utf8")
       .replace(
-        /<link\s+href="[^"]+"(\s+media="[^"]+")?\s+rel="[a-z]+"\s+\/>\s+/g,
+        /<link\s+href="[^"]+"\s+media="[^"]+"\s+rel="[a-z]+"\s+\/>\s+/g,
         "",
       )
       .replace(', "uk"', ""),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-evikit",
-  "version": "2.3.1",
+  "version": "2.5.0",
   "type": "module",
   "bin": "bin/create-evikit.js",
   "scripts": {
@@ -37,7 +37,7 @@
     "@speed-highlight/core": "^1.2.17",
     "accept-language": "^3.0.20",
     "classnames": "^2.5.1",
-    "evikit": "^2.3.2",
+    "evikit": "^2.5.0",
     "express": "^5.2.1",
     "file-type": "^22.0.1",
     "hoofd": "^1.7.3",

package/po/create-evikit.pot

@@ -8,7 +8,7 @@ msgid ""
 msgstr ""
 "Project-Id-Version: create-evikit\n"
 "Report-Msgid-Bugs-To: \n"
-"POT-Creation-Date: 2026-07-08 12:51+0300\n"
+"POT-Creation-Date: 2026-07-08 14:48+0300\n"
 "PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n"
 "Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
 "Language-Team: LANGUAGE <LL@li.org>\n"
@@ -53,6 +53,11 @@ msgstr ""
 msgid "Quick start"
 msgstr ""
 
+msgid ""
+"<a href=\"{translate}\">Translate</a> this page to your language using <a "
+"href=\"{poedit}\">Poedit</a> and send a merge request!"
+msgstr ""
+
 msgid ""
 "There’s intentionally <b>not much API</b>. Documentation entirely fits in a "
 "long but straightforward <b>README</b>. Like the Django tutorial, it guides "

package/po/uk.po

@@ -7,8 +7,8 @@ msgid ""
 msgstr ""
 "Project-Id-Version: create-evikit\n"
 "Report-Msgid-Bugs-To: \n"
-"POT-Creation-Date: 2026-07-08 12:51+0300\n"
-"PO-Revision-Date: 2026-07-08 03:11+0300\n"
+"POT-Creation-Date: 2026-07-08 14:48+0300\n"
+"PO-Revision-Date: 2026-07-08 14:49+0300\n"
 "Last-Translator: EMAIL@ADDRESS\n"
 "Language-Team: Ukrainian\n"
 "Language: uk\n"
@@ -64,6 +64,13 @@ msgstr ""
 msgid "Quick start"
 msgstr "Швидкий початок"
 
+msgid ""
+"<a href=\"{translate}\">Translate</a> this page to your language using <a "
+"href=\"{poedit}\">Poedit</a> and send a merge request!"
+msgstr ""
+"<a href=\"{translate}\">Перекладіть</a> цю сторінку своєю мовою за допомогою "
+"<a href=\"{poedit}\">Poedit</a> і надішліть запит на злиття!"
+
 msgid ""
 "There’s intentionally <b>not much API</b>. Documentation entirely fits in a "
 "long but straightforward <b>README</b>. Like the Django tutorial, it guides "

package/src/lib/db/index.js

@@ -1,3 +1,4 @@
+import { daemon } from "evikit/server";
 import { sqlite } from "evikit/sqlite";
 
 import pkg from "../../../package.json" with { type: "json" };
@@ -5,15 +6,13 @@ import * as schema from "./schema.js";
 
 export const db = sqlite({ pkg, schema });
 
-if (
-  process.env["npm_command"] == "start" ||
-  process.env["npm_lifecycle_event"] == "dev"
-) {
-  setInterval(() => {
+daemon(() => {
+  const interval = setInterval(() => {
     db.Todo.delete({
       text: db.Todo.select()
         .filter(({ createdAt }) => createdAt < Date.now() - 10 * 60e3)
         .map(({ text }) => text),
     });
   }, 1000);
-}
+  return () => clearInterval(interval);
+});

package/src/routes/page.js

@@ -182,7 +182,21 @@ npm run dev
 
       h(
         Code,
-        { file: data?.File["src/lib/index.js"], lang: "js" },
+        {
+          file: data?.File["src/lib/index.js"],
+          lang: "js",
+          note:
+            "🤝 " +
+            i18n
+              .gettext(
+                `<a href="{translate}">Translate</a> this page to your language using <a href="{poedit}">Poedit</a> and send a merge request!`,
+              )
+              .replace(
+                "{translate}",
+                "https://codeberg.org/nykula/create-evikit/src/branch/main/po/create-evikit.pot",
+              )
+              .replace("{poedit}", "https://poedit.com/"),
+        },
         span(null, "src/lib/"),
         b(null, "index.js"),
       ),
@@ -285,8 +299,8 @@ npm run dev
   );
 }
 
-/** @param {{ children?: any, lang: string, file: string | undefined, tag?: string }} props */
-function Code({ children, file, lang, tag }) {
+/** @param {{ children?: any, lang: string, file: string | undefined, note?: string, tag?: string }} props */
+function Code({ children, file, lang, note, tag }) {
   const inner = pre(
     { class: "mt-4 overflow-auto text-sm" },
     code(
@@ -304,10 +318,11 @@ function Code({ children, file, lang, tag }) {
         ),
     ),
   );
+  const more = note ? p({ class: "mt-5", ...sanitize(note) }) : undefined;
   const style = `${darkBg} mb-4 mx-0 overflow-hidden p-4 rounded-xl`;
   return tag == "details"
-    ? details({ class: style }, summary(null, children), inner)
-    : figure({ class: style }, figcaption(null, children), inner);
+    ? details({ class: style }, summary(null, children), inner, more)
+    : figure({ class: style }, figcaption(null, children), inner, more);
 }
 
 /** @param {string} html */
@@ -316,7 +331,7 @@ function sanitize(html) {
     dangerouslySetInnerHTML: {
       __html: html.replace(/<([^>]*)>/g, (match) =>
         /^<\/?[a-z]+>$/.test(match) ||
-        /^<a href="[0-9A-Za-z:/.#%]*"( target="_top")?>$/.test(match)
+        /^<a href="[0-9A-Za-z:/.#%-]*"( target="_top")?>$/.test(match)
           ? match
           : "",
       ),