Function createAttrs

src/ext/component.js:98–124

Create an `attrs` proxy that lazily evaluates attribute strings as hyperscript in the parent scope

(componentEl)

    /** Create an `attrs` proxy that lazily evaluates attribute strings as hyperscript in the parent scope */
    function createAttrs(componentEl) {
        return new Proxy({ _hsSkipTracking: true }, {
            get: function(_, prop) {
                if (prop === '_hsSkipTracking') return true;
                if (typeof prop !== 'string' || prop.startsWith('_')) return undefined;
                var expr = parseArg(componentEl, prop);
                if (!expr) return undefined;
                var ctx = parentContext(componentEl);
                return ctx ? expr.evaluate(ctx) : undefined;
            },
            set: function(_, prop, value) {
                var expr = parseArg(componentEl, prop);
                if (!expr || !expr.set) return false;
                var ctx = parentContext(componentEl);
                if (!ctx) return false;
                var lhs = {};
                if (expr.lhs) {
                    for (var key in expr.lhs) {
                        var e = expr.lhs[key];
                        lhs[key] = e && e.evaluate ? e.evaluate(ctx) : e;
                    }
                }
                expr.set(ctx, lhs, value);
                return true;
            }
        });
    }

    function registerComponent(templateEl, componentScript) {
        const tagName = templateEl.getAttribute('component');