Function get

packages/react/src/bindings.ts:171–220

(target, property, receiver)

  const cachedClasses: Record<string, string> = {}
  const classes = new Proxy(cachedClasses as Record<PropertyKey, string>, {
    get(target, property, receiver) {
      if (!node) return ''
      let className = Reflect.get(target, property, receiver)
      if (!className && typeof property === 'string') {
        if (!has(target, property)) {
          const observedNode = createObserver(node)
          let initialized = false
          observedNode.watch((observed) => {
            const rootClasses =
              typeof observed.config.rootClasses === 'function'
                ? observed.config.rootClasses(property, observed)
                : {}
            const globalConfigClasses = observed.config.classes
              ? createClasses(
                  property,
                  observed,
                  observed.config.classes[property]
                )
              : {}
            const classesPropClasses = createClasses(
              property,
              observed,
              observed.props[`_${property}Class`]
            )
            const sectionPropClasses = createClasses(
              property,
              observed,
              observed.props[`${property}Class`]
            )
            const generatedClassName =
              generateClassList(
                observed,
                property,
                rootClasses,
                globalConfigClasses,
                classesPropClasses,
                sectionPropClasses
              ) ?? ''
            className = generatedClassName
            target[property] = generatedClassName
            if (initialized) {
              notifyReactiveStore(context)
            } else {
              initialized = true
            }
          })
        }
      }
      return className ?? ''
    },
  })

  let committedValue = node.value