@nordcraft/runtime 1.0.76 → 1.0.78

package/src/editor-preview.main.ts

@@ -31,6 +31,7 @@ import {
   getThemeEntries,
   renderThemeValues,
 } from '@nordcraft/core/dist/styling/theme'
+import { THEME_DATA_ATTRIBUTE } from '@nordcraft/core/dist/styling/theme.const'
 import type { StyleVariant } from '@nordcraft/core/dist/styling/variantSelector'
 import type {
   ActionHandler,
@@ -79,6 +80,7 @@ import type {
   PreviewShowSignal,
 } from './types'
 import { createFormulaCache } from './utils/createFormulaCache'
+import { getThemeSignal } from './utils/getThemeSignal'
 import { getNodeAndAncestors, isNodeOrAncestorConditional } from './utils/nodes'
 import { rectHasPoint } from './utils/rectHasPoint'
 import {
@@ -217,6 +219,7 @@ export const createRoot = (
     displayedNodes: [],
     testMode: false,
   })
+  const themeSignal = signal<string | null>(null)
   window.toddle._preview = { showSignal }
   document.body.setAttribute('data-mode', 'design')
   let components: Component[] | null = null
@@ -913,38 +916,9 @@ export const createRoot = (
           })
           break
         case 'preview_style':
-          const { styles: previewStyleStyles, theme, resources } = message.data
+          const { styles: previewStyleStyles, theme } = message.data
           cancelAnimationFrame(previewStyleAnimationFrame)
           previewStyleAnimationFrame = requestAnimationFrame(() => {
-            // Allow for temporarily adding preview resources (e.g. fonts).
-            const resourceElements = Array.from(
-              document.head.querySelectorAll('[data-id="preview-resource"]'),
-            )
-            // Remove any resources that are no longer needed
-            resourceElements.forEach((el) => {
-              if (
-                !resources ||
-                resources.length === 0 ||
-                !resources.some((res) => res.href === el.getAttribute('href'))
-              ) {
-                el.remove()
-              }
-            })
-            resources
-              ?.filter(
-                (resource) =>
-                  !resourceElements.some(
-                    (el) => el.getAttribute('href') === resource.href,
-                  ),
-              )
-              .forEach((resource) => {
-                const resourceElement = document.createElement('link')
-                resourceElement.setAttribute('data-id', 'preview-resource')
-                resourceElement.rel = 'stylesheet'
-                resourceElement.href = resource.href
-                document.head.appendChild(resourceElement)
-              })
-
             // Update or create a new style tag and set the given styles with important priority
             let styleElement = document.head.querySelector(
               '[data-id="selected-node-styles"]',
@@ -1031,7 +1005,7 @@ export const createRoot = (
               }
               cssBlocks.push(
                 renderThemeValues(
-                  `[data-theme~="${theme.key}"]`,
+                  `[${THEME_DATA_ATTRIBUTE}~="${theme.key}"]`,
                   getThemeEntries(theme.value, theme.key),
                 ),
               )
@@ -1047,12 +1021,43 @@ export const createRoot = (
             }
           })
           break
+        case 'preview_resources': {
+          const { resources } = message.data
+          // Allow for temporarily adding preview resources (e.g. fonts).
+          const resourceElements = Array.from(
+            document.head.querySelectorAll('[data-id="preview-resource"]'),
+          )
+          // Remove any resources that are no longer needed
+          resourceElements.forEach((el) => {
+            if (
+              resources.length === 0 ||
+              !resources.some((res) => res.href === el.getAttribute('href'))
+            ) {
+              el.remove()
+            }
+          })
+          resources
+            .filter(
+              (resource) =>
+                !resourceElements.some(
+                  (el) => el.getAttribute('href') === resource.href,
+                ),
+            )
+            .forEach((resource) => {
+              const resourceElement = document.createElement('link')
+              resourceElement.setAttribute('data-id', 'preview-resource')
+              resourceElement.rel = 'stylesheet'
+              resourceElement.href = resource.href
+              document.head.appendChild(resourceElement)
+            })
+          break
+        }
         case 'preview_theme': {
           const { theme } = message.data
           if (theme) {
-            document.body.setAttribute('data-theme', theme)
+            document.body.setAttribute(THEME_DATA_ATTRIBUTE, theme)
           } else {
-            document.body.removeAttribute('data-theme')
+            document.body.removeAttribute(THEME_DATA_ATTRIBUTE)
           }
         }
       }
@@ -1246,7 +1251,8 @@ export const createRoot = (
       fastDeepEqual(
         ctx?.component.route?.info?.meta,
         _component.route?.info?.meta,
-      ) === false
+      ) === false ||
+      !ctx
     ) {
       insertHeadTags(_component.route?.info?.meta ?? {}, {
         component: _component,
@@ -1388,6 +1394,21 @@ export const createRoot = (
       component: _component,
     }
 
+    if (
+      fastDeepEqual(
+        newCtx.component.route?.info?.theme,
+        ctx?.component.route?.info?.theme,
+      ) === false
+    ) {
+      setupThemeSubscription(
+        newCtx.component,
+        newCtx.dataSignal,
+        env,
+      ).subscribe((theme) => {
+        newCtx.stores.theme.set(theme)
+      })
+    }
+
     for (const api in newCtx.component.apis) {
       // check if the api has changed (ignoring onCompleted and onFailed).
       const apiInstance = newCtx.component.apis[api]
@@ -1552,11 +1573,20 @@ export const createRoot = (
       abortSignal: new AbortController().signal,
       formulaCache: createFormulaCache(component),
       providers: {},
+      stores: {
+        theme: themeSignal,
+      },
       package: undefined,
       toddle: window.toddle,
       env,
     }
 
+    setupThemeSubscription(ctx.component, ctx.dataSignal, env).subscribe(
+      (theme) => {
+        ctx.stores.theme.set(theme)
+      },
+    )
+
     if (isContextProvider(component)) {
       // Subscribe to exposed formulas and update the component's data signal
       const formulaDataSignals = Object.fromEntries(
@@ -1670,7 +1700,7 @@ const insertHeadTags = (
     .filter((elem) => !entries[elem.getAttribute('data-meta-id')!])
     .forEach((elem) => elem.remove())
 
-  // Skip anything that is not <link> or <script> tags, as they don't have any influence on the preview
+  // Skip anything that is not <link>, <style> or <script> tags, as they don't have any influence on the preview
   Object.entries(entries).forEach(([id, entry]) => {
     switch (entry.tag) {
       case HeadTagTypes.Link:
@@ -1697,9 +1727,22 @@ const insertHeadTags = (
           ></script>
         `),
         )
+      case HeadTagTypes.Style:
+        return insertOrReplaceHeadNode(
+          id,
+          document.createRange().createContextualFragment(`
+          <style
+            data-meta-id="${id}"
+            ${Object.entries(entry.attrs)
+              .map(([key, value]) => `${key}="${applyFormula(value, context)}"`)
+              .join(' ')}
+          >
+            ${applyFormula(entry.content ?? '', context)}
+          </style>
+        `),
+        )
       default:
-        // TODO: handle style meta tags?
-        break
+        return
     }
   })
 }
@@ -1872,3 +1915,28 @@ const registerFormulas = (
 const postMessageToEditor = (message: EditorPostMessageType) => {
   window.parent?.postMessage(message, '*')
 }
+
+let _themeRootSignal = null as Signal<string | null> | null
+function setupThemeSubscription(
+  component: Component,
+  dataSignal: Signal<ComponentData>,
+  env: ToddleEnv,
+) {
+  _themeRootSignal?.destroy()
+  _themeRootSignal = getThemeSignal(component, dataSignal, env)
+  _themeRootSignal.subscribe((theme) => {
+    if (isDefined(theme)) {
+      document.documentElement.setAttribute(THEME_DATA_ATTRIBUTE, theme)
+    } else {
+      document.documentElement.removeAttribute(THEME_DATA_ATTRIBUTE)
+    }
+    dataSignal.update((data) => ({
+      ...data,
+      Page: {
+        Theme: theme ?? null,
+      },
+    }))
+  })
+
+  return _themeRootSignal
+}

package/src/page.main.ts

@@ -6,6 +6,7 @@ import type {
 import type { ToddleEnv } from '@nordcraft/core/dist/formula/formula'
 import { applyFormula } from '@nordcraft/core/dist/formula/formula'
 import type { PluginFormula } from '@nordcraft/core/dist/formula/formulaTypes'
+import { THEME_DATA_ATTRIBUTE } from '@nordcraft/core/dist/styling/theme.const'
 import type {
   ActionHandler,
   ArgumentInputDataFunction,
@@ -29,6 +30,7 @@ import { initLogState, registerComponentToLogState } from './debug/logState'
 import type { Signal } from './signal/signal'
 import { signal } from './signal/signal'
 import type { ComponentContext, LocationSignal } from './types'
+import { getThemeSignal } from './utils/getThemeSignal'
 
 initLogState()
 
@@ -203,6 +205,9 @@ export const createRoot = (domNode: HTMLElement) => {
     children: {},
     formulaCache: {},
     providers: {},
+    stores: {
+      theme: getThemeSignal(component, dataSignal, env),
+    },
     apis: {},
     toddle: window.toddle,
     triggerEvent: (event: string, data: unknown) =>
@@ -265,6 +270,14 @@ export const createRoot = (domNode: HTMLElement) => {
     }
   }
 
+  ctx.stores.theme.subscribe((newTheme) => {
+    if (isDefined(newTheme)) {
+      document.documentElement.setAttribute(THEME_DATA_ATTRIBUTE, newTheme)
+    } else {
+      document.documentElement.removeAttribute(THEME_DATA_ATTRIBUTE)
+    }
+  })
+
   // We can only setup meta updates after the dataSignal has been initiated with API data etc.
   setupMetaUpdates(component, dataSignal)
 

package/src/styles/CustomPropertyStyleSheet.test.ts

@@ -1,4 +1,5 @@
 import { describe, expect, test } from 'bun:test'
+import '../../happydom'
 import { CustomPropertyStyleSheet } from './CustomPropertyStyleSheet'
 
 describe('CustomPropertyStyleSheet', () => {
@@ -57,6 +58,51 @@ describe('CustomPropertyStyleSheet', () => {
     )
   })
 
+  test('it works with prefers-reduced-motion: reduce', () => {
+    const instance = new CustomPropertyStyleSheet(document)
+    instance.registerProperty('.my-class', '--my-property', {
+      mediaQuery: { 'prefers-reduced-motion': 'reduce' },
+    })('256px')
+    expect(instance.getStyleSheet().cssRules.length).toBe(1)
+    expect(instance.getStyleSheet().cssRules[0].cssText).toBe(
+      `\
+@media (prefers-reduced-motion: reduce) {
+  .my-class { --my-property: 256px; }
+}`,
+    )
+  })
+
+  test('it works with prefers-reduced-motion: no-preference', () => {
+    const instance = new CustomPropertyStyleSheet(document)
+    instance.registerProperty('.my-class', '--my-property', {
+      mediaQuery: { 'prefers-reduced-motion': 'no-preference' },
+    })('256px')
+    expect(instance.getStyleSheet().cssRules.length).toBe(1)
+    expect(instance.getStyleSheet().cssRules[0].cssText).toBe(
+      `\
+@media (prefers-reduced-motion: no-preference) {
+  .my-class { --my-property: 256px; }
+}`,
+    )
+  })
+
+  test('it combines prefers-reduced-motion with other media queries', () => {
+    const instance = new CustomPropertyStyleSheet(document)
+    instance.registerProperty('.my-class', '--my-property', {
+      mediaQuery: {
+        'prefers-reduced-motion': 'reduce',
+        'max-width': '768px',
+      },
+    })('256px')
+    expect(instance.getStyleSheet().cssRules.length).toBe(1)
+    expect(instance.getStyleSheet().cssRules[0].cssText).toBe(
+      `\
+@media (prefers-reduced-motion: reduce) and (max-width: 768px) {
+  .my-class { --my-property: 256px; }
+}`,
+    )
+  })
+
   test('it unregisters a property', () => {
     const instance = new CustomPropertyStyleSheet(document)
     const setter = instance.registerProperty('.my-class', '--my-property')

package/src/styles/style.test.ts

@@ -0,0 +1,214 @@
+import type { Component } from '@nordcraft/core/dist/component/component.types'
+import { describe, expect, test } from 'bun:test'
+import { insertStyles } from './style'
+
+describe('insertStyles() - prefers-reduced-motion', () => {
+  test('it inserts styles with prefers-reduced-motion: reduce media query', () => {
+    const component: Component = {
+      name: 'TestComponent',
+      nodes: {
+        '0': {
+          type: 'element',
+          tag: 'div',
+          style: {
+            color: 'red',
+          },
+          variants: [
+            {
+              style: {
+                transition: 'none',
+                animation: 'none',
+              },
+              mediaQuery: {
+                'prefers-reduced-motion': 'reduce',
+              },
+            },
+          ],
+          children: [],
+          attrs: {},
+          events: {},
+        },
+      },
+    }
+
+    const parent = document.createElement('div')
+    insertStyles(parent, component, [])
+
+    const styleElement = parent.querySelector('[data-hash]')
+    expect(styleElement).toBeTruthy()
+
+    const styleText = styleElement?.textContent ?? ''
+
+    // Check that the media query for prefers-reduced-motion: reduce is present
+    expect(styleText).toContain('@media (prefers-reduced-motion: reduce)')
+
+    // Check that the variant styles are present
+    expect(styleText).toContain('transition:none')
+    expect(styleText).toContain('animation:none')
+  })
+
+  test('it inserts styles with prefers-reduced-motion: no-preference media query', () => {
+    const component: Component = {
+      name: 'TestComponent',
+      nodes: {
+        '0': {
+          type: 'element',
+          tag: 'div',
+          style: {},
+          variants: [
+            {
+              style: {
+                animation: 'fadeIn 1s',
+              },
+              mediaQuery: {
+                'prefers-reduced-motion': 'no-preference',
+              },
+            },
+          ],
+          children: [],
+          attrs: {},
+          events: {},
+        },
+      },
+    }
+
+    const parent = document.createElement('div')
+    insertStyles(parent, component, [])
+
+    const styleElement = parent.querySelector('[data-hash]')
+    expect(styleElement).toBeTruthy()
+
+    const styleText = styleElement?.textContent ?? ''
+
+    // Check that the media query for prefers-reduced-motion: no-preference is present
+    expect(styleText).toContain(
+      '@media (prefers-reduced-motion: no-preference)',
+    )
+
+    // Check that the animation property is present
+    expect(styleText).toContain('animation:fadeIn 1s')
+  })
+
+  test('it combines prefers-reduced-motion with other media queries', () => {
+    const component: Component = {
+      name: 'TestComponent',
+      nodes: {
+        '0': {
+          type: 'element',
+          tag: 'div',
+          style: {},
+          variants: [
+            {
+              style: {
+                fontSize: '14px',
+              },
+              mediaQuery: {
+                'prefers-reduced-motion': 'reduce',
+                'max-width': '768px',
+              },
+            },
+          ],
+          children: [],
+          attrs: {},
+          events: {},
+        },
+      },
+    }
+
+    const parent = document.createElement('div')
+    insertStyles(parent, component, [])
+
+    const styleElement = parent.querySelector('[data-hash]')
+    expect(styleElement).toBeTruthy()
+
+    const styleText = styleElement?.textContent ?? ''
+
+    // Should combine media queries with 'and'
+    expect(styleText).toMatch(
+      /@media \(prefers-reduced-motion: reduce\) and \(max-width: 768px\)/,
+    )
+  })
+
+  test('it handles multiple variants with different motion preferences', () => {
+    const component: Component = {
+      name: 'TestComponent',
+      nodes: {
+        '0': {
+          type: 'element',
+          tag: 'div',
+          style: {},
+          variants: [
+            {
+              style: { animation: 'none' },
+              mediaQuery: { 'prefers-reduced-motion': 'reduce' },
+            },
+            {
+              style: { animation: 'fadeIn 1s' },
+              mediaQuery: { 'prefers-reduced-motion': 'no-preference' },
+            },
+          ],
+          children: [],
+          attrs: {},
+          events: {},
+        },
+      },
+    }
+
+    const parent = document.createElement('div')
+    insertStyles(parent, component, [])
+
+    const styleElement = parent.querySelector('[data-hash]')
+    expect(styleElement).toBeTruthy()
+
+    const styleText = styleElement?.textContent ?? ''
+
+    // Check that both media queries are present
+    expect(styleText).toContain('@media (prefers-reduced-motion: reduce)')
+    expect(styleText).toContain(
+      '@media (prefers-reduced-motion: no-preference)',
+    )
+
+    // Check that both animation values are present
+    expect(styleText).toContain('animation:none')
+    expect(styleText).toContain('animation:fadeIn 1s')
+  })
+
+  test('it filters out null prefers-reduced-motion values', () => {
+    const component: Component = {
+      name: 'TestComponent',
+      nodes: {
+        '0': {
+          type: 'element',
+          tag: 'div',
+          style: {},
+          variants: [
+            {
+              style: { color: 'red' },
+              mediaQuery: {
+                'prefers-reduced-motion': null,
+                'max-width': '768px',
+              },
+            },
+          ],
+          children: [],
+          attrs: {},
+          events: {},
+        },
+      },
+    }
+
+    const parent = document.createElement('div')
+    insertStyles(parent, component, [])
+
+    const styleElement = parent.querySelector('[data-hash]')
+    expect(styleElement).toBeTruthy()
+
+    const styleText = styleElement?.textContent ?? ''
+
+    // null values should be filtered out
+    expect(styleText).not.toContain('prefers-reduced-motion: null')
+
+    // max-width should still be present
+    expect(styleText).toContain('max-width: 768px')
+  })
+})

package/src/styles/style.ts

@@ -11,6 +11,7 @@ import {
 import { kebabCase } from '@nordcraft/core/dist/styling/style.css'
 import { variantSelector } from '@nordcraft/core/dist/styling/variantSelector'
 import { omitKeys } from '@nordcraft/core/dist/utils/collections'
+import { isDefined } from '@nordcraft/core/dist/utils/util'
 
 const LEGACY_BREAKPOINTS = {
   large: 1440,
@@ -89,8 +90,8 @@ ${
           return variant.mediaQuery
             ? `
                 @media (${Object.entries(variant.mediaQuery)
+                  .filter(([_, value]) => isDefined(value))
                   .map(([key, value]) => `${key}: ${value}`)
-                  .filter(Boolean)
                   .join(') and (')}) {
                 ${renderedVariant}
                 }

package/src/types.d.ts

@@ -80,6 +80,9 @@ export interface ComponentContext {
       ctx: ComponentContext
     }
   >
+  stores: {
+    theme: Signal<string | null>
+  }
   toddle: Toddle<LocationSignal, PreviewShowSignal>
   env: ToddleEnv
 }

package/src/utils/getThemeSignal.ts

@@ -0,0 +1,66 @@
+import type {
+  Component,
+  ComponentData,
+} from '@nordcraft/core/dist/component/component.types'
+import {
+  applyFormula,
+  type ToddleEnv,
+} from '@nordcraft/core/dist/formula/formula'
+import { THEME_COOKIE_NAME } from '@nordcraft/core/dist/styling/theme.const'
+import { isDefined } from '@nordcraft/core/dist/utils/util'
+import { signal, type Signal } from '../signal/signal'
+
+export const getThemeSignal = (
+  component: Component,
+  dataSignal: Signal<ComponentData>,
+  env: ToddleEnv,
+) => {
+  const theme = component.route?.info?.theme
+  const themeFormula = theme?.formula
+  const dynamicTheme = themeFormula && themeFormula.type !== 'value'
+  if (dynamicTheme) {
+    const sig = dataSignal.map<string | null>(() =>
+      applyFormula(themeFormula, {
+        data: dataSignal.get(),
+        component,
+        root: document,
+        package: undefined,
+        toddle: window.toddle,
+        env,
+      }),
+    )
+
+    return sig
+  } else if (isDefined(themeFormula)) {
+    // Set static theme value
+    return signal<string | null>(themeFormula.value as string | null)
+  } else {
+    // This is the standard theme resolution logic, if not overridden:
+    // 1. Check for 'nc-theme' cookie
+    // 2. Default to null
+    //    2.1 No theme set explicitly will default to system preference
+    //    2.2 Default theme (or initial value) is handled in CSS
+    const initialThemeValue =
+      document.cookie
+        .split('; ')
+        .find((row) => row.startsWith(`${THEME_COOKIE_NAME}=`))
+        ?.split('=')[1] ?? null
+
+    const sig = signal<string | null>(initialThemeValue as string | null)
+    // Listen to cookie store API changes for 'nc-theme'
+    cookieStore.addEventListener('change', (event) => {
+      for (const change of event.changed) {
+        if (change.name === THEME_COOKIE_NAME) {
+          sig.set(change.value ?? null)
+        }
+      }
+      for (const removal of event.deleted) {
+        if (removal.name === THEME_COOKIE_NAME) {
+          sig.set(null)
+        }
+      }
+    })
+
+    return sig
+  }
+}

package/dist/api/apiUtils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"apiUtils.js","sourceRoot":"","sources":["../../src/api/apiUtils.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,GAAe,EAAuB,EAAE,CACrE,gBAAgB,IAAI,GAAG,CAAA"}

package/dist/api/createAPI.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"createAPI.js","sourceRoot":"","sources":["../../src/api/createAPI.ts"],"names":[],"mappings":"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"}