npm - @symbo.ls/brender - Versions diffs - 3.6.7 → 3.6.8 - Mend

@symbo.ls/brender 3.6.7 → 3.6.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/env.js CHANGED Viewed

@@ -2,12 +2,12 @@ import { parseHTML } from 'linkedom'
 /**
  * Creates a virtual DOM environment for server-side rendering.
- * Returns window and document that DomQL can use as context.
+ * Returns window and document that DOMQL can use as context.
  */
 export const createEnv = (html = '<!DOCTYPE html><html><head></head><body></body></html>') => {
   const { window, document } = parseHTML(html)
-  // Stub APIs that DomQL/smbls may call during rendering
+  // Stub APIs that DOMQL/smbls may call during rendering
   if (!window.requestAnimationFrame) {
     window.requestAnimationFrame = (fn) => setTimeout(fn, 0)
   }

package/hydrate.js CHANGED Viewed

@@ -1,10 +1,10 @@
 /**
  * Client-side hydration — reconnects pre-rendered HTML (with data-br keys)
- * to a live DomQL element tree, attaches events, and fires lifecycle hooks.
+ * to a live DOMQL element tree, attaches events, and fires lifecycle hooks.
  *
- * After hydration the DomQL tree owns every DOM node:
+ * After hydration the DOMQL tree owns every DOM node:
  * - el.node points to the real DOM element
- * - node.ref points back to the DomQL element
+ * - node.ref points back to the DOMQL element
  * - CSS classes are generated via emotion and applied
  * - DOM events (click, input, etc.) are bound
  * - on.render / on.renderRouter callbacks fire
@@ -25,11 +25,11 @@ export const collectBrNodes = (root) => {
 }
 /**
- * Walks a DomQL element tree that was created with onlyResolveExtends.
+ * Walks a DOMQL element tree that was created with onlyResolveExtends.
  * For each element with a __brKey, attaches the matching real DOM node,
  * renders CSS via emotion, binds DOM events, and fires lifecycle hooks.
  *
- * @param {object} element - Root DomQL element (from create with onlyResolveExtends)
+ * @param {object} element - Root DOMQL element (from create with onlyResolveExtends)
  * @param {object} [options]
  * @param {Element} [options.root] - Root DOM element to scan for data-br nodes
  * @param {boolean} [options.events=true] - Attach DOM events (click, input, etc.)
@@ -134,7 +134,7 @@ const renderCSS = (el, emotion, colorMap, mediaMap) => {
       continue
     }
-    // Resolve DomQL shorthands (flexAlign, round, boxSize, etc.)
+    // Resolve DOMQL shorthands (flexAlign, round, boxSize, etc.)
     const expanded = resolveShorthand(key, val)
     if (expanded) {
       for (const ek in expanded) {
@@ -263,7 +263,7 @@ const getExtendsCSS = (el) => {
   return null
 }
-// DomQL shorthand props that expand to multiple CSS properties
+// DOMQL shorthand props that expand to multiple CSS properties
 const resolveShorthand = (key, val) => {
   if (typeof val === 'undefined' || val === null) return null
@@ -438,7 +438,7 @@ const addListener = (node, eventName, handler, el) => {
 /**
  * Walks the tree and fires on.render, on.renderRouter, on.done, on.create
- * lifecycle events — the same ones that fire during normal DomQL create.
+ * lifecycle events — the same ones that fire during normal DOMQL create.
  */
 const fireLifecycle = (el) => {
   if (!el || !el.__ref || !el.node) return

package/keys.js CHANGED Viewed

@@ -6,7 +6,7 @@ export const resetKeys = () => {
 /**
  * Recursively assigns `data-br` attributes to all element nodes.
- * These keys allow qsql to remap static HTML back onto DomQL elements.
+ * These keys allow qsql to remap static HTML back onto DOMQL elements.
  */
 export const assignKeys = (node) => {
   if (!node) return
@@ -25,8 +25,8 @@ export const assignKeys = (node) => {
 }
 /**
- * Walks a DomQL element tree and builds a registry
- * mapping data-br keys to DomQL elements.
+ * Walks a DOMQL element tree and builds a registry
+ * mapping data-br keys to DOMQL elements.
  */
 export const mapKeysToElements = (element, registry = {}) => {
   if (!element) return registry

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@symbo.ls/brender",
-  "version": "3.6.7",
+  "version": "3.6.8",
   "license": "CC-BY-NC-4.0",
   "type": "module",
   "module": "./dist/esm/index.js",
@@ -36,7 +36,7 @@
     "dev:rita": "node examples/serve-rita.js"
   },
   "dependencies": {
-    "@symbo.ls/helmet": "^3.6.7",
+    "@symbo.ls/helmet": "^3.6.8",
     "linkedom": "^0.16.8"
   },
   "devDependencies": {

package/render.js CHANGED Viewed

@@ -291,10 +291,10 @@ const UIKIT_STUBS = {
 }
 /**
- * Renders a Symbols/DomQL project to HTML on the server.
+ * Renders a Symbols/DOMQL project to HTML on the server.
  *
  * Accepts project data as a plain object (matching what ProjectDataService provides)
- * or as a pre-loaded smbls context. Runs DomQL in a linkedom virtual DOM,
+ * or as a pre-loaded smbls context. Runs DOMQL in a linkedom virtual DOM,
  * assigns data-br keys for hydration, and extracts page metadata for SEO.
  *
  * @param {object} data - Project data object with: pages, components, designSystem,
@@ -456,12 +456,12 @@ export const render = async (data, options = {}) => {
 }
 /**
- * Renders a single DomQL element definition to HTML.
+ * Renders a single DOMQL element definition to HTML.
  * Useful for rendering individual components without a full project.
  *
- * @param {object} elementDef - DomQL element definition
+ * @param {object} elementDef - DOMQL element definition
  * @param {object} [options]
- * @param {object} [options.context] - DomQL context (components, designSystem, etc.)
+ * @param {object} [options.context] - DOMQL context (components, designSystem, etc.)
  * @returns {Promise<{ html: string, registry: object, element: object }>}
  */
 export const renderElement = async (elementDef, options = {}) => {