feat: extend cookie prompt to Sphinx docs as well

.github/workflows/pre-release.yml

@@ -72,10 +72,10 @@ jobs:
           echo "🔨 Generating UI assets..."
           npm install
           npm run build
-          cp ./build/injectNav.global.js ../quantinuum_sphinx/static/injectNav.global.js
-          cp ./build/syncTheme.global.js ../quantinuum_sphinx/static/syncTheme.global.js
+          cp ./build/injectNav.iife.js ../quantinuum_sphinx/static/injectNav.iife.js
+          cp ./build/syncTheme.iife.js ../quantinuum_sphinx/static/syncTheme.iife.js
           cp ./node_modules/@quantinuum/documentation-ui/dist/tokens.css ../quantinuum_sphinx/static/styles/quantinuum-ui-tokens.css
-          npx tailwindcss --postcss ./postcss.config.cjs -i ./index.css -o ../quantinuum_sphinx/static/styles/quantinuum-ui-tailwind.css
+          npx tailwindcss --postcss ./postcss.config.mjs -i ./index.css -o ../quantinuum_sphinx/static/styles/quantinuum-ui-tailwind.css
           echo ✅ "Done. Generated UI assets."
       - name: Build
         working-directory: sphinx-ui

.github/workflows/release.yml

@@ -133,10 +133,10 @@ jobs:
           echo "🔨 Generating UI assets..."
           npm install
           npm run build
-          cp ./build/injectNav.global.js ../quantinuum_sphinx/static/injectNav.global.js
-          cp ./build/syncTheme.global.js ../quantinuum_sphinx/static/syncTheme.global.js
+          cp ./build/injectNav.iife.js ../quantinuum_sphinx/static/injectNav.iife.js
+          cp ./build/syncTheme.iife.js ../quantinuum_sphinx/static/syncTheme.iife.js
           cp ./node_modules/@quantinuum/documentation-ui/dist/tokens.css ../quantinuum_sphinx/static/styles/quantinuum-ui-tokens.css
-          npx tailwindcss --postcss ./postcss.config.cjs -i ./index.css -o ../quantinuum_sphinx/static/styles/quantinuum-ui-tailwind.css
+          npx tailwindcss --postcss ./postcss.config.mjs -i ./index.css -o ../quantinuum_sphinx/static/styles/quantinuum-ui-tailwind.css
           echo ✅ "Done. Generated UI assets."
       - name: Build and Publish to PyPI
         working-directory: sphinx-ui

documentation-ui/package.json

@@ -37,9 +37,15 @@
   "type": "module",
   "main": "dist/src/index.js",
   "exports": {
-    ".": "./dist/src/index.js",
+    ".": {
+      "types": "./dist/types/src/index.d.ts",
+      "default": "./dist/src/index.js"
+    },
     "./tokens.css": "./dist/tokens.css",
-    "./tailwindTheme": "./dist/src/tailwindTheme.js"
+    "./tailwindTheme": {
+      "types": "./dist/types/src/tailwindTheme.d.ts",
+      "default": "./dist/src/tailwindTheme.js"
+    }
   },
   "types": "./dist/types/src/index.d.ts",
   "mode": "production",
@@ -81,10 +87,10 @@
     "globals": "^15.15.0",
     "jsdom": "^29.0.1",
     "postcss": "^8.4.32",
+    "postcss-fail-on-warn": "^0.2.1",
     "prop-types": "^15.8.1",
     "react-dom": "^18.2.0",
     "rollup": "^4.60.1",
-    "rollup-plugin-copy": "^3.5.0",
     "rollup-plugin-dts": "^6.4.1",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-postcss": "^4.0.2",
@@ -94,10 +100,10 @@
     "sonner": "^2.0.1",
     "storybook": "^8.6.14",
     "tailwindcss-animate": "^1.0.7",
+    "typescript": "^6.0.3",
     "typescript-eslint": "^8.30.1",
     "vite-tsconfig-paths": "^6.1.1",
-    "vitest": "^4.1.2",
-    "typescript": "^6.0.3"
+    "vitest": "^4.1.2"
   },
   "dependencies": {
     "@quantinuum/quantinuum-ui": "^3.6.1",

documentation-ui/postcss.config.js

@@ -1,6 +1,11 @@
+import tailwindcss from 'tailwindcss'
+import autoprefixer from 'autoprefixer'
+import postcssFailOnWarn from 'postcss-fail-on-warn'
+
 export default {
-  plugins: {
-    tailwindcss: {},
-    autoprefixer: {},
-  },
+  plugins: [
+    tailwindcss,
+    autoprefixer,
+    postcssFailOnWarn,
+  ],
 };

documentation-ui/rollup.config.js

@@ -2,7 +2,7 @@ import commonjs from "@rollup/plugin-commonjs";
 import resolve from "@rollup/plugin-node-resolve";
 import typescript from "@rollup/plugin-typescript";
 import { createRequire } from "module";
-import copy from "rollup-plugin-copy";
+import { readFileSync } from "node:fs";
 import peerDepsExternal from "rollup-plugin-peer-deps-external";
 import preserveDirectives from "rollup-plugin-preserve-directives";
 import terser from "@rollup/plugin-terser";
@@ -27,6 +27,19 @@ const externalPackages = [
 const isExternalDependency = (id) =>
   externalPackages.some((dependency) => id === dependency || id.startsWith(`${dependency}/`));
 
+const emitStaticAssets = (assets) => ({
+  name: "emit-static-assets",
+  generateBundle() {
+    for (const asset of assets) {
+      this.emitFile({
+        type: "asset",
+        fileName: asset.fileName,
+        source: readFileSync(asset.sourcePath, "utf8"),
+      });
+    }
+  },
+});
+
 export default [{
   onwarn: suppressUseClientWarning,
   input: "src/index.ts",
@@ -47,9 +60,12 @@ export default [{
       tsconfig: "./tsconfig.json",
       declarationDir: "./dist/types",
     }),
-    copy({
-      targets: [{ src: "./src/tokens.css", dest: "./dist" }],
-    }),
+    emitStaticAssets([
+      {
+        sourcePath: "./src/tokens.css",
+        fileName: "tokens.css",
+      },
+    ]),
     terser({ compress: { directives: false } }),
     preserveDirectives(),
   ],

sphinx-ui/build-demo.sh

@@ -1,3 +1,7 @@
+#!/usr/bin/env bash
+
+set -euo pipefail
+
 rm -rf ./demo/build/html
 ./build-dist.sh
 uv sync

sphinx-ui/build-dist.sh

@@ -1,3 +1,7 @@
+#!/usr/bin/env bash
+
+set -euo pipefail
+
 rm -rf ./dist
 mkdir ./dist
 cp -a quantinuum_sphinx/. dist/
@@ -6,9 +10,9 @@ cd ./react
 npm update @quantinuum/documentation-ui
 npm install
 npm run build
-cp ./build/injectNav.global.js ../quantinuum_sphinx/static/injectNav.global.js
-cp ./build/syncTheme.global.js ../quantinuum_sphinx/static/syncTheme.global.js
+cp ./build/injectNav.iife.js ../quantinuum_sphinx/static/injectNav.iife.js
+cp ./build/syncTheme.iife.js ../quantinuum_sphinx/static/syncTheme.iife.js
 cp ./node_modules/@quantinuum/documentation-ui/dist/tokens.css ../quantinuum_sphinx/static/styles/quantinuum-ui-tokens.css
-npx tailwindcss --postcss ./postcss.config.cjs -i ./index.css -o ../quantinuum_sphinx/static/styles/quantinuum-ui-tailwind.css
+npx tailwindcss --postcss ./postcss.config.mjs -i ./index.css -o ../quantinuum_sphinx/static/styles/quantinuum-ui-tailwind.css
 echo ✅ "Done. Added UI assets to dist."
 cd ../

sphinx-ui/quantinuum_sphinx/__init__.py

@@ -5,5 +5,5 @@
 
 def setup(app: Sphinx):
     app.add_html_theme("quantinuum_sphinx", str(Path(__file__).resolve().parent))
-    app.add_js_file("injectNav.global.js")
-    app.add_js_file("syncTheme.global.js")
+    app.add_js_file("injectNav.iife.js")
+    app.add_js_file("syncTheme.iife.js")

sphinx-ui/quantinuum_sphinx/page.html

@@ -6,7 +6,7 @@
 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap" rel="preload"
 as="style">
 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap" rel="stylesheet">
-<link rel="shortcut icon" href="_static/styles/quantinuum_favicon.svg">
+<link rel="shortcut icon" href="_static/assets/quantinuum_favicon.svg">
 
 <style>
   .sidebar-sticky {