create-evikit 2.3.1 → 2.4.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-evikit",
-  "version": "2.3.1",
+  "version": "2.4.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.4.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/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
           : "",
       ),