acinguiux-preact-components 0.0.1

package/src/main/shared/deep-selector.js

@@ -0,0 +1,28 @@
+export default async function deepSelector (selector) {
+  if (!selector) {
+    return []
+  }
+
+  const roots = [document]
+
+  // Add all shadow roots including nested.
+  for (const el of roots) {
+    const wcs = [...el.querySelectorAll('[data-name="WebComponent"] *')].filter(wcEl => wcEl.tagName?.includes('-'))
+    for (const wc of wcs) {
+      await customElements.whenDefined(wc.tagName.toLowerCase())
+      wc?.shadowRoot?.querySelectorAll && roots.push(wc.shadowRoot)
+    }
+  }
+
+  // Get all the results across all shadow roots.
+  const result = []
+  for (const root of roots) {
+    try {
+      result.push(...root.querySelectorAll(selector))
+    } catch {
+      // Ignore incorrect selector.
+    }
+  }
+
+  return result
+}

package/src/main/shared/disable-transparency.js

@@ -0,0 +1,10 @@
+import { tw } from './twind.js'
+
+export default function disableTransparency (color, breakpoints = ['md', 'sm']) {
+  const className = (color === 'transparent' || color === 'semitransparent')
+    ? breakpoints.map(device => tw(`${device}:pal-brand1`)).join(' ')
+    : ''
+
+  const palette = color ? `pal-${color}` : ''
+  return `${palette} ${className}`
+}

package/src/main/shared/format-time.js

@@ -0,0 +1,8 @@
+export default function formatTime (date, displayTime = false) {
+  const locale = document.documentElement.lang || navigator.language
+  let options = { year: 'numeric', month: 'short', day: 'numeric' }
+  if (displayTime) {
+    options = { ...options, hour: 'numeric', minute: '2-digit' }
+  }
+  return date.toLocaleDateString(locale, options)
+}

package/src/main/shared/get-id.js

@@ -0,0 +1,5 @@
+let id = 0
+
+export default function getId () {
+  return `_${id++}`
+}

package/src/main/shared/get-meta.js

@@ -0,0 +1,3 @@
+export default function getMeta (name) {
+  return document.querySelector(`meta[name="${name}"]`)?.content
+}

package/src/main/shared/get-size-class.js

@@ -0,0 +1,3 @@
+export default function getSizeClass (tall) {
+  return tall ? 'h-full w-full' : 'w-full h-auto'
+}

package/src/main/shared/get-size.js

@@ -0,0 +1,11 @@
+const RANGE = 1000 // 1000 for MB, 1024 for MiB.
+const PRECISION = 0 // Decimal places.
+
+export default function getSize (string) {
+  if (typeof string !== 'string') {
+    throw new TypeError('Invalid type')
+  }
+  const number = Number.parseInt(string, 10)
+  const i = Math.max(Math.floor(Math.log(number) / Math.log(RANGE)), 0)
+  return `${Number((number / Math.pow(RANGE, i)).toFixed(PRECISION)) * 1} ${['B', 'kB', 'MB', 'GB', 'TB'][i]}`
+}

package/src/main/shared/h.js

@@ -0,0 +1,88 @@
+// A lightweight Preact wrapper with a mithril-style hyperscript helper.
+import { h as ph } from 'preact'
+import getId from './get-id.js'
+import { tw } from './twind.js'
+
+const INNER_MODEL_PROPS = new Set([
+  'name',
+  'value',
+  'icon',
+  'type',
+  'src',
+  'alt',
+  'caption',
+  'autoplay'
+])
+
+function h (...args) {
+  let [tag, props] = args
+
+  // Ensure props are present.
+  if (
+    !props ||
+    typeof props !== 'object' ||
+    Object.hasOwn(props, '__k') || // Preact element
+    Array.isArray(props)
+  ) {
+    props = {}
+    args.splice(1, 0, props)
+  }
+
+  let customStyle
+  if (typeof tag === 'string') {
+    // When rendering HTML tag.
+    handleColor(props)
+    customStyle = handleCustomStyle(props)
+    removePrivateProps(props)
+    tw(props.className)
+  } else {
+    // When rendering Preact component.
+    ensureModel(props)
+  }
+
+  return customStyle
+    ? [customStyle, ph.apply(this, args)]
+    : ph.apply(this, args)
+}
+
+// Remove private props (starting with underscore).
+function removePrivateProps (props, ignoreList) {
+  for (const key in props) {
+    if (key.startsWith('_') && !ignoreList?.includes(key)) {
+      delete props[key]
+    }
+  }
+}
+
+function handleCustomStyle (props) {
+  if (props._style) {
+    props.id ||= getId()
+    return h('style', props._style(`#${props.id}`))
+  }
+
+  return null
+}
+
+function handleColor (props) {
+  const { _color } = props
+  if (_color) {
+    props.className = `pal-${_color} ${props.className ?? ''}`
+  }
+}
+
+function ensureModel (props) {
+  const _model = props._model || {}
+  if (Object.keys(_model).some(key => INNER_MODEL_PROPS.has(key))) {
+    return
+  }
+
+  _model.image ||= {}
+  _model.video ||= {}
+  _model.links ||= []
+  _model.tags ||= []
+  _model.date = _model.date ? new Date(_model.date) : null
+  _model.asset = _model.video.src ? _model.video : _model.image
+  props._model = _model
+}
+
+export default h

package/src/main/shared/hash-jump.js

@@ -0,0 +1,33 @@
+/* global location */
+import deepSelector from './deep-selector.js'
+
+const STEP = 100
+const MAX_STEPS = 10
+const STOP_EVENTS = ['mousedown', 'wheel', 'touchmove', 'keydown']
+
+let listening = false
+
+export default async function hashJump () {
+  if (!listening) {
+    listening = true
+    globalThis.addEventListener('hashchange', () => scrollToElement(location.hash))
+    globalThis.addEventListener('route', () => scrollToElement(location.hash))
+  }
+
+  await scrollToElement(location.hash)
+}
+
+async function scrollToElement (selector) {
+  let cancel = false
+  const listener = () => { cancel = true }
+
+  for (const event of STOP_EVENTS) { document.addEventListener(event, listener) }
+
+  for (let ii = 0; ii < MAX_STEPS; ++ii) {
+    const [el] = await deepSelector(selector)
+    el && !cancel && el.scrollIntoView()
+    await new Promise(resolve => setTimeout(resolve, STEP))
+  }
+
+  for (const event of STOP_EVENTS) { document.removeEventListener(event, listener) }
+}

package/src/main/shared/icons/arrow-back.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><polygon fill="#595959" points="15.543 4.294 7.699 12.922 15.51 20.743 14.095 22.156 4.937 12.987 14.063 2.949"/></svg>

package/src/main/shared/icons/arrow-down.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><polygon fill="#595959" points="3.579 8.35 12.207 16.194 20.028 8.382 21.441 9.797 12.271 18.956 2.233 9.83"/></svg>

package/src/main/shared/icons/arrow-next.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><polygon fill="#595959" points="7.374 4.324 15.219 12.952 7.407 20.773 8.822 22.187 17.981 13.017 8.854 2.979"/></svg>

package/src/main/shared/icons/arrow-tail-right.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><polygon fill="#595959" points="13.858 5.372 19.884 12 13.826 18.065 12.411 16.652 16.057 12.999 4 13 4 11 16.271 10.999 12.378 6.718"/></svg>

package/src/main/shared/icons/arrow-tail-up.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><polygon fill="#595959" points="12 4.103 18.065 10.161 16.652 11.576 12.999 7.928 13 20.021 11 20.021 10.999 7.714 6.718 11.609 5.372 10.129"/></svg>

package/src/main/shared/icons/arrow-up.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><polygon fill="#595959" points="3.579 17.209 12.207 9.365 20.028 17.177 21.441 15.762 12.271 6.603 2.233 15.729"/></svg>

package/src/main/shared/icons/asset-download.svg

@@ -0,0 +1 @@
+<svg version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m2 2v11h4l2-3h3l2.5625-4 4.4375 7h4v-11zm3.9512 2c0.016275-1.987e-4 0.032553-1.987e-4 0.048828 0 1.1046 0 2 0.89543 2 2s-0.89543 2-2 2-2-0.89543-2-2c-3.236e-4 -1.0858 0.86572-1.9735 1.9512-2z"/><path d="m12 13v5.1719l-2.5352-2.5352-1.4141 1.4141s3.2995 3.2995 4.9492 4.9492l4.9492-4.9492-1.4141-1.4141-2.5352 2.5352v-5.1719z"/></svg>

package/src/main/shared/icons/logo.svg

@@ -0,0 +1,5 @@
+<svg xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 160 64" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Shiv Shakti Hardware logo">
+  <image id="image5" width="41" x="11.5" y="4" height="56" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAA4CAMAAABXNCH6AAAA2FBMVEVMaXFBQUFTU1OcnJxCQkFXV1lPTk5SUFI8PDtFRUX///9FRERoZ2dgYF/ExMTg4OA+Pj4+Pj5vb29AQEBCQEFAQECsrKx6enqEhINCQUF5eHk+PT1BQUH4+Ph+fn2Li4yenZ6MjIxsbGw9PT0+PT08PDw/Pj45OTlBQEA1NjkxMzd4bleXiGhMSURFREKkkmxUUEeDeGBvZlMrLTNnXkxcVku1o3uNeFK4nmrmy5Hfu3OihVSyk13PrW+LfmNVVFKFakT+8LDFsoLhxIh2ZEapoH/l2qlFOzHHGH9yAAAAI3RSTlMAMehcvRL9AvwFB0jg+TAd5J/Eao/QPpYssHjxfRKlm3eEjU12s+gAAAAJcEhZcwAACxMAAAsTAQCanBgAAAL+SURBVHja7ZVpc9pADIYdzoUAOcndpql3tYdvcx+BQI7+/39UyWsSEpxmpp+jYdZgHr9aaSXZcb7tf6ye21dU45Vo/APOhOrVPbJqPbvxGeg09k8rh4wL173uHu1Xi1HiTrqgFLhCuIKDgsMbZIvA/a5SLmPMzQy/gDo82ZFFwVMAS4mN4U91+UG27lQv1UYtY+0DqNu92EZRsaIYdwuMidLZFlp3jhRzOdkHkHMmSwevaN05QcUCLnuYucfNV3Dv2t7d/L1ZMhJYcJeLWt90G9BcWoBD5gPoArJt/aNkHrQwxmiQuEguBTJCa5Jl4V1OnlpJAV4UpSb2o6eAp0pwoUYjwHyBbP2wqTyEjJQP936Uei/Pi6dx4vsGZDAdC3Ima2Xk0DnQL9DJLOz11NqPjQ4if62VHExnkiJj4TnlnFJEkno4MqC9ST9SIEy0Nkr3pyONMaH7YypYGzkHHc0XYLzVcAAg44lvQu1NPSTRnyg1aZ8Vqynj2f3DHz7HRRt/EvR0bzTtZ6RL5/RKCq6D2ePjMB3hshzNn5KFN74fSPKOIXXeSPIRJpPV6jl5eXleD1Iv7Y/vQ8Ft8NukEFoa2R+jx3g2j+kUZvP8fDPveUTk3hMgB+lk2Isn0UIrN5w/CPLNbUQN58aSoP2k1xtEw0UvHg4HmhIQaco1t1nC/rEkF8L3vdSPktQbJ2NP6/4KD4r+sZnPTtNWmND9xB8EXuLFQRoIEXix5G+niZ/LLPW0IW2MxFoyEqPDOEwGovPWgS3PfWB5IVNBUoHiQgwuWdWHt3nVORVbTAUNlz0t2x1b9JuYdtuNbqFkcLtpubyWdxsul7S7zOcC+S9oYeoi3d5q+LpzURKssIcR/PV+iFyUoGCIAJPvwQythJLl4wsv9MEtqnbZ2Rl2zd81kDjFBM1PkmNSLI87uxMU5+TZcS2UEmk0vIbLVrlZPL0dp3PeqtUC5aqgtmz9RO7TSe84zU756urn+VX5zA6Dz18f7/fz1Yur0Wh8+eb6tmL7C0LYn9pjSj+nAAAAAElFTkSuQmCC"/>
+  <text x="72" y="30" fill="#111111" font-size="16" font-weight="700" font-family="Arial, Helvetica, sans-serif" textLength="84" lengthAdjust="spacingAndGlyphs">SHIV SHAKTI</text>
+  <text x="72" y="48" fill="#111111" font-size="12" font-weight="600" font-family="Arial, Helvetica, sans-serif" textLength="78" lengthAdjust="spacingAndGlyphs" letter-spacing="0.8">HARDWARE</text>
+</svg>

package/src/main/shared/icons/low-carbon-placeholder.svg

@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" style="width: 100%; height: 100%">
+    <rect width="100%" height="100%" style="fill: #767676;" />
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100" height="100" x="50%" y="50%" overflow="visible">
+        <path
+                transform="translate(-92.5 -92.5)"
+                style="fill: #606060; stroke: #606060; stroke-miterlimit:10; stroke-width: 4px;"
+                d="M94.22,2.5a91.72,91.72,0,1,0,91.71,91.72A91.82,91.82,0,0,0,94.22,2.5ZM92.79,183a27.68,27.68,0,1,1,2.85,0l-1.42,0C93.74,183,93.27,183,92.79,183Zm32-27.64a30.57,30.57,0,1,0-48.25,24.9,57.92,57.92,0,1,1,35.38,0A30.54,30.54,0,0,0,124.78,155.37Zm.21,22.17a60.82,60.82,0,1,0-61.55,0,88.83,88.83,0,1,1,61.55,0Z"></path>
+    </svg>
+</svg>

package/src/main/shared/icons/media-pause.svg

@@ -0,0 +1 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.5 5C6.22386 5 6 5.19588 6 5.4375V18.5625C6 18.8041 6.22386 19 6.5 19H10.5C10.7761 19 11 18.8041 11 18.5625V5.4375C11 5.19588 10.7761 5 10.5 5H6.5Z" fill="#292929"/><path d="M13.5 5C13.2239 5 13 5.19588 13 5.4375V18.5625C13 18.8041 13.2239 19 13.5 19H17.5C17.7761 19 18 18.8041 18 18.5625V5.4375C18 5.19588 17.7761 5 17.5 5H13.5Z" fill="#292929"/></svg>

package/src/main/shared/icons/media-play.svg

@@ -0,0 +1 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7 17.9999V5.99985C7 5.20116 7.89015 4.72476 8.5547 5.1678L17.5 11.1679C18.0937 11.5637 18.0937 12.4362 17.5 12.832L8.5547 18.8319C7.89015 19.275 7 18.7986 7 17.9999Z" fill="#292929"/></svg>

package/src/main/shared/icons/navigation-burger.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="#595959" d="M22,16 L22,18 L2,18 L2,16 L22,16 Z M22,7 L22,9 L2,9 L2,7 L22,7 Z"/></svg>

package/src/main/shared/icons/navigation-close.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><polygon fill="#595959" points="19.293 3.293 20.707 4.707 13.414 12 20.707 19.293 19.293 20.707 12 13.414 4.707 20.707 3.293 19.293 10.586 12 3.293 4.707 4.707 3.293 12 10.586"/></svg>

package/src/main/shared/icons/navigation-link.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="#595959" d="M11.9101291,7.30977962 L12.0355339,7.42893219 L14.1862019,9.57960023 L12.7719884,10.9938138 L10.6213203,8.84314575 C10.238924,8.46074937 9.74884933,8.39294597 9.48557745,8.57491586 L9.4246781,8.62557443 L4.039788,14.0104645 C3.81663935,14.2336132 3.83786237,14.711438 4.16827673,15.109458 L4.25735931,15.2071068 L7.79289322,18.7426407 C8.1752896,19.1250371 8.66536423,19.1928405 8.92863612,19.0108706 L8.98953546,18.960212 L10.9808489,16.9688985 L12.3950625,18.3831121 L10.403749,20.3744256 C9.36229137,21.4158832 7.65397108,21.3138177 6.5040845,20.2760068 L6.37867966,20.1568542 L2.84314575,16.6213203 C1.73630542,15.51448 1.55751496,13.8038246 2.51455222,12.7146505 L2.62557443,12.596251 L8.01046454,7.21136087 C9.05192219,6.16990321 10.7602425,6.27196874 11.9101291,7.30977962 Z M17.2030223,3.0168864 L17.3284271,3.13603897 L20.863961,6.67157288 C21.9708014,7.77841321 22.1495918,9.48906859 21.1925546,10.5782427 L21.0815323,10.6966422 L15.6966422,16.0815323 C14.6551846,17.12299 12.9468643,17.0209245 11.7969777,15.9831136 L11.6715729,15.863961 L9.52090484,13.713293 L10.9351184,12.2990794 L13.0857864,14.4497475 C13.4681828,14.8321439 13.9582575,14.8999473 14.2215293,14.7179774 L14.2824287,14.6673188 L19.6673188,9.28242868 C19.8904674,9.05928004 19.8692444,8.58145524 19.5388301,8.18343527 L19.4497475,8.08578644 L15.9142136,4.55025253 C15.5318172,4.16785615 15.0417425,4.10005275 14.7784707,4.28202264 L14.7175713,4.33268121 L12.7262579,6.32399468 L11.3120443,4.90978112 L13.3033578,2.91846765 C14.3448154,1.87700999 16.0531357,1.97907552 17.2030223,3.0168864 Z"/></svg>

package/src/main/shared/icons/navigation-refresh.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="#595959" d="M13,3 C17.9705627,3 22,7.02943725 22,12 C22,16.8818027 18.1131863,20.8557914 13.2653623,20.9961629 L13,21 L13,19 C16.8659932,19 20,15.8659932 20,12 C20,8.13400675 16.8659932,5 13,5 C9.7631697,5 7.03946154,7.19693701 6.23866147,10.1810251 L7.34386686,9.07901694 L8.7572339,10.4940765 L5.38736465,13.8599151 L1.72098016,10.5264476 L3.06641209,9.04664591 L4.20504138,10.0809533 C5.08432351,6.03237819 8.68803682,3 13,3 Z"/></svg>

package/src/main/shared/icons/navigation-search.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="#595959" d="M10.5,2 C15.1944204,2 19,5.80557963 19,10.5 C19,12.4865245 18.3185332,14.3138839 17.1766205,15.7610573 L21.7071068,20.2928932 L20.2928932,21.7071068 L15.7610573,17.1766205 C14.3138839,18.3185332 12.4865245,19 10.5,19 C5.80557963,19 2,15.1944204 2,10.5 C2,5.80557963 5.80557963,2 10.5,2 Z M10.5,4 C6.91014913,4 4,6.91014913 4,10.5 C4,14.0898509 6.91014913,17 10.5,17 C14.0898509,17 17,14.0898509 17,10.5 C17,6.91014913 14.0898509,4 10.5,4 Z"/></svg>

package/src/main/shared/icons/navigation-share.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="#595959" d="M18,2 C20.209139,2 22,3.790861 22,6 C22,8.209139 20.209139,10 18,10 C16.7931555,10 15.7111418,9.46553608 14.9777399,8.62038933 L8.94342799,11.8698669 C8.9805908,12.0742743 9,12.2848705 9,12.5 C9,12.8565793 8.94667633,13.2007042 8.84756814,13.5248355 L14.4174794,16.2188197 C15.0726625,14.9035805 16.43081,14 18,14 C20.209139,14 22,15.790861 22,18 C22,20.209139 20.209139,22 18,22 C15.8727565,22 14.1333536,20.3394567 14.0073135,18.243892 L7.72316911,15.2033716 C7.11862246,15.7011074 6.34421629,16 5.5,16 C3.56700338,16 2,14.4329966 2,12.5 C2,10.5670034 3.56700338,9 5.5,9 C6.4979657,9 7.39837807,9.41767547 8.03596474,10.0877541 L14.0859674,6.82878072 C14.0296295,6.56138815 14,6.28415424 14,6 C14,3.790861 15.790861,2 18,2 Z M18,16 C16.8954305,16 16,16.8954305 16,18 C16,19.1045695 16.8954305,20 18,20 C19.1045695,20 20,19.1045695 20,18 C20,16.8954305 19.1045695,16 18,16 Z M5.5,11 C4.67157288,11 4,11.6715729 4,12.5 C4,13.3284271 4.67157288,14 5.5,14 C6.32842712,14 7,13.3284271 7,12.5 C7,11.6715729 6.32842712,11 5.5,11 Z M18,4 C16.8954305,4 16,4.8954305 16,6 C16,7.1045695 16.8954305,8 18,8 C19.1045695,8 20,7.1045695 20,6 C20,4.8954305 19.1045695,4 18,4 Z"/></svg>

package/src/main/shared/icons/toggle-newwindow.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"/></svg>

package/src/main/shared/icons.js

@@ -0,0 +1,18 @@
+export { default as LOGO } from './icons/logo.svg'
+export { default as LOW_CARBON_PLACEHOLDER } from './icons/low-carbon-placeholder.svg'
+export { default as ARROW_BACK } from './icons/arrow-back.svg'
+export { default as ARROW_DOWN } from './icons/arrow-down.svg'
+export { default as ARROW_NEXT } from './icons/arrow-next.svg'
+export { default as ARROW_UP } from './icons/arrow-up.svg'
+export { default as ARROW_TAIL_UP } from './icons/arrow-tail-up.svg'
+export { default as ARROW_TAIL_RIGHT } from './icons/arrow-tail-right.svg'
+export { default as ASSET_DOWNLOAD } from './icons/asset-download.svg'
+export { default as MEDIA_PAUSE } from './icons/media-pause.svg'
+export { default as MEDIA_PLAY } from './icons/media-play.svg'
+export { default as NAVIGATION_BURGER } from './icons/navigation-burger.svg'
+export { default as NAVIGATION_CLOSE } from './icons/navigation-close.svg'
+export { default as NAVIGATION_LINK } from './icons/navigation-link.svg'
+export { default as NAVIGATION_REFRESH } from './icons/navigation-refresh.svg'
+export { default as NAVIGATION_SEARCH } from './icons/navigation-search.svg'
+export { default as NAVIGATION_SHARE } from './icons/navigation-share.svg'
+export { default as TOGGLE_NEWWINDOW } from './icons/toggle-newwindow.svg'

package/src/main/shared/id-from-string.js

@@ -0,0 +1,5 @@
+export default function idFromString (text) {
+  // TestCafe cocks up optional chaining. This split fixes it.
+  const lower = text?.toLowerCase?.()
+  return lower ? lower.replaceAll(/\W/g, '-') : null
+}

package/src/main/shared/mark-selection.js

@@ -0,0 +1,19 @@
+/* global location */
+function deselectAndAddLength (l) {
+  return Object.assign(l, { selected: false, length: l.value?.replace?.(/\.html.*/, '')?.length ?? 0 })
+}
+
+export default function markSelection (links) {
+  const payload = [...links]
+  for (const link of payload) {
+    link.selected = false // Reset selection.
+    payload.push(...(link.children ?? [])) // Go deeper.
+    const url = new URL(link.value, location)
+    // Select all links on the current path except for hash links.
+    link.selected = !url.href.includes('#') && location.href.startsWith(url.href.replace(/\.html.*/, ''))
+  }
+
+  // Make sure only one first level link is selected (the longest = most specific).
+  const longestSelectedLink = links.filter(l => l.selected).map(deselectAndAddLength).sort((a, b) => a.length - b.length).pop() ?? {}
+  longestSelectedLink.selected = true
+}

package/src/main/shared/register.js

@@ -0,0 +1,26 @@
+import { h, render } from 'preact'
+import { injectStyles } from './twind.js'
+
+// Web component registration function with hook cleanup.
+export default function register (Component, elementName) {
+  class CustomElement extends HTMLElement {
+    connectedCallback () {
+      this.shadow = this.attachShadow({ mode: 'open' })
+      this.attrs = Object.fromEntries(Array.from(this.attributes, ({ name, value }) => [name, value]))
+      this.vnode = h(Component, this.attrs)
+
+      injectStyles(this.shadow)
+      render(this.vnode, this.shadow)
+    }
+
+    disconnectedCallback () {
+      // Call cleanup functions for all hooks.
+      // Based on https://github.com/preactjs/preact/blob/main/hooks/src/index.js
+      for (const hook of this.vnode?.__c?.__H?.__ || []) {
+        hook?.__c?.call?.()
+      }
+    }
+  }
+
+  customElements.get(elementName) || customElements.define(elementName, CustomElement)
+}

package/src/main/shared/renderer.js

@@ -0,0 +1,43 @@
+/* global */
+import { render } from 'preact'
+import { Component } from '../routing/component.js'
+import { Router } from '../routing/router.js'
+import h from './h.js'
+// import setStyle from './styles.js'
+import waitForDomReady from './wait-for-dom-ready.js'
+import { isEdit } from './wcm-mode.js'
+import hashJump from './hash-jump.js'
+import { injectStyles } from './twind.js'
+let isReady = false
+
+export async function renderPage () {
+  if (isReady) {
+    return
+  }
+
+  isReady = true
+
+  // Apply CSS.
+  injectStyles(document)
+  await waitForDomReady()
+
+  // Skip rendering in edit mode.
+  if (isEdit) {
+    console.log('Skipping page rendering in edit mode.')
+    return
+  }
+
+  // Prepare the container.
+  const container = document.body.children[0] ?? document.body
+  container.innerHTML = ''
+
+  // Scroll to hash.
+  hashJump()
+
+  render(h(Router), container)
+}
+
+export function renderComponent (componentModel, container) {
+  render(h(Component, { _componentModel: componentModel, _model: componentModel.model }), container)
+  console.log(`Rendered ${componentModel.id}: ${componentModel.organism}`)
+}

package/src/main/shared/simple-consent-api.js

@@ -0,0 +1,70 @@
+/* global localStorage */
+const STORAGE_KEY = '_evidon_proxy'
+const DEFAULT_CONSENT = {
+  functional: true,
+  statistics: false,
+  preferences: false,
+  marketing: false,
+}
+
+export function setConsent (consent) {
+  if (consent) {
+    consent = { ...DEFAULT_CONSENT, date: new Date().toISOString(), ...consent }
+    localStorage.setItem(STORAGE_KEY, JSON.stringify(consent))
+  } else {
+    localStorage.removeItem(STORAGE_KEY)
+  }
+
+  globalThis.dispatchEvent(new CustomEvent('consent', { detail: consent }))
+}
+
+export function getConsent () {
+  // No consent granted.
+  const consent = JSON.parse(localStorage.getItem(STORAGE_KEY))
+  if (!consent) {
+    return gcpHandler()
+  }
+
+  // Consent expired.
+  const now = new Date()
+  const referenceDate = new Date(now.getFullYear() - 1, now.getMonth(), now.getDate(), now.getHours(), now.getMinutes(),
+    now.getSeconds(), now.getMilliseconds())
+  if (new Date(consent.date) < referenceDate) {
+    setConsent()
+    return gcpHandler()
+  }
+
+  // Consent already granted or denied.
+  return gcpHandler(consent)
+}
+
+// This works for the first consent collection.
+// Changing consent requires a page reload anyway.
+export async function waitForConsent (expectedConsent, inclusive = true) {
+  return new Promise(resolve => {
+    if (hasConsent(expectedConsent, inclusive)) {
+      resolve(getConsent())
+      return
+    }
+
+    globalThis.addEventListener('consent', () => {
+      if (hasConsent(expectedConsent, inclusive)) {
+        resolve(getConsent())
+      }
+    })
+  })
+}
+
+function hasConsent (expectedConsent, inclusive) {
+  const consent = getConsent() ?? {}
+  const func = inclusive ? 'every' : 'some'
+  return Object.keys(expectedConsent)[func](key => consent[key] === expectedConsent[key])
+}
+
+function gcpHandler (consent) {
+  if (!consent) {
+    return navigator.globalPrivacyControl ? DEFAULT_CONSENT : null
+  }
+
+  return consent
+}

package/src/main/shared/split-links.js

@@ -0,0 +1,11 @@
+// Split links separated with blank ones.
+export default function splitLinks (links) {
+  return links.reduce((arr, link) => {
+    if (link && (link.name || link.value)) {
+      arr.at(-1).push(link)
+    } else {
+      arr.push([])
+    }
+    return arr
+  }, [[]])
+}

package/src/main/shared/t.js

@@ -0,0 +1,60 @@
+const PREFIX = 'acinguiux-preact: '
+
+export const TRANSLATIONS = new Set([
+  'All',
+  'Back to top',
+  'Buy now',
+  'Click to sort',
+  'Category',
+  'Close',
+  'Description',
+  'Dismiss',
+  'Enter your search term',
+  'Features',
+  'Go to: {0}',
+  'Load more',
+  'Next',
+  'Next slide',
+  'No results found.',
+  'Pause playback',
+  'Previous',
+  'Previous slide',
+  'Read more',
+  'Reset filters',
+  'Resume playback',
+  'Search',
+  'Skip to main content',
+  'Sorted ascending - {0}',
+  'Sorted descending - {0}',
+  'Submit',
+  'View product list',
+  'Viscosity',
+  '{0} results found',
+  'Download on the {0}',
+  'Get it on {0}',
+  'Scan the QR code to download the app or click the link below'
+].map(key => `${PREFIX}${key}`))
+
+export const i18n = {}
+
+export class TranslationError extends Error {
+  constructor (key) {
+    super(`Unknown dictionary key: ${key}`)
+  }
+}
+
+export default function t (text, ...args) {
+  const key = PREFIX + text
+
+  if (!TRANSLATIONS.has(key)) {
+    throw new TranslationError(key)
+  }
+
+  let result = i18n[key] ?? text
+
+  for (const [ii, arg] of args.entries()) {
+    result = result.replaceAll(`{${ii}}`, arg)
+  }
+
+  return result
+}