jacobobryant

How to let users upload images to S3 with Biff

UPDATE: Biff now includes a com.biffweb/s3-request function that can be used with the examples below, with some slight modifications.

Add the provided s3.clj file to your project, and set the following keys in config.edn and secrets.env:

;; config.edn
:s3/origin "https://nyc3.digitaloceanspaces.com"
:s3/edge "https://example.nyc3.cdn.digitaloceanspaces.com"

jacobobryant

Put this in .dir-locals.el:

((nil . ((cider-preferred-build-tool . babashka)
         (cider-babashka-parameters . "dev"))))

jacobobryant

Thanks to @olavfosse for writing this up:

---

The logging architecture of our aplication looks like this. The leftmost nodes are user-facing logging APIs. They all hand their logs over to slf4j, which in turns hand them over to slf4j-simple, which prints them.

clojure.tools.logging -\

jacobobryant

// 1. Create a table on Airtable, and make URL/text columns with these names:
//        URL, Title, Description, Image, Feed
//    
// 2. Add a Form view. Click "Open form", then copy the URL. Set `airtable_form_url`
//    below to that URL.
//
// 3. Create a new bookmark in your web browser, and paste in the code below. Whenever
//    you're on a page you want to save, click the bookmark ("bookmarklet", technically).
//    You'll go to the airtable form, and the columns listed above will be prefilled.
//

jacobobryant

from clojure:temurin-17-tools-deps-bullseye

ENV TRENCH_VERSION=0.4.0
ENV BB_COMMIT=965c177bca31ae9882c975ef7db448e12f59984e
ENV TAILWIND_VERSION=v3.2.4

RUN apt-get update && apt-get install -y \
  curl \
  && rm -rf /var/lib/apt/lists/*
RUN curl https://github.com/athos/trenchman/releases/download/v$TRENCH_VERSION/trenchman_${TRENCH_VERSION}_linux_amd64.tar.gz \

jacobobryant

How to add a toggle button for dark mode with Biff and Tailwind

By default, Tailwind's dark mode classes will take effect automatically if the user's operating system is already set to dark mode. Follow these instructions if you would also like to provide a toggle button so the user can override the operating system setting.

Set darkMode: 'class' in tailwind.config.js:

jacobobryant

// This assumes you have an element like <div id="post-content" data-contents="..."></div>,
// where data-contents has the html you'd like to render. Then call renderPost().

function $(selector) {
  return document.querySelector(selector);
}

function renderPost() {
  let element = $("#post-content");
  let html = element.getAttribute('data-contents');

jacobobryant

{:deps {clj-http/clj-http {:mvn/version "3.12.3"}
        org.jsoup/jsoup   {:mvn/version "1.11.3"}}}

jacobobryant

(ns com.yakread.report.dashboards
  (:require [com.biffweb :as biff]
            [clojure.string :as str]
            [cheshire.core :as cheshire]))

(defn debug [x]
  [:pre (with-out-str (biff/pprint x))])

;; slight modification of clojure.core/distinct
(defn distinct-by

jacobobryant

// A serverless function for Readability that I'm currently using
let juice = require('juice');

function main(opts) {
  let html = juice(opts['html'], { webResources: { images: false } });
  return { body: { html } };
}

exports.main = main;