Using Hype Reactive Content to set (background)images

MaxZieb · September 8, 2022, 7:07pm

Yeah, this is possible since v1.1.6 element or as a shorthand $elm, see this update:

The code defining the execution context can be found on line 198 on the unminifed version. As you can see there the context consistent of all command found in hypeDocument plus element and $elm. Furthermore, the proxy resolves unknown variables to the scope (in this instance that is customData). Only keys found in window or the context can escape the proxy trap for unknown keys. By the way, the context is enforced using a with statement … and if you think this is a wild approach it is actually how VUE does it as well.

github.com

worldoptimizer/HypeReactiveContent/blob/a3b436cc9f4b97b31a29d6fdd19979a627bc2a8a/HypeReactiveContent.js#L198


      
          			return hypeDocument.triggerAction (code, { 
          				element: options.element, 
          				event: { type: options.type},
          				scope: scope,
          			});
          			
          		} else {
          			
          						
          			try {
          				let $context = new Proxy(Object.assign({
          					element: options.element,
          					$elm: options.element,
          				}, hypeDocument), {
          					set (target, key, val, receiver) {
          						if (!Reflect.get(target, key, receiver)) return Reflect.set(scope, key, val);
          						return Reflect.set(target, key, val, receiver);
          					},
          					get(target, key, receiver) {
          						var value = Reflect.get(target, key, receiver);
          						if (value) return value;