wip

Author: mhanberg

_presentations/building-websites-with-tableau.md

@@ -24,6 +24,11 @@
       ];
       systems = ["x86_64-linux" "aarch64-linux" "aarch64-darwin" "x86_64-darwin"];
       agenix-shell = {
+        # identityPaths = [
+        #   "$HOME/.ssh/id_ed25519"
+        #   "$HOME/.ssh/id_rsa"
+        # ];
+
         secrets = {
           GOODREADS_KEY.file = ./secrets/GOODREADS_KEY.age;
           NETLIFY_AUTH_TOKEN.file = ./secrets/NETLIFY_AUTH_TOKEN.age;

extra/images/large-draftkings-logo.png

@@ -34,14 +34,14 @@ defmodule Blog.PresentationExtension do
           pre_convert_body: body
         } = entry
 
-        slides = extract_slides(body)
+        slides = extract_slides(body, token.site.config.markdown[:mdex])
 
         for {slide, idx} <- Enum.with_index(slides, 1) do
           body = MDEx.to_markdown!(slide)
 
-          build(path, front_matter, idx, body, config, fn assigns ->
+          build(path, front_matter, idx, Enum.count(slides), body, config, fn assigns ->
             cols =
-              for col <- extract_columns(slide) do
+              for col <- extract_columns(slide, assigns.site.config.markdown[:mdex]) do
                 separate_header_and_body(col)
               end
 
@@ -106,32 +106,33 @@ defmodule Blog.PresentationExtension do
     graph =
       Tableau.Graph.insert(
         token.graph,
-        Enum.map(token.presentations, fn page ->
+        for page <- token.presentations do
           %Tableau.Page{
             parent: page.layout,
             permalink: page.permalink,
             template: page.renderer,
             opts: page
           }
-        end)
+        end
       )
 
     {:ok, Map.put(token, :graph, graph)}
   end
 
-  defp build(filename, front_matter, slide, body, presentation_config, renderer) do
+  defp build(filename, front_matter, slide, length, body, presentation_config, renderer) do
     front_matter
     |> Map.put(:__tableau_presentation_extension__, true)
     |> Map.put(:body, body)
     |> Map.put(:slide, slide)
+    |> Map.put(:length, length)
     |> Map.put(:file, filename)
     |> Map.put(:renderer, renderer)
     |> Map.put(:layout, Module.concat([front_matter[:layout]]))
     |> Common.build_permalink(presentation_config)
   end
 
-  defp extract_slides(body) do
-    %MDEx.Document{nodes: nodes} = MDEx.parse_document!(body)
+  defp extract_slides(body, mdex_opts) do
+    %MDEx.Document{nodes: nodes} = MDEx.parse_document!(body, mdex_opts)
 
     for node <- nodes, reduce: [[]] do
       [page | rest] ->
@@ -151,12 +152,12 @@ defmodule Blog.PresentationExtension do
     |> Enum.reverse()
   end
 
-  defp extract_columns(%MDEx.Document{nodes: nodes}) do
+  defp extract_columns(%MDEx.Document{nodes: nodes}, _mdex_opts) do
     for node <- nodes, reduce: [[]] do
       [page | rest] ->
         case node do
           %MDEx.Paragraph{nodes: [%MDEx.Text{literal: "==="}]} ->
-            [[], MDEx.Document.wrap(Enum.reverse(page)) | rest]
+            [[], Enum.reverse(page) | rest]
 
           _ ->
             [[node | page] | rest]

extra/images/page-extension-example.png

@@ -76,7 +76,7 @@ defmodule Blog.PostLayout do
 
         if @page[:book] do
           ~MD"""
-          **Title**: [<%= @page.book.title %>](https://goodreads.com/book/show/<%= @page.book.goodreads_id %>)
+          **Title**: <a href="https://goodreads.com/book/show/<%= @page.book.goodreads_id %>"><%= @page.book.title %></a>
 
           **Author**: <%= @page.book.author %>
 

extra/images/screenshot-book-review.png

@@ -4,16 +4,14 @@ defmodule Blog.PresentationLayout do
 
   def template(assigns) do
     temple do
-      div class: "h-dvh aspect-video mx-auto overflow-hidden p-8",
+      div class: "h-dvh mx-auto overflow-hidden p-8",
           "x-data": "slide",
           "@keydown.h.window": "previousSlide",
           "@keydown.left.window": "previousSlide",
           "@keydown.l.window": "nextSlide",
           "@keydown.right.window": "nextSlide",
-          "@keydown.space.window": "nextSlide",
-          "@keydown.cmd.enter.window": "document.body.requestFullscreen()" do
-        div id: "slide",
-            class: "" do
+          "@keydown.space.window": "nextSlide" do
+        div id: "slide" do
           render(@inner_content)
         end
       end
@@ -23,7 +21,13 @@ defmodule Blog.PresentationLayout do
         document.addEventListener("alpine:init", () => {
           Alpine.data("slide", () => ({
             init() {
-              const slide = window.location.toString().split("/")
+              let slide = window.location.toString()
+
+              // in case the url ends with a slash
+              if (slide.endsWith("/")) {
+                slide = slide.slice(0, slide.length - 1);
+              }
+              slide = slide.split("/")
               this.slide = parseInt(slide[slide.length - 1])
               this.permalink = slide.slice(0, slide.length - 1).join("/")
 
@@ -57,13 +61,19 @@ defmodule Blog.PresentationLayout do
               //     observeMutations: false,
               //     observeWindow: false
               //   });
-              // }); 
+              // });
             },
             nextSlide() {
-              window.location = `${this.permalink}/${this.slide + 1}`;
+              let nextSlide = this.slide + 1;
+              if (nextSlide <= #{@page.length}) {
+                window.location = `${this.permalink}/${nextSlide}`;
+              }
             },
             previousSlide() {
-              window.location = `${this.permalink}/${Math.max(0, this.slide - 1)}`;
+              let previousSlide = this.slide - 1;
+              if (previousSlide >= 1) {
+                window.location = `${this.permalink}/${previousSlide}`;
+              }
             }
 
           }));

extra/images/toc-example.png

@@ -1,8 +1,8 @@
 %{
-  "autumn": {:hex, :autumn, "0.4.1", "6a9608af647db187bdf33304d2d4dc8d667583a5e30a1355f049ec80fd249fd7", [:mix], [{:nimble_options, "~> 1.0", [hex: :nimble_options, repo: "hexpm", optional: false]}, {:rustler, "~> 0.29", [hex: :rustler, repo: "hexpm", optional: false]}, {:rustler_precompiled, "~> 0.6", [hex: :rustler_precompiled, repo: "hexpm", optional: false]}], "hexpm", "fa16172c92a2c8e1ac870872e3a51bd0ae41005ff9409dca1092a5228780f2a2"},
+  "autumn": {:hex, :autumn, "0.5.2", "4aa38276577d8016b71d69401e2ca4219e27ef8fe6a6f5974a1fb4edd42b8aa3", [:mix], [{:nimble_options, "~> 1.0", [hex: :nimble_options, repo: "hexpm", optional: false]}, {:rustler, "~> 0.29", [hex: :rustler, repo: "hexpm", optional: false]}, {:rustler_precompiled, "~> 0.6", [hex: :rustler_precompiled, repo: "hexpm", optional: false]}], "hexpm", "83dd42823f91ff97ea91fba3dac62f1ffce384b2b43c8db3b5a73108d6a8cad3"},
   "bandit": {:hex, :bandit, "1.7.0", "d1564f30553c97d3e25f9623144bb8df11f3787a26733f00b21699a128105c0c", [:mix], [{:hpax, "~> 1.0", [hex: :hpax, repo: "hexpm", optional: false]}, {:plug, "~> 1.18", [hex: :plug, repo: "hexpm", optional: false]}, {:telemetry, "~> 0.4 or ~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}, {:thousand_island, "~> 1.0", [hex: :thousand_island, repo: "hexpm", optional: false]}, {:websock, "~> 0.5", [hex: :websock, repo: "hexpm", optional: false]}], "hexpm", "3e2f7a98c7a11f48d9d8c037f7177cd39778e74d55c7af06fe6227c742a8168a"},
   "bun": {:hex, :bun, "1.4.2", "1785d50fff1bbb561f1d7d46a39fe091b5eefa00158f6ff6dae52b55e4a5cafe", [:mix], [{:castore, ">= 0.0.0", [hex: :castore, repo: "hexpm", optional: false]}], "hexpm", "834c0965b204b9e28748fbd3596268841fefcf1649b5617a70b379dfe68ad331"},
-  "castore": {:hex, :castore, "1.0.14", "4582dd7d630b48cf5e1ca8d3d42494db51e406b7ba704e81fbd401866366896a", [:mix], [], "hexpm", "7bc1b65249d31701393edaaac18ec8398d8974d52c647b7904d01b964137b9f4"},
+  "castore": {:hex, :castore, "1.0.15", "8aa930c890fe18b6fe0a0cff27b27d0d4d231867897bd23ea772dee561f032a3", [:mix], [], "hexpm", "96ce4c69d7d5d7a0761420ef743e2f4096253931a3ba69e5ff8ef1844fe446d3"},
   "date_time_parser": {:hex, :date_time_parser, "1.2.0", "3d5a816b91967f51e0f94dcb16a34b2cb780f22cd48931779e81d72f7d3eadb1", [:mix], [{:kday, "~> 1.0", [hex: :kday, repo: "hexpm", optional: false]}], "hexpm", "0cf09ada9f42c0b3bfba02dc0ea2e4b4d2f543d9d2bf99b831a29e6b4a4160e5"},
   "easyxml": {:git, "https://github.com/wojtekmach/easyxml.git", "0cd453116efe395cfe04baaeb9df93ec5cc86d36", [branch: "main"]},
   "file_system": {:hex, :file_system, "1.1.0", "08d232062284546c6c34426997dd7ef6ec9f8bbd090eb91780283c9016840e8f", [:mix], [], "hexpm", "bfcf81244f416871f2a2e15c1b515287faa5db9c6bcf290222206d120b3d43f6"},
@@ -25,7 +25,7 @@
   "poolboy": {:hex, :poolboy, "1.5.2", "392b007a1693a64540cead79830443abf5762f5d30cf50bc95cb2c1aaafa006b", [:rebar3], [], "hexpm", "dad79704ce5440f3d5a3681c8590b9dc25d1a561e8f5a9c995281012860901e3"},
   "req": {:hex, :req, "0.4.8", "2b754a3925ddbf4ad78c56f30208ced6aefe111a7ea07fb56c23dccc13eb87ae", [:mix], [{:brotli, "~> 0.3.1", [hex: :brotli, repo: "hexpm", optional: true]}, {:ezstd, "~> 1.0", [hex: :ezstd, repo: "hexpm", optional: true]}, {:finch, "~> 0.9", [hex: :finch, repo: "hexpm", optional: false]}, {:jason, "~> 1.0", [hex: :jason, repo: "hexpm", optional: false]}, {:mime, "~> 1.6 or ~> 2.0", [hex: :mime, repo: "hexpm", optional: false]}, {:nimble_csv, "~> 1.0", [hex: :nimble_csv, repo: "hexpm", optional: true]}, {:plug, "~> 1.0", [hex: :plug, repo: "hexpm", optional: true]}], "hexpm", "7146e51d52593bb7f20d00b5308a5d7d17d663d6e85cd071452b613a8277100c"},
   "rustler": {:hex, :rustler, "0.36.2", "6c2142f912166dfd364017ab2bf61242d4a5a3c88e7b872744642ae004b82501", [:mix], [{:jason, "~> 1.0", [hex: :jason, repo: "hexpm", optional: false]}, {:toml, "~> 0.7", [hex: :toml, repo: "hexpm", optional: false]}], "hexpm", "93832a6dbc1166739a19cd0c25e110e4cf891f16795deb9361dfcae95f6c88fe"},
-  "rustler_precompiled": {:hex, :rustler_precompiled, "0.8.2", "5f25cbe220a8fac3e7ad62e6f950fcdca5a5a5f8501835d2823e8c74bf4268d5", [:mix], [{:castore, "~> 0.1 or ~> 1.0", [hex: :castore, repo: "hexpm", optional: false]}, {:rustler, "~> 0.23", [hex: :rustler, repo: "hexpm", optional: true]}], "hexpm", "63d1bd5f8e23096d1ff851839923162096364bac8656a4a3c00d1fff8e83ee0a"},
+  "rustler_precompiled": {:hex, :rustler_precompiled, "0.8.3", "4e741024b0b097fe783add06e53ae9a6f23ddc78df1010f215df0c02915ef5a8", [:mix], [{:castore, "~> 0.1 or ~> 1.0", [hex: :castore, repo: "hexpm", optional: false]}, {:rustler, "~> 0.23", [hex: :rustler, repo: "hexpm", optional: true]}], "hexpm", "c23f5f33cb6608542de4d04faf0f0291458c352a4648e4d28d17ee1098cddcc4"},
   "schematic": {:hex, :schematic, "0.5.1", "be4b2c03115d5a593459c11a7249a6fbb45855947d9653e9250455dcd7df1d42", [:mix], [{:telemetry, "~> 0.4 or ~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}], "hexpm", "02f913c97e6e04ccdaa02004679a7a16bb16fe0449583ad647e296d8e8961546"},
   "slugify": {:hex, :slugify, "1.3.1", "0d3b8b7e5c1eeaa960e44dce94382bee34a39b3ea239293e457a9c5b47cc6fd3", [:mix], [], "hexpm", "cb090bbeb056b312da3125e681d98933a360a70d327820e4b7f91645c4d8be76"},
   "ssl_verify_fun": {:hex, :ssl_verify_fun, "1.1.7", "354c321cf377240c7b8716899e182ce4890c5938111a1296add3ec74cf1715df", [:make, :mix, :rebar3], [], "hexpm", "fe4c190e8f37401d30167c8c405eda19469f34577987c76dde613e838bbc67f8"},