feat: upgrade to Lume v3.3.0

Signed-off-by: Xe Iaso <me@xeiaso.net>

Author: Xe

deno.lock

@@ -1,5 +1,5 @@
 import lume from "lume/mod.ts";
-import jsx_preact from "lume/plugins/jsx_preact.ts";
+import jsx from "lume/plugins/jsx.ts";
 import attributes from "lume/plugins/attributes.ts";
 import nunjucks from "lume/plugins/nunjucks.ts";
 import date from "lume/plugins/date.ts";
@@ -17,8 +17,6 @@ import podcast_feed from "./plugins/podcast_feed.ts";
 //import pagefind from "lume/plugins/pagefind.ts";
 //import _ from "npm:@pagefind/linux-x64";
 
-import tailwindOptions from "./tailwind.config.js";
-
 import BlockQuote from "./src/_components/BlockQuote.jsx";
 import ChatFrame from "./src/_components/ChatFrame.jsx";
 import ChatBubble from "./src/_components/ChatBubble.jsx";
@@ -37,7 +35,7 @@ import XeblogSticker from "./src/_components/XeblogSticker.tsx";
 import XeblogToot from "./src/_components/XeblogToot.tsx";
 import XeblogVideo from "./src/_components/XeblogVideo.tsx";
 
-import rehypePrism from "npm:rehype-prism-plus/all";
+import rehypePrism from "npm:rehype-prism-plus@2.0.2/all";
 
 const site = lume({
   src: "./src",
@@ -46,17 +44,22 @@ const site = lume({
 
 site.copy("static");
 site.copy("favicon.ico");
-site.copy("static/font/inter/inter.css");
-site.copy("static/img");
-site.copy("src/static", "static");
+site.copy("robots.txt");
+
+// Assets that need processing (Lume 3 no longer picks these up implicitly).
+site.add("styles.css");
+site.add("sw.js");
+site.add("js");
 
 site.data("getYear", () => {
   return new Date().getFullYear();
 });
 
 
 site.use(nunjucks());
-site.use(jsx_preact());
+// Lume 3 defaults JSX pages to a ".page.jsx" sub-extension. This site names
+// its pages "foo.jsx", so turn the sub-extension off.
+site.use(jsx({ pageSubExtension: "" }));
 site.use(attributes());
 site.use(date({
   formats: {
@@ -151,10 +154,7 @@ site.use(mdx({
     rehypePrism,
   ],
 }));
-site.use(tailwindcss({
-  extensions: [".mdx", ".jsx", ".tsx", ".md", ".html", ".njx"],
-  options: tailwindOptions,
-}));
+site.use(tailwindcss());
 site.use(postcss());
 site.use(sitemap({
   query: "index=true",

lume/_config.ts

@@ -1,14 +1,65 @@
 {
+  "imports": {
+    "lume/": "https://cdn.jsdelivr.net/gh/lumeland/lume@3.3.0/",
+    "lume/jsx-runtime": "https://cdn.jsdelivr.net/gh/oscarotero/ssx@0.1.15/jsx-runtime.ts"
+  },
+  "lock": false,
   "compilerOptions": {
     "jsx": "react-jsx",
-    "jsxImportSource": "npm:preact"
+    "jsxImportSource": "lume",
+    "types": [
+      "lume/types.ts"
+    ]
   },
   "tasks": {
-    "lume": "echo \"import 'lume/cli.ts'\" | deno run --unstable -A -",
-    "build": "deno task lume",
-    "serve": "deno task lume -s"
+    "build": {
+      "description": "Build the site for production",
+      "command": "deno task lume"
+    },
+    "serve": {
+      "description": "Run and serve the site for development",
+      "command": "deno task lume -s"
+    },
+    "lume": {
+      "description": "Run Lume command",
+      "command": "deno run -P=lume lume/cli.ts"
+    }
   },
-  "imports": {
-    "lume/": "https://deno.land/x/lume@v2.2.0/"
+  "lint": {
+    "rules": {
+      "exclude": [
+        "no-import-prefix"
+      ]
+    },
+    "plugins": [
+      "https://cdn.jsdelivr.net/gh/lumeland/lume@3.3.0/lint.ts"
+    ]
+  },
+  "unstable": [
+    "temporal",
+    "fmt-component"
+  ],
+  "permissions": {
+    "lume": {
+      "read": true,
+      "write": true,
+      "import": [
+        "cdn.jsdelivr.net:443",
+        "jsr.io:443",
+        "deno.land:443",
+        "esm.sh:443"
+      ],
+      "net": [
+        "0.0.0.0",
+        "jsr.io:443",
+        "cdn.jsdelivr.net:443",
+        "data.jsdelivr.com:443",
+        "registry.npmjs.org:443"
+      ],
+      "env": true,
+      "run": true,
+      "ffi": true,
+      "sys": true
+    }
   }
 }