@rathnasgala/theme 0.0.19 → 2.0.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rathnasgala/theme",
-  "version": "0.0.19",
+  "version": "2.0.1",
   "description": "Managed Gala static-site theme payload",
   "license": "MIT",
   "repository": {

package/payload/.gala/managed-files.json

@@ -2,9 +2,11 @@
   "schemaVersion": 1,
   "themePackage": {
     "name": "@rathnasgala/theme",
-    "version": "0.0.19",
+    "version": "2.0.1",
     "availableDesignThemes": [
-      "editorial"
+      "editorial",
+      "modern",
+      "technical"
     ],
     "securityAdvisories": []
   },
@@ -15,7 +17,7 @@
   "files": {
     ".gala/publish.yml.template": "73080241d89bd09964b797a8bcc8e18471412e11bc873efad76305b60f497d08",
     ".gitignore": "b5fa24e10155097a0d372926fd2e59e6072e7cc2cb6399bbfb4beb8b33ea315b",
-    "eleventy.config.js": "efe587447e3dc374a220c7fa037fdf2fffc02d09ba43a4d2b96d6c6aae0e3325",
+    "eleventy.config.js": "0b72076f2f884a3a4a5b2ea4a124e0c1308c735526275bb847a3d6ebd082a186",
     "lib/build-manifest.js": "88949f0112d683ca809bb67ca969e15634792423559a67bc79a534cd807e5535",
     "lib/engagement-snapshot.js": "298c11b1ab135a3a98a4e31b6320ab60dfd7fda6a9d9053df37d86282a5a6687",
     "lib/performance-budget.js": "c279622dfde237cd6e3c64775c91d770a0e1f54f5f94257ccc95d9a44de2c4c9",
@@ -25,35 +27,30 @@
     "lib/render-markdown.js": "40e6d6743b76de6c16d138475f188a4263967530c370d8b26a363f4df58c2caf",
     "lib/seo.js": "107de8804931945b8e73894877fc394d6b535a9d0d969a4ba5b68f2e136e0a17",
     "lib/share-targets.js": "458aff86fab2b62a364442cd8c612565c6e0b53eef2f20cb6237cc562b1e0731",
-    "lib/site-config.js": "da7d2dffab62c7346c9930494b85fc6ea735d4f50565bbd0454a04393f8cad96",
-    "package-lock.json": "c97a6a2f794aef083a39a8d2628eccc4a3c484e1c6225899b77ec1fb7c466d9e",
-    "package.json": "4c60bea06f39aec755ac68caf8d8841c1d59d0f6121fad7f4396231ce14712dc",
+    "lib/site-config.js": "450b532049c9bc1b3dc44c4879e74c33b39c7b9a3e5267b15df98991a2255a20",
+    "package-lock.json": "dc11470b1ad897c58d91745f23ff25711c593e62972ec9fb83f4e10fd77e1ecd",
+    "package.json": "1b3b70f6e94391d309625cb8cef503ee92ecd282bec587643b535ae7a14c24c0",
     "src/404.njk": "be0d44370ac5402156aaf3d32ea581057bc61ec94c1a5f92bb809733af7a8a20",
     "src/_data/buildManifest.js": "628163305984e0d3537e27b0d4050f5ba5ead12a834878266d2ce8004ffe1b1e",
     "src/_data/engagementSnapshot.js": "9217dacebfaf008f7a0ad67ff4e8d1fa8fba609a9dc7e3430c78c5b32024da0e",
     "src/_data/feedLinks.js": "06c93352ebd888acb431a1c9a8be6ecff757895468e9f2d336761038751c2d5e",
     "src/_data/languages.js": "1358748f7fa2f74406d3295a030827d6229a53e94da72cf712e719d7a356aeac",
-    "src/_data/site.js": "d9c001f4cc12a34027dd92303530b11b5402d47613459bb997e22c4bcbea326d",
-    "src/_includes/components/ui.njk": "23eb647d8658868449ec6bb809e965a85302124a97639f94d5d28af72df56e4c",
-    "src/_includes/layouts/base.njk": "e73be30738535902599e1c060c11afbd128c86332913114f643dc56dea99fcba",
-    "src/_includes/layouts/post.njk": "1accd2832064ad19ee7bf18daf5fa1e60569f32c9b7a547934a6361f747d7eb7",
+    "src/_data/site.js": "6f9b754876ab7cfa93f02a38be2962edce8245423c354426a1465513caec7911",
+    "src/_includes/components/ui.njk": "94042d32664ab4a7a426c0155b43200c87ad1472cba19dcc605e43830967a8b7",
+    "src/_includes/layouts/base.njk": "5da6243e6f5242c233808601f299b5ef3aa82fd2a332f89e271c0c886b8d2bcd",
+    "src/_includes/layouts/post.njk": "ba46fbf621fb0134137536897408eff0c4caaacace726f6ca18d0f40c101effc",
     "src/assets/embed-codepen.svg": "e9def697f38c466fb2b6652535c4c814e8cbbbefc6e052a69f335aeb27e8356b",
     "src/assets/embed-gist.svg": "fcd9bc2bf29a5c118492b853c0a01390b7539c38ddb985da3c2a6e2f246a39f7",
     "src/assets/embed-x.svg": "0ae74edc6790ec7e933067fe5392bce756e93fa7ad71caacf1c1ca99fa4ec9b6",
     "src/assets/embed-youtube.svg": "10d192f2b14b67664fea88c8cf246321d20190def51d59fad5762e552219b067",
-    "src/assets/engagement-comments.js": "b20d9268c9d908b4453a42188eaca25349f25534fb04a9293c9e688a982cd8f8",
-    "src/assets/engagement-transport.js": "4f9ca0cd669bf8abc25f2909104e3e4b231657ef97d36a17d06e53454d711786",
+    "src/assets/engagement-comments.js": "4b12de4d05f479b8f98ccf2da07bb39fe279291842637bdb052cdaa7794761a2",
+    "src/assets/engagement-transport.js": "d4108cded823f859e7a8d6e36716162422ceaf5e4b94a57ed9bd7941d5096216",
     "src/assets/favicon.svg": "8615e3d96fe37ae9ed14afb1886e7c0e690eef5b10be66ca91cccfd085a74bb6",
-    "src/assets/interactions.js": "dd4e343505e528d89596ca67db679b52c989e022f93399193e4377db01fc8a08",
+    "src/assets/interactions.js": "a3290243edd874ff0a20864ea9c3883b5c00a5dae1dd5eabe83ef8dc7d0e0f9f",
     "src/assets/preferences.js": "789127bee013ed6a1bbf8cefd7b9109291c16220e7a6e09314e3c93c54731d1d",
     "src/assets/search.js": "df425f0239277792ad39f2138bc89cb66cc4ecda5ed59042d46abc2f05372088",
     "src/assets/theme-mode.js": "944b29db11a577961a60ddcfa52f07ef2411f3f3631bea85bd79be16428c08be",
-    "src/assets/theme.css": "cdd41ddb670fb8c823b3490efa2a887d11dd6a1931afa0264deee53283b684d3",
-    "src/assets/vendor/hooks.js": "ae6ec58592683ca64fa4d65b20d40b103df62a673bcc4712515cf165950b07f3",
-    "src/assets/vendor/htm.js": "e4dac9bc40a6f2ec590413d787ae30bbcfdfcde4f28971ee65d9578271b7aad4",
-    "src/assets/vendor/preact.js": "712517dd2a42c3c22b5ab0264ad7e9a2b1e8be6cf97fa00dbedd98203617e616",
-    "src/assets/vendor/signals-core.js": "1e10560fec5118c9e35eb312c869fe51f4870424766ef2ec0f7cd069bd898c8b",
-    "src/assets/vendor/signals.js": "717a88151bacf4f8b79b528a96d71be20a133fb3345230c1146929903cecfd19",
+    "src/assets/theme.css": "c3e6f8367c824ff129f318113e51f8db3c9cb584c472f9be6ea8710804c8d433",
     "src/cname.11ty.js": "206fc224df91c569e18312158e7f69803061f2952513f501ada54bd06c4f8006",
     "src/contact.njk": "f4d74d038781e15af0acef571901c91e7753a2e21b6bef617429585698839a34",
     "src/feed.11ty.js": "009bd2384e08e02a9405683bab1653bab3aeaec16accb0fd01ba69b24c777da9",
@@ -64,7 +61,13 @@
     "src/search-index.11ty.js": "700dc2a2be0ef20de3a828a4612fcf7a082691eade29c6e1d75f09c24b6c6024",
     "src/search.njk": "63f2e8aeebb63c90da2e375eece639ce096cad1eff7f28628cafc46faf7ceee6",
     "src/sitemap.11ty.js": "4f233e94fb4a913ad5659116518432ed264984a7b622eba3558c77b4ec6435dc",
-    "static/robots.txt": "16ceb5ee3e0dc13aa9adf31a3ebbe45a1d965b8c2b9f72eaf84e5911e140ed95"
+    "static/robots.txt": "16ceb5ee3e0dc13aa9adf31a3ebbe45a1d965b8c2b9f72eaf84e5911e140ed95",
+    "scripts/build-reader.js": "743194c8dc9cfb9b6631db1732b5f36a92e3a4f905a2965c71d56e1ef50c2e45",
+    "src/client/reader.js": "5a61d629517c5315b3cb14dbae6cee226ba828e95132100f2ad36e614c57470a",
+    "src/assets/reader.js": "cb53c4702bae396c708b6763352843868447ca9838bbf2ee451bb81c7c0b5b6c",
+    "scripts/lint.js": "c4bb3c961686043fa8c79bed546758ef09d44441421d8209fec9d69f74171025",
+    "src/styles/theme.css": "5ba8ccced10ceecd4ead7e60980d6d2f792eb9abff1748484d1a3de0273d2dc8",
+    "src/accent.11ty.js": "52e7d3eb731c5f4649c14c4745f65da026c25b58cf462d075b8ef363f0e487dc"
   },
   "artifactSources": {
     ".gitignore": ".gala/artifact-files/gitignore"

package/payload/eleventy.config.js

@@ -4,6 +4,9 @@ import { loadSiteConfiguration } from './lib/site-config.js';
 import { enforcePerformanceBudgets } from './lib/performance-budget.js';
 import { lstat, realpath } from 'node:fs/promises';
 import path from 'node:path';
+import { createHash } from 'node:crypto';
+
+const themeBootstrap = "(function(){try{var m=localStorage.getItem('gala-color-mode');if(m==='light'||m==='dark'||m==='system')document.documentElement.dataset.mode=m}catch(e){}})();";
 
 async function verifiedMediaSource(postSource, mediaSource) {
   const metadata = await lstat(mediaSource);
@@ -25,9 +28,20 @@ export default async function (eleventyConfig) {
   const [manifest, site] = await Promise.all([readBuildManifest(), loadSiteConfiguration()]);
   const attributionTier = process.env.GALA_ATTRIBUTION_TIER === 'PAID' ? 'PAID' : 'FREE';
   eleventyConfig.addGlobalData('attributionTier', attributionTier);
+  eleventyConfig.addGlobalData('themeBootstrap', themeBootstrap);
+  eleventyConfig.addFilter('sha256Csp', (value) =>
+    createHash('sha256').update(String(value)).digest('base64'));
   eleventyConfig.setLibrary('md', markdownLibrary);
   eleventyConfig.addPassthroughCopy({ static: '/' });
-  eleventyConfig.addPassthroughCopy({ 'src/assets': 'assets' });
+  eleventyConfig.addPassthroughCopy({
+    'src/assets/theme.css': 'assets/theme.css',
+    'src/assets/reader.js': 'assets/reader.js',
+    'src/assets/favicon.svg': 'assets/favicon.svg',
+    'src/assets/embed-codepen.svg': 'assets/embed-codepen.svg',
+    'src/assets/embed-gist.svg': 'assets/embed-gist.svg',
+    'src/assets/embed-x.svg': 'assets/embed-x.svg',
+    'src/assets/embed-youtube.svg': 'assets/embed-youtube.svg'
+  });
   eleventyConfig.addPassthroughCopy('custom.css');
   for (const post of manifest.posts) {
     for (const copy of post.media ?? []) {

package/payload/lib/site-config.js

@@ -12,14 +12,14 @@ const BUDGET_KEYS = Object.freeze([
  * a publication looks; anything the CSS does not answer to has no business being offered.
  */
 const DESIGN_VALUES = Object.freeze({
+  theme: Object.freeze(['editorial', 'modern', 'technical']),
+  colorMode: Object.freeze(['system', 'light', 'dark'])
+});
+// Accepted only so repositories created before v2 keep building. New author surfaces never offer
+// these independent knobs; v2's look owns its layout and palette as one reviewed composition.
+const LEGACY_DESIGN_VALUES = Object.freeze({
   layout: Object.freeze(['article-first', 'portfolio']),
-  palette: Object.freeze(['default', 'ocean']),
-  typography: Object.freeze(['system', 'editorial', 'humanist', 'mono']),
-  density: Object.freeze(['compact', 'comfortable', 'spacious']),
-  spacing: Object.freeze(['compact', 'comfortable', 'spacious']),
-  radius: Object.freeze(['sharp', 'soft', 'round']),
-  motion: Object.freeze(['none', 'subtle', 'expressive']),
-  componentStyle: Object.freeze(['quiet', 'outlined', 'raised'])
+  palette: Object.freeze(['default', 'ocean', 'forest', 'plum'])
 });
 const CONTACT_KEYS = Object.freeze([
   'enabled', 'websiteEnabled', 'phoneEnabled'
@@ -31,17 +31,28 @@ const CONTACT_KEYS = Object.freeze([
  * back to its own defaults for anything absent. Present-but-unknown is still an error, because
  * that is a writer expecting something the CSS will not do.
  */
-const REQUIRED_DESIGN = Object.freeze(['layout', 'palette']);
+/** A free colour, not a menu — but still a colour. */
+const ACCENT = /^#(?:[0-9a-f]{3}|[0-9a-f]{6})$/i;
 
 function validateImplementedDesign(config) {
+  const accent = config?.design?.accent;
+  if (accent !== undefined && !(typeof accent === 'string' && ACCENT.test(accent.trim()))) {
+    throw new TypeError(`Unsupported design.accent: ${accent}`);
+  }
   if (config?.design == null) return;
   for (const [field, allowed] of Object.entries(DESIGN_VALUES)) {
     const value = config.design[field];
-    if (value === undefined && !REQUIRED_DESIGN.includes(field)) continue;
+    if (value === undefined) continue;
     if (!allowed.includes(value)) {
       throw new TypeError(`Unsupported design.${field}: ${value}`);
     }
   }
+  for (const [field, allowed] of Object.entries(LEGACY_DESIGN_VALUES)) {
+    const value = config.design[field];
+    if (value !== undefined && !allowed.includes(value)) {
+      throw new TypeError(`Unsupported legacy design.${field}: ${value}`);
+    }
+  }
 }
 
 export function validatePerformanceBudgets(value) {