@symbo.ls/element 3.14.3 → 3.14.5

package/src/registry.js

@@ -1,79 +0,0 @@
-'use strict'
-
-// REGISTRY defines all framework-reserved property keys.
-// Any key NOT in this set that starts with uppercase is treated as a child element.
-
-export const REGISTRY = new Set([
-  // Extends/Inheritance
-  'extends',
-  // Children/Content
-  'children', 'content',
-  'childExtends',
-  'childExtendsRecursive',
-  'childProps', 'inheritParentProps',
-  // State
-  'state', 'if',
-  // Define
-  'define', 'deps',
-  // DOM
-  'tag', 'attr', 'style', 'text', 'html', 'value',
-  'data', 'classlist', 'class',
-  // Scope/Context
-  'scope', 'root', 'context',
-  // Routing/Fetching
-  '$router', 'routes', 'fetch',
-  // Meta
-  'variables', 'query', 'key',
-  'component', 'preventContentUpdate',
-  'preventContentRecreate',
-  // Internal
-  '__name', '__ref', '__hash', '__text',
-  'parent', 'node'
-])
-
-// Mixin handlers - these get special processing during create/update
-export const MIXINS = {
-  text: 'text',
-  html: 'html',
-  style: 'style',
-  attr: 'attr',
-  data: 'data',
-  classlist: 'classlist',
-  state: 'state',
-  scope: 'scope'
-}
-
-// Events that are lifecycle events (not DOM events)
-export const LIFECYCLE_EVENTS = new Set([
-  'start', 'init', 'complete', 'attachNode',
-  'stateInit', 'stateCreated',
-  'beforeUpdate', 'update', 'afterUpdate',
-  'beforeClassAssign', 'lazyLoad',
-  'render', 'renderRouter', 'done', 'create', 'frame',
-  'startUpdate', 'stateUpdate', 'beforeStateUpdate',
-  'initInspect', 'initSync', 'error',
-  'beforeRemove', 'remove'
-])
-
-// DOM events that block scroll performance unless registered `{ passive: true }`.
-// Chrome logs a "Added non-passive event listener to a scroll-blocking" warning
-// for each non-passive listener on these.
-export const PASSIVE_EVENTS = new Set([
-  'wheel', 'mousewheel',
-  'touchstart', 'touchmove', 'touchend', 'touchcancel'
-])
-
-// DOM events that should be delegated
-export const DELEGATED_EVENTS = new Set([
-  'click', 'dblclick', 'mousedown', 'mouseup', 'mousemove',
-  'mouseenter', 'mouseleave', 'mouseover', 'mouseout',
-  'pointerdown', 'pointerup', 'pointermove',
-  'pointerenter', 'pointerleave', 'pointerover', 'pointerout',
-  'touchstart', 'touchend', 'touchmove',
-  'keydown', 'keyup', 'keypress',
-  'input', 'change', 'submit', 'reset',
-  'focus', 'blur', 'focusin', 'focusout',
-  'scroll', 'wheel',
-  'contextmenu', 'drag', 'dragstart', 'dragend',
-  'dragenter', 'dragleave', 'dragover', 'drop'
-])

package/src/update.js

@@ -1,132 +0,0 @@
-'use strict'
-
-import { batch, isStore } from '@symbo.ls/signal'
-import { REGISTRY } from './registry.js'
-import { create } from './create.js'
-import { runPluginHook } from '@symbo.ls/utils/function.js'
-
-export function update(params = {}, opts = {}) {
-  const element = this
-  const ref = element.__ref
-  if (!ref) return
-
-  // Normalize string/number shorthand
-  if (typeof params === 'string' || typeof params === 'number') {
-    params = { text: params }
-  }
-
-  // Fire onBeforeUpdate (v3 syntax — directly on element)
-  if (!opts.preventListeners && typeof element.onBeforeUpdate === 'function') {
-    const result = element.onBeforeUpdate(element, element.state, element.context, opts)
-    if (result === false) return element
-  }
-
-  batch(() => {
-    // Update state if provided
-    if (params.state && isStore(element.state)) {
-      element.state.update(params.state)
-    }
-
-    // Update text
-    if (params.text !== undefined) {
-      element.text = params.text
-      if (!ref.__exec.text && element.node) {
-        if (element.tag === 'string') {
-          element.node.nodeValue = params.text ?? ''
-        } else {
-          element.node.textContent = params.text ?? ''
-        }
-      }
-    }
-
-    // Update html
-    if (params.html !== undefined) {
-      element.html = params.html
-      if (!ref.__exec.html && element.node) {
-        element.node.innerHTML = params.html
-      }
-    }
-
-    // Update style — mirrors applyStyles in create.js: write via setProperty
-    // with `important` priority so cascade resolves to the inline value
-    // even when the element carries atomic CSS classes for sibling static
-    // props. Plain `node.style[prop] = val` writes don't invalidate the
-    // cached cascade when the first-paint resolved to a different value.
-    if (params.style && element.node?.style) {
-      if (!ref.__exec.style) {
-        for (const prop in params.style) {
-          const val = params.style[prop]
-          if (val == null) continue
-          const cssProp = prop.replace(/[A-Z]/g, m => '-' + m.toLowerCase())
-          const str = String(val).replace(/\s*!important\s*$/, '')
-          element.node.style.setProperty(cssProp, str, 'important')
-        }
-      }
-      if (!element.style) element.style = {}
-      Object.assign(element.style, params.style)
-    }
-
-    if (params.attr && element.node?.setAttribute) {
-      for (const key in params.attr) {
-        const val = params.attr[key]
-        if (val == null || val === false) {
-          element.node.removeAttribute(key)
-        } else if (typeof val !== 'function' && typeof val !== 'object') {
-          element.node.setAttribute(key, val === true ? '' : val)
-        }
-      }
-      if (!element.attr) element.attr = {}
-      Object.assign(element.attr, params.attr)
-    }
-
-    if (params.data && element.node?.dataset) {
-      for (const key in params.data) {
-        element.node.dataset[key] = params.data[key]
-      }
-      if (!element.data) element.data = {}
-      Object.assign(element.data, params.data)
-    }
-
-    // Handle child element updates and property changes
-    for (const param in params) {
-      if (REGISTRY.has(param)) continue
-      if (param === 'state') continue
-
-      const childParams = params[param]
-      const child = element[param]
-
-      if (child && child.__ref && typeof child.update === 'function') {
-        // Existing child element — recursive update
-        child.update(childParams, opts)
-      } else if (typeof childParams === 'object' && childParams !== null) {
-        const firstChar = param.charCodeAt(0)
-        if (firstChar >= 65 && firstChar <= 90) {
-          // Uppercase key with object value — create new child element
-          create(childParams, element, param, opts)
-        }
-      } else if (param !== 'text' && param !== 'html' && param !== 'style' && param !== 'attr' && param !== 'data') {
-        // Primitive property update (e.g. name, icon, value)
-        // Set the property — if it has a reactive effect, the effect will re-run
-        element[param] = childParams
-      }
-    }
-  })
-
-  // Re-evaluate conditionals (.prop / !prop). Signal-driven predicates already
-  // re-fired via createEffect; this catches imperative updates to non-signal
-  // predicates (e.g. element.update({ isActive: true }) where isActive is a
-  // plain element prop, not a state field).
-  if (element.node && ref.__conditionalRunners) {
-    for (const run of ref.__conditionalRunners) run()
-  }
-
-  runPluginHook('update', element)
-
-  if (!opts.preventListeners && typeof element.onUpdate === 'function') {
-    element.onUpdate(element, element.state, element.context, opts)
-  }
-
-  return element
-}
-
-export default update