feat: #232 Signals based JSX compilation (prototype)

[thescientist13]

Related Issue

resolves #232

Summary of Changes

1. renamed getValue -> static parseAttribute
2. Signals based JSX transformation for inferredObservability
3. Adds querySelector and querySelectorAll DOM shim methods (address part of expand (no-op) support of DOM shim for DOM traversal methods #37 )
4. Updated / cleaned up sandbox page examples

TODO

1. Get basic Signals example working
2. Implement "shallow" effect based reactivity
   • How to do query selecting / templating?
   • attributes
   • multiple different tags
   • multiple same tags
   • top level tag text / attribute based reactivity
3. implement deeply nested reactivity - support depthful reactivity for JSX + Signals and efficient effects grouping (MVP) #256
4. validate SSR (how do we ignore effects?)
5. restore full sandbox / test cases (and refactor for Signals)
6. Runtime handling / bundling (e.g. polyfill, effect, compiler flag?)
   • do we even need the _wcc template tag? - no longer needed, just need to refactor parseAttributes a bit
   • Signal - defer to userland
   • effect - autogenerated and will require an import map
7. Ignore computeds for reflecting attributes to properties
8. Downstream testing
   • counter - feat: signals based reactivity thescientist13/greenwood-counter-jsx#7
   • Greenwood plugin updates (Signal / effect runtime injection) - feature(plugins): support wcc signals in import jsx plugin greenwood#1667
9. Clean up effects / disconnectedCallback
10. Types / TypeScript support
11. address all TODO items / clean up console logs
12. Docs
    • import map for Signal polyfill / effect runtime imports
    • Relationship between template (effects) + constructor members (observed attributes / signals vs computeds)
    • reinforce one component definition per file (e.g. export default)
    • refresh regular JSX docs
    • nod to svelte / solid / Lit / Stencil
    • polyfill / effect / runtime
    • querySelector / querySelectorAll DOM shims
13. Update website (home page)

---

1. clean up .includes(name)? (nice to have / GFI) - - part of the update function, which is getting removed
2. Rename the inferredObservability export? - not a big deal
3. Strip inferred observability boolean (nice to have / GFI) - remove inferredObservability export const from compiled JSX output #257
4. How to do loops / rich data? (own PR) - not now, tracking in JSX Syntax Enhancements and Features #84
5. handle local Greenwood overrides (e.g. reference local version of WCC when building the docs website #235 ) - won't do now

[netlify]

❌ Deploy Preview for merry-caramel-524e61 failed.

Name	Link
🔨 Latest commit	c7fd576
🔍 Latest deploy log	https://app.netlify.com/projects/merry-caramel-524e61/deploys/698795e9abb6c700087255df