inkblot 0.2.1 → 0.2.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 95f94c6efad657d5436b9857c995f39a1429bba388f54e4a0e6271e8d473e13b
-  data.tar.gz: 3ba4ddf9a7bfebb814d78042268bfb4ad09baf3b4974b7085b832c5c978966f6
+  metadata.gz: fff52ea3fb5dd275aa1a68e181813b8f41f452cf28ab7ce003f870b2f63ec6fd
+  data.tar.gz: 6d0b29bd0f6e8e957c92da7932cab729eb31df15f0c0c23b5eb5f02badbe5b74
 SHA512:
-  metadata.gz: 55065a701aefcd3058ddd751b75f1845a4aa75575b85bd97ded065a7755bf8184100de936253bbd8afcae1b094b8012a229c4d84ea24c6bca20d9e060d14460a
-  data.tar.gz: 12cb3d55f5badadc758f1b1336e11b446c425efbe283eb1a000aac767c610754aaa06f66b4c3e404f72cc629e7306b5732019d79854773a9dd4ad820450c1e42
+  metadata.gz: 92a26ae8322524f78c1e8a1d79c688ba4e8b58fcfaa880a680a77bab11432f608f701f6bf7775ea495cbcc910d29f1ca02da247977e04edd3cd8fe967ed919e0
+  data.tar.gz: a31d29ea64c8ed92270801a5cd2a613986d6d7f806a55c72d282b275a2c1aeba23a3d4255993c38536d22937be7462251fec45365d4fa84226ddfa53b7442576

data/.build.yml

@@ -9,6 +9,7 @@ packages:
   - ruby
   - ruby-dev
   - ruby-bundler
+  - esbuild
 oauth: "pages.sr.ht/PAGES:RW"
 environment:
   site: inkblot.farthergate.com
@@ -16,7 +17,7 @@ environment:
 tasks:
   - deps: |
       cd inkblot
-      npm i tailwindcss @tailwindcss/cli @tailwindcss/typography
+      npm i
       bundle config set path vendor/bundle
       bundle install
   - build: |

data/Rakefile

@@ -13,6 +13,10 @@ task :css do
   system("tailwindcss -i tailwind.css --minify -o lib/inkblot.min.css")
 end
 
+task :js do
+  system("esbuild --minify --bundle --splitting --format=esm --external:'*.json' --outdir=lib/assets ./js-src/main.ts")
+end
+
 require "inkblot/cli"
 
 task :docs do
@@ -21,4 +25,4 @@ task :docs do
   puts 'built docs'
 end
 
-task default: %i[spec css docs]
+task default: %i[spec css js docs]

data/docs/inkblot.yml

@@ -9,4 +9,5 @@ nav:
       - tailwind
 
 nav-end:
+  Source: https://git.sr.ht/~aleksrutins/inkblot
   Aleks Rutins: https://farthergate.com

data/docs/pages/docs/tailwind.md

@@ -5,4 +5,9 @@ title: TailwindCSS
 
 # TailwindCSS
 
-Inkblot comes with prebuilt Tailwind-based styles for its own UI, but if you want to style your own content as well, you can add a `tailwind.css` file, which will be automatically picked up and automatically built.
+Inkblot comes with prebuilt Tailwind-based styles for its own UI, but if you want to style your own content as well, you can add a `tailwind.css` file, which will be automatically picked up and built. Here's a basic one to get you started:
+
+~~~ css
+@import "tailwindcss";
+@plugin "@tailwindcss/typography";
+~~~

data/js-src/main.ts

@@ -0,0 +1 @@
+import "./search";

data/js-src/search.ts

@@ -0,0 +1,19 @@
+import "ninja-keys";
+
+type Page = {
+  out: string;
+  fm: Record<string, any>;
+};
+
+fetch(import.meta.resolve("./search.index.json")).then(async (resp) => {
+  const index = await resp.json();
+  document.querySelector("ninja-keys")!.data = (
+    Object.entries(index) as [string, Page][]
+  ).map(([id, { out, fm }]) => ({
+    id,
+    title: "title" in fm ? fm.title : id,
+    handler: () => {
+      location.assign(out);
+    },
+  }));
+});