diva.js 6.0.2 → 7.2.3

package/.clang-format

@@ -0,0 +1,7 @@
+BasedOnStyle: None
+Language: JavaScript
+IndentWidth: 4
+TabWidth: 4
+UseTab: Never
+ColumnLimit: 0
+BreakBeforeBraces: Allman

package/.github/workflows/npm-publish.yml

@@ -0,0 +1,45 @@
+name: Publish to NPM
+
+on:
+  push:
+    tags:
+      - 'v*'
+
+permissions:
+  contents: read
+  id-token: write
+
+jobs:
+  publish:
+    runs-on: ubuntu-latest
+    environment: npm
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v6
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v6
+        with:
+          node-version: '24'
+          registry-url: 'https://registry.npmjs.org'
+
+      - name: Install dependencies
+        run: yarn install
+
+      - name: Install Elm globally
+        run: npm install -g elm
+
+      - name: Build
+        run: make build
+
+      - name: Verify tag matches package version
+        run: |
+          PACKAGE_VERSION="$(node -p "require('./package.json').version")"
+          TAG_VERSION="${GITHUB_REF_NAME#v}"
+          if [ "$PACKAGE_VERSION" != "$TAG_VERSION" ]; then
+            echo "Tag version ($TAG_VERSION) does not match package.json version ($PACKAGE_VERSION)." >&2
+            exit 1
+          fi
+
+      - name: Publish to NPM
+        run: npm publish --provenance

package/LICENSE

@@ -0,0 +1,55 @@
+MIT License - Diva.js
+
+Copyright (c) 2026 Andrew Hankinson, RISM Digital Center
+Copyright (c) 2011-2019, Various Authors. See AUTHORS file.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+
+---
+
+Additional code has been used and modified from its original.
+
+CamanJS: https://github.com/meltingice/CamanJS
+
+Copyright (c) 2010-2016, Ryan LeFevre
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without modification, are permitted provided that the following conditions are met:
+
+    * Redistributions of source code must retain the above copyright notice, this list of conditions and the following disclaimer.
+    * Redistributions in binary form must reproduce the above copyright notice, this list of conditions and the following disclaimer in the documentation and/or other materials provided with the distribution.
+    * Neither the name of Ryan LeFevre nor the names of its contributors may be used to endorse or promote products derived from this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+
+---
+
+OpenSeadragon Filtering: https://github.com/usnistgov/OpenSeadragonFiltering
+
+This software was developed at the National Institute of Standards and
+Technology by employees of the Federal Government in the course of
+their official duties. Pursuant to title 17 Section 105 of the United
+States Code this software is not subject to copyright protection and is
+in the public domain. This software is an experimental system. NIST assumes
+no responsibility whatsoever for its use by other parties, and makes no
+guarantees, expressed or implied, about its quality, reliability, or
+any other characteristic. We would appreciate acknowledgement if the
+software is used.
+

package/Makefile

@@ -0,0 +1,75 @@
+SHELL := /bin/sh
+
+ELM_SRC := src/Main.elm
+TS_SRC := src/diva.ts
+TS_VE_SRC := src/viewer-element.ts
+TS_FT_SRC := src/filters.ts
+CSS_SRC := $(wildcard src/styles/*.css)
+DIVA_CSS := cache/diva.css
+ELM_OUT := cache/elm.js
+ELM_ESM := cache/elm-esm.js
+DIVA_DEBUG := build/diva.debug.js
+DIVA_JS := build/diva.js
+ELM_ESM_SCRIPT := scripts/elm-esm.sh
+ELM_FLAGS ?= --optimize
+VERSION ?= $(shell node -p "require('./package.json').version")
+RELEASE_PREFIX := diva.js-$(VERSION)
+RELEASE_DIR := release
+RELEASE_TAR := $(RELEASE_DIR)/$(RELEASE_PREFIX).tar.gz
+RELEASE_ZIP := $(RELEASE_DIR)/$(RELEASE_PREFIX).zip
+
+.PHONY: all build build-dev clean clean-cache release
+
+all: build
+
+build: clean-cache $(DIVA_JS)
+
+build-dev: ELM_FLAGS = --debug
+build-dev:
+	$(MAKE) -B ELM_FLAGS=--debug clean-cache $(DIVA_DEBUG)
+
+$(ELM_OUT): $(ELM_SRC)
+	mkdir -p build
+	elm make $(ELM_FLAGS) $(ELM_SRC) --output=$(ELM_OUT)
+
+$(ELM_ESM): $(ELM_OUT) $(ELM_ESM_SCRIPT)
+	./scripts/elm-esm.sh $(ELM_OUT) $(ELM_ESM)
+
+$(DIVA_CSS): $(CSS_SRC) scripts/minify-css.mjs
+	node ./scripts/minify-css.mjs
+
+$(DIVA_DEBUG): $(TS_SRC) $(TS_VE_SRC) $(TS_FT_SRC) $(DIVA_CSS) $(ELM_ESM)
+	mkdir -p public
+	yarn -s esbuild $(TS_SRC) --bundle --format=iife --platform=browser --target=es2019 --loader:.css=text --outfile=$(DIVA_DEBUG)
+
+$(DIVA_JS): $(TS_SRC) $(TS_VE_SRC) $(TS_FT_SRC) $(DIVA_CSS) $(ELM_ESM)
+	yarn -s esbuild $(TS_SRC) --bundle --format=iife --platform=browser --target=es2019 --loader:.css=text --minify --drop:console --pure:F2 --pure:F3 --pure:F4 --pure:F5 --pure:F6 --pure:F7 --pure:F8 --pure:F9 --pure:A2 --pure:A3 --pure:A4 --pure:A5 --pure:A6 --pure:A7 --pure:A8 --pure:A9 --outfile=$(DIVA_JS)
+	@min="$(DIVA_JS)"; \
+	MINIFIED_SIZE=$$(wc -c < "$$min"); \
+	GZIPPED_SIZE=$$(gzip -c "$$min" | wc -c); \
+	MINIFIED_HR=$$(numfmt --to=iec-i --suffix=B "$$MINIFIED_SIZE"); \
+	GZIPPED_HR=$$(numfmt --to=iec-i --suffix=B "$$GZIPPED_SIZE"); \
+	printf "%-18s %10s (%7s)  %s\n" "Minified size:" "$$MINIFIED_SIZE bytes" "$$MINIFIED_HR" "$$min"; \
+	printf "%-18s %10s (%7s)\n" "Gzipped size:" "$$GZIPPED_SIZE bytes" "$$GZIPPED_HR";
+
+clean:
+	rm -f $(ELM_OUT) $(ELM_ESM) $(DIVA_JS) $(DIVA_DEBUG) $(DIVA_CSS) build/diva.css build/diva.min.css
+
+clean-cache:
+	rm -f cache/*
+
+release: clean build build-dev
+	mkdir -p $(RELEASE_DIR)
+	@LICENSE_FILE=$$(ls LICENSE* 2>/dev/null | head -n 1); \
+	if [ -z "$$LICENSE_FILE" ]; then \
+		echo "Error: no LICENSE file found in project root."; \
+		exit 1; \
+	fi; \
+	tar -czf "$(RELEASE_TAR)" build README.md "$$LICENSE_FILE"; \
+	zip -rq "$(RELEASE_ZIP)" build README.md "$$LICENSE_FILE"; \
+	echo "Created $(RELEASE_TAR)"; \
+	echo "Created $(RELEASE_ZIP)"
+
+publish: clean build
+	cp -r build .
+	npm publish

package/README.md

@@ -1,123 +1,24 @@
-<p align="center">
-  <a href="http://ddmal.github.io/diva.js">
-    <img width="382" height="191" src="https://github.com/DDMAL/diva.js/wiki/img/diva-logo-sm.png" />
-  </a>
-</p>
+# Diva.js
 
-Diva.js [![Build Status](https://travis-ci.org/DDMAL/diva.js.svg?branch=master)](http://travis-ci.org/DDMAL/diva.js)
-=========================================
+Version 7.2.2
 
-Diva.js (Document Image Viewer with AJAX) is a JavaScript book image viewer designed to present multi-page documents at multiple resolutions.
+## Build
 
-Version 6.0 contains many new features and improvements:
-
-- **Compatibility with IIIF Presentation API version 2.1 and 3**.
-- **Small footprint, zero dependencies**. Can be deployed with just a JavaScript and a CSS file.
-- **Rewritten in ES6** for compatibility with the new JavaScript module system.
-- **New plugins**: Metadata, Image Manipulation
-
-## Overview
-
-There are two components to a functioning Diva system:
-
-1. **[A IIIF Manifest](https://iiif.io/)** that will be displayed.
-2. **The Diva.js plugin.** The embedded web application that displays the images in a browser.
-
-### Details
-
-#### Using IIIF
-Diva.js is an image viewer compatible with IIIF Presentation API versions [2](http://iiif.io/api/presentation/2.0/) and [3](http://iiif.io/api/presentation/3.0/). Simply supply the path to a valid IIIF Manifest and Diva will display the document as described by the metadata (see [Installing](#installing)).
-
-## Installing
-
-### From a CDN (hosted)
-
-If you prefer to use a hosted version of Diva, copy and paste the following into the `<head>` of any webpage to 
-include all the files necessary to use Diva.js.
-```html
-<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/diva.js/6.0.2/css/diva.css" />
-<script src="//cdnjs.cloudflare.com/ajax/libs/diva.js/6.0.2/js/diva.js"></script>
-```
-### Locally (release package)
-
-Download the [latest release](https://github.com/DDMAL/diva.js/releases) of Diva. In the `diva.js` directory you can
-find a pre-compiled version. The `build` directory contains the files necessary 
-to use Diva. Simply include `build/diva.css` and `build/diva.js` in the `<head>`
-of your webpage, as shown in the HTML source of the example [index page](https://github.com/DDMAL/diva.js/blob/develop/index.html). 
-
-### From npm
-
-You can also run `npm install diva.js` in order to install Diva as a node package. Then, Diva will be located 
-under `node_modules/diva.js/`, and you can access the `build` directory the same as above. 
-
-## Basic setup
-### HTML
-After including the necessary files, the most basic Diva viewer is instantiated with one (IIIF) required parameter
-and several optional settings parameters. Diva must target a parent div, in this case diva-wrapper:
-```html
-<div id="diva-wrapper"></div>
-
-<script>
-    let diva = new Diva('diva-wrapper', {
-        objectData: "http://www.example.com/manifest.json"
-        // possible settings
-    });
-</script>
-```
- * `objectData`: The URL (absolute or relative) to the document's `.json` file, or a IIIF Manifest
-
-The `diva-wrapper` selector points to a `div` element within which the document viewer will appear.
-
-### JavaScript
-If you wish to include the Diva viewer component into your own JavaScript app, this can be done easily by just importing Diva beforehand. 
-```javascript
-import Diva from './path/to/source/diva.js';
-
-let diva = new Diva('diva-wrapper', {
-    objectData: "http://www.example.com/manifest.json"
-    // possible settings
-});
+```sh
+make build
 ```
 
-There are a large number of settings that can be enabled/disabled for this Diva instance. See [Settings](https://github.com/DDMAL/diva.js/wiki/Settings) for a comprehensive list.
-
-See [Installation](https://github.com/DDMAL/diva.js/wiki/Installation) for full instructions.
-
-## Building from source
-
-If you wish to install from source, first you must install [node.js and npm](https://nodejs.org/en/). Then, check out the code from [our GitHub repository](http://github.com/DDMAL/diva.js). Once you've obtained the code, change to the project directory and run `npm install` to fetch all development dependencies.
+## Run
 
-The full installation gives you access to the un-minified JavaScript source, the plugins, the documentation, and our unit-tests. 
-
-```javascript
-npm run develop          // Runs a server at localhost:9001 and automatically builds and reloads upon changes
-npm run build:develop    // Compiles the Javascript and SASS source and places it in the build/ directory
-npm run lint             // Lints the Javascript source with JSHint
-npm test                 // Runs the unit tests and outputs a report to the console
-npm run build:production // Builds the release package
+```sh
+python3 -m http.server 8000
 ```
 
-Run `npm run develop` and navigate to [http://localhost:9001](http://localhost:9001) in your web browser to see a basic Diva instance.
-
-See [Installation](https://github.com/DDMAL/diva.js/wiki/Installation) for more information.
-
-## Getting help
-
-Help for Diva.js is available through this repository's [wiki](https://github.com/DDMAL/diva.js/wiki), in the form of code documentation, installation instructions and usage tips. You can also [submit an issue](https://github.com/DDMAL/diva.js/issues)!
-
-## Cross-site Requests
-
-You may receive an error that looks something like this:
-
-```
-XMLHttpRequest cannot load http://example.com/demo/imagefiles.json. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8000' is therefore not allowed access.
-```
-
-This is a security precaution that all browsers use to prevent cross-site request forgeries. If you receive this message it is because your `objectData` parameter and the server used to serve the Diva page are not at the same server address.
-
-To fix this you must ensure that the Diva HTML page, and the location pointed to by the `objectData` page are being served by the same server, or you must create an exception using the `Access-Control-Allow-Origin` header on your server to explicitly white-list the `objectData` location.
-
-Let Us Know
------------
+Open http://localhost:8000 in a browser.
 
-We're developing Diva.js as part of our research in [Distributed Digital Music Libraries](http://ddmal.music.mcgill.ca). If you use it in your project, it would be great if you could [let us know](mailto:andrew.hankinson@mail.mcgill.ca).
+## Notes
+- Build output is a single `build/diva.js` bundle (Elm + TS) plus the OpenSeadragon CDN script. A debug build is available as `build/diva.debug.js`.
+- Initialize the viewer in `public/index.html` with `new Diva("diva-wrapper", { objectData, acceptHeaders })`.
+- `src/viewer-element.ts` defines the `osd-viewer` custom element used by the Elm view.
+- `src/diva.ts` owns the Elm ports and the filter preview OpenSeadragon instance.
+- `make clean` removes generated artifacts in `build/` and `public/`.

package/elm.json

@@ -0,0 +1,32 @@
+{
+    "type": "application",
+    "source-directories": [
+        "src"
+    ],
+    "elm-version": "0.19.1",
+    "dependencies": {
+        "direct": {
+            "elm/browser": "1.0.2",
+            "elm/core": "1.0.5",
+            "elm/html": "1.0.1",
+            "elm/http": "2.0.0",
+            "elm/json": "1.1.4",
+            "elm/svg": "1.0.1",
+            "hecrj/html-parser": "2.4.0",
+            "rism-digital/elm-iiif": "1.0.3"
+        },
+        "indirect": {
+            "elm/bytes": "1.0.8",
+            "elm/file": "1.0.5",
+            "elm/parser": "1.1.0",
+            "elm/time": "1.0.0",
+            "elm/url": "1.0.0",
+            "elm/virtual-dom": "1.0.5",
+            "rtfeldman/elm-hex": "1.0.0"
+        }
+    },
+    "test-dependencies": {
+        "direct": {},
+        "indirect": {}
+    }
+}

package/package.json

@@ -1,69 +1,22 @@
 {
   "name": "diva.js",
-  "version": "6.0.2",
-  "description": "Diva.js",
-  "main": "build/diva.js",
-  "scripts": {
-    "test": "npm run build:production && karma start",
-    "lint": "jshint --reporter=node_modules/jshint-stylish source/js test",
-    "develop": "webpack-dev-server",
-    "build:develop": "webpack --progress",
-    "build:production": "NODE_ENV=production webpack --progress"
-  },
+  "version": "7.2.3",
+  "license": "MIT",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/DDMAL/diva.js.git"
   },
-  "author": "",
-  "license": "ISC",
-  "bugs": {
-    "url": "https://github.com/DDMAL/diva.js/issues"
-  },
-  "homepage": "https://github.com/DDMAL/diva.js#readme",
-  "dependencies": {
-    "array.prototype.fill": "^1.0.2",
-    "extend": "^3.0.2",
-    "lodash": "^4.17.15",
-    "url-search-params": "^1.0.2",
-    "whatwg-fetch": "^2.0.4"
+  "scripts": {
+    "format": "find src -name \"*.ts\" -print0 | xargs -0 clang-format -i",
+    "develop": "chokidar \"src/**/*\" \"scripts/elm-esm.sh\" \"Makefile\" -c \"make build-dev\"",
+    "publish": "npm publish"
   },
   "devDependencies": {
-    "babel-core": "^6.21.0",
-    "babel-loader": "^8.0.0",
-    "babel-preset-env": "^1.7.0",
-    "babel-register": "^6.18.0",
-    "chai": "^4.1.2",
-    "clean-webpack-plugin": "^0.1.19",
-    "connect": "^3.5.0",
-    "copy-webpack-plugin": "^4.5.2",
-    "css-loader": "^1.0.0",
-    "debug": "^3.1.0",
-    "del": "^3.0.0",
-    "es6-promise": "^4.2.4",
-    "istanbul-instrumenter-loader": "^3.0.1",
-    "jshint": "^2.9.6",
-    "jshint-stylish": "^2.2.1",
-    "karma": "^4.0.1",
-    "karma-babel-preprocessor": "^7.0.0",
-    "karma-chrome-launcher": "^2.2.0",
-    "karma-coverage-istanbul-reporter": "^2.0.2",
-    "karma-mocha": "^1.3.0",
-    "karma-mocha-reporter": "^2.2.5",
-    "karma-webpack": "^3.0.0",
-    "lodash.maxby": "^4.6.0",
-    "mini-css-extract-plugin": "^0.4.2",
-    "mocha": "^5.2.0",
-    "node-sass": "^4.12.0",
-    "postcss-loader": "^3.0.0",
-    "puppeteer": "^1.19.0",
-    "sass-loader": "^7.1.0",
-    "style-loader": "^0.23.0",
-    "webpack": "^4.17.1",
-    "webpack-cli": "^3.1.0",
-    "webpack-dev-server": ">=3.1.11"
-  },
-  "divaOptions": {
-    "mainEntry": "diva.js",
-    "mainVarName": "Diva"
+    "@types/openseadragon": "^5.0.2",
+    "chokidar-cli": "^3.0.0",
+    "concurrently": "^9.2.1",
+    "esbuild": "^0.28.1",
+    "lightningcss": "^1.31.1",
+    "typescript": "^5.9.3"
   }
 }

package/review/elm.json

@@ -0,0 +1,52 @@
+{
+    "type": "application",
+    "source-directories": [
+        "src"
+    ],
+    "elm-version": "0.19.1",
+    "dependencies": {
+        "direct": {
+            "SiriusStarr/elm-review-no-single-pattern-case": "2.1.2",
+            "SiriusStarr/elm-review-no-unsorted": "1.1.8",
+            "elm/core": "1.0.5",
+            "jfmengels/elm-review": "2.16.4",
+            "jfmengels/elm-review-code-style": "1.2.0",
+            "jfmengels/elm-review-common": "1.3.5",
+            "jfmengels/elm-review-debug": "1.0.8",
+            "jfmengels/elm-review-performance": "1.0.2",
+            "jfmengels/elm-review-simplify": "2.1.15",
+            "jfmengels/elm-review-unused": "1.2.6",
+            "sparksp/elm-review-imports": "1.0.2",
+            "stil4m/elm-syntax": "7.3.9"
+        },
+        "indirect": {
+            "avh4/elm-fifo": "1.0.4",
+            "elm/bytes": "1.0.8",
+            "elm/html": "1.0.1",
+            "elm/json": "1.1.4",
+            "elm/parser": "1.1.0",
+            "elm/project-metadata-utils": "1.0.2",
+            "elm/random": "1.0.0",
+            "elm/regex": "1.0.0",
+            "elm/time": "1.0.0",
+            "elm/virtual-dom": "1.0.5",
+            "elm-community/dict-extra": "2.4.0",
+            "elm-community/graph": "6.0.0",
+            "elm-community/intdict": "3.1.0",
+            "elm-community/list-extra": "8.7.0",
+            "elm-community/maybe-extra": "5.3.0",
+            "elm-community/result-extra": "2.4.0",
+            "elm-community/string-extra": "4.0.1",
+            "elm-explorations/test": "2.2.1",
+            "pzp1997/assoc-list": "1.0.0",
+            "rtfeldman/elm-hex": "1.0.0",
+            "stil4m/structured-writer": "1.0.3"
+        }
+    },
+    "test-dependencies": {
+        "direct": {
+            "elm-explorations/test": "2.2.1"
+        },
+        "indirect": {}
+    }
+}

package/review/src/ReviewConfig.elm

@@ -0,0 +1,87 @@
+module ReviewConfig exposing (config)
+
+{-| Do not rename the ReviewConfig module or the config function, because
+`elm-review` will look for these.
+
+To add packages that contain rules, add them to this review project using
+
+    `elm install author/packagename`
+
+when inside the directory containing this file.
+
+-}
+
+import NoConfusingPrefixOperator
+import NoDebug.Log
+import NoDebug.TodoOrToString
+import NoExposingEverything
+import NoImportingEverything
+import NoInconsistentAliases
+import NoMissingTypeAnnotation
+import NoMissingTypeAnnotationInLetIn
+import NoMissingTypeExpose
+import NoModuleOnExposedNames
+import NoPrematureLetComputation
+import NoSimpleLetBody
+import NoSinglePatternCase
+import NoUnoptimizedRecursion
+import NoUnsortedCases
+import NoUnsortedLetDeclarations
+import NoUnsortedRecords
+import NoUnsortedTopLevelDeclarations
+import NoUnused.CustomTypeConstructorArgs
+import NoUnused.CustomTypeConstructors
+import NoUnused.Dependencies
+import NoUnused.Exports
+import NoUnused.Parameters
+import NoUnused.Patterns
+import NoUnused.Variables
+import Review.Rule as Rule exposing (Rule)
+import Simplify
+
+
+config : List Rule
+config =
+    [ NoConfusingPrefixOperator.rule
+    , NoDebug.Log.rule
+    , NoDebug.TodoOrToString.rule
+        |> Rule.ignoreErrorsForDirectories [ "tests/" ]
+    , NoExposingEverything.rule
+    , NoImportingEverything.rule []
+    , NoMissingTypeAnnotation.rule
+    , NoMissingTypeExpose.rule
+    , NoSimpleLetBody.rule
+    , NoPrematureLetComputation.rule
+    , NoUnused.CustomTypeConstructors.rule []
+    , NoUnused.CustomTypeConstructorArgs.rule
+    , NoUnused.Dependencies.rule
+    , NoUnused.Exports.rule
+    , NoUnused.Parameters.rule
+    , NoUnused.Patterns.rule
+    , NoUnused.Variables.rule
+    , Simplify.rule Simplify.defaults
+    , NoSinglePatternCase.rule NoSinglePatternCase.fixInArgument
+
+    --, NoUnsortedRecords.rule NoUnsortedRecords.defaults
+    , NoUnsortedLetDeclarations.rule
+        (NoUnsortedLetDeclarations.sortLetDeclarations
+            |> NoUnsortedLetDeclarations.usedInExpressionLast
+            |> NoUnsortedLetDeclarations.glueHelpersBefore
+        )
+    , NoUnsortedCases.rule NoUnsortedCases.defaults
+    , NoUnsortedTopLevelDeclarations.rule
+        (NoUnsortedTopLevelDeclarations.sortTopLevelDeclarations
+            |> NoUnsortedTopLevelDeclarations.portsFirst
+            |> NoUnsortedTopLevelDeclarations.exposedOrderWithPrivateLast
+            |> NoUnsortedTopLevelDeclarations.alphabetically
+        )
+    , NoInconsistentAliases.config
+        [ ( "Html.Attributes", "HA" )
+        , ( "Json.Decode", "Decode" )
+        , ( "Json.Encode", "Encode" )
+        ]
+        |> NoInconsistentAliases.noMissingAliases
+        |> NoInconsistentAliases.rule
+    , NoModuleOnExposedNames.rule
+    , NoUnoptimizedRecursion.rule (NoUnoptimizedRecursion.optOutWithComment "IGNORE TCO")
+    ]

package/scripts/elm-esm.sh

@@ -0,0 +1,40 @@
+#!/bin/sh
+
+# Converts an Elm build into an ESM module so that it can
+# be imported and used as part of a JS library.
+
+set -e
+
+INPUT="$1"
+OUTPUT="$2"
+
+
+
+if [ -z "$INPUT" ] || [ -z "$OUTPUT" ]; then
+  echo "Usage: scripts/elm-esm.sh <input> <output>" 1>&2
+  exit 1
+fi
+
+perl -0777 -e '
+my ($input, $output) = @ARGV;
+open my $fh, "<", $input or die "Failed to read $input: $!";
+my $js = do { local $/; <$fh> };
+close $fh;
+
+if ($js !~ /^\s*_Platform_export\(([\s\S]*)\);\n?}\(this\)\);/m) {
+  die "Could not find Elm export payload.";
+}
+my $elm_exports = $1;
+
+my $out = $js;
+$out =~ s/\(function\s*\(scope\)\s*\{$/\/\/ -- $&/m;
+$out =~ s/["'"]use strict["'"];$/\/\/ -- $&/m;
+$out =~ s/function _Platform_export([\s\S]*?)\}\n/\/\*\n$&\n\*\//g;
+$out =~ s/function _Platform_mergeExports([\s\S]*?)\}\n\s*}/\/\*\n$&\n\*\//g;
+$out =~ s/^\s*_Platform_export\(([\s\S]*)\);\n?}\(this\)\);/\/\*\n$&\n\*\//m;
+$out .= "\nexport const Elm = $elm_exports;\n";
+
+open my $out_fh, ">", $output or die "Failed to write $output: $!";
+print {$out_fh} $out;
+close $out_fh;
+' "$INPUT" "$OUTPUT"

package/scripts/minify-css.mjs

@@ -0,0 +1,31 @@
+import fs from "node:fs/promises";
+import path from "node:path";
+import {fileURLToPath} from "node:url";
+import {transform} from "lightningcss";
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+const rootDir = path.resolve(__dirname, "..");
+
+const sources = [
+  "src/styles/theme.css",
+  "src/styles/app.css",
+  "src/styles/sidebar.css",
+  "src/styles/toolbar.css",
+  "src/styles/modal.css",
+  "src/styles/collection.css",
+];
+
+const input = await Promise.all(
+  sources.map((file) => fs.readFile(path.join(rootDir, file), "utf8"))
+);
+
+const css = input.join("\n");
+const result = transform({
+  code: Buffer.from(css),
+  minify: true,
+});
+
+const outDir = path.join(rootDir, "cache");
+await fs.mkdir(outDir, {recursive: true});
+await fs.writeFile(path.join(outDir, "diva.css"), result.code);