diff options
Diffstat (limited to 'integration/bunjs-only-snippets/solid-dom-fixtures/components')
3 files changed, 0 insertions, 809 deletions
diff --git a/integration/bunjs-only-snippets/solid-dom-fixtures/components/code.js b/integration/bunjs-only-snippets/solid-dom-fixtures/components/code.js deleted file mode 100644 index f3bd159d6..000000000 --- a/integration/bunjs-only-snippets/solid-dom-fixtures/components/code.js +++ /dev/null @@ -1,161 +0,0 @@ -import { Show } from "somewhere"; - -const Child = (props) => { - const [s, set] = createSignal(); - return ( - <> - <div ref={props.ref}>Hello {props.name}</div> - <div ref={set}>{props.children}</div> - </> - ); -}; - -const template = (props) => { - let childRef; - const { content } = props; - return ( - <div> - <Child name="John" {...props} ref={childRef} booleanProperty> - <div>From Parent</div> - </Child> - <Child name="Jason" {...dynamicSpread()} ref={props.ref}> - {/* Comment Node */} - <div>{content}</div> - </Child> - <Context.Consumer ref={props.consumerRef()}> - {(context) => context} - </Context.Consumer> - </div> - ); -}; - -const template2 = ( - <Child - name="Jake" - dynamic={state.data} - stale={/*@once*/ state.data} - handleClick={clickHandler} - hyphen-ated={state.data} - ref={(el) => (e = el)} - /> -); - -const template3 = ( - <Child> - <div /> - <div /> - <div /> - After - </Child> -); - -const [s, set] = createSignal(); -const template4 = <Child ref={set}>{<div />}</Child>; - -const template5 = <Child dynamic={state.dynamic}>{state.dynamic}</Child>; - -// builtIns -const template6 = ( - <For each={state.list} fallback={<Loading />}> - {(item) => <Show when={state.condition}>{item}</Show>} - </For> -); - -const template7 = ( - <Child> - <div /> - {state.dynamic} - </Child> -); - -const template8 = ( - <Child> - {(item) => item} - {(item) => item} - </Child> -); - -const template9 = <_garbage>Hi</_garbage>; - -const template10 = ( - <div> - <Link>new</Link> - {" | "} - <Link>comments</Link> - {" | "} - <Link>show</Link> - {" | "} - <Link>ask</Link> - {" | "} - <Link>jobs</Link> - {" | "} - <Link>submit</Link> - </div> -); - -const template11 = ( - <div> - <Link>new</Link> - {" | "} - <Link>comments</Link> - <Link>show</Link> - {" | "} - <Link>ask</Link> - <Link>jobs</Link> - {" | "} - <Link>submit</Link> - </div> -); - -const template12 = ( - <div> - {" | "} - <Link>comments</Link> - {" | "} - {" | "} - {" | "} - <Link>show</Link> - {" | "} - </div> -); - -class Template13 { - render() { - <Component prop={this.something} onClick={() => this.shouldStay}> - <Nested prop={this.data}>{this.content}</Nested> - </Component>; - } -} - -const Template14 = <Component>{data()}</Component>; - -const Template15 = <Component {...props} />; - -const Template16 = <Component something={something} {...props} />; - -const Template17 = ( - <Pre> - <span>1</span> <span>2</span> <span>3</span> - </Pre> -); -const Template18 = ( - <Pre> - <span>1</span> - <span>2</span> - <span>3</span> - </Pre> -); - -const Template19 = <Component {...s.dynamic()} />; - -const Template20 = <Component class={prop.red ? "red" : "green"} />; - -const template21 = ( - <Component - {...{ - get [key()]() { - return props.value; - }, - }} - /> -); diff --git a/integration/bunjs-only-snippets/solid-dom-fixtures/components/output.bun.js b/integration/bunjs-only-snippets/solid-dom-fixtures/components/output.bun.js deleted file mode 100644 index 5ab4d5614..000000000 --- a/integration/bunjs-only-snippets/solid-dom-fixtures/components/output.bun.js +++ /dev/null @@ -1,205 +0,0 @@ -var _tmpl = _template$("<div><div>From Parent</div><div</div></div>", 9), _tmpl$1 = _template$("<div> | | | | | </div>", 8), _tmpl$2 = _template$("<div> | | | </div>", 8); -import {Show} from "somewhere"; -const Child = (props) => { - const [s, set] = createSignal(); - return ; -}; -const template = (props) => { - let childRef; - const { content } = props; - return () => { - var _tmpl = _tmpl.cloneNode(true); - insert(_tmpl, createComponent(Child, { - name: "John", - ref: childRef, - booleanProperty: true - }), null); - insert(_tmpl, content, null); - insert(_tmpl, createComponent(Child, { - name: "Jason", - ref: props.ref - }), null); - insert(_tmpl, createComponent(Context.Consumer, { - ref: props.consumerRef(), - get children: [ - (context) => context - ] - }), null); - return _tmpl; - }; -}; -const template2 = createComponent(Child, { - name: "Jake", - dynamic: state.data, - stale: state.data, - handleClick: clickHandler, - "hyphen-ated": state.data, - get ref: () => { - return (el) => e = el; - } -}); -const template3 = createComponent(Child, { - get children: [ - "After" - ] -}); -const [s, set] = createSignal(); -const template4 = createComponent(Child, { - ref: set -}); -const template5 = createComponent(Child, { - dynamic: state.dynamic, - get children: [ - state.dynamic - ] -}); -const template6 = createComponent(For, { - each: state.list, - fallback: , - get children: [ - (item) => createComponent(Show, { - when: state.condition, - get children: [ - item - ] - }) - ] -}); -const template7 = createComponent(Child, { - get children: [ - state.dynamic - ] -}); -const template8 = createComponent(Child, { - get children: [ - (item) => item, - (item) => item - ] -}); -const template9 = createComponent(_garbage, { - get children: [ - "Hi" - ] -}); -const template10 = () => { - var _tmpl$1 = _tmpl$1.cloneNode(true); - insert(_tmpl$1, createComponent(Link, { - get children: [ - "new" - ] - }), null); - insert(_tmpl$1, createComponent(Link, { - get children: [ - "comments" - ] - }), null); - insert(_tmpl$1, createComponent(Link, { - get children: [ - "show" - ] - }), null); - insert(_tmpl$1, createComponent(Link, { - get children: [ - "ask" - ] - }), null); - insert(_tmpl$1, createComponent(Link, { - get children: [ - "jobs" - ] - }), null); - insert(_tmpl$1, createComponent(Link, { - get children: [ - "submit" - ] - }), null); - return _tmpl$1; -}; -const template11 = () => { - var _tmpl$2 = _tmpl$2.cloneNode(true); - insert(_tmpl$2, createComponent(Link, { - get children: [ - "new" - ] - }), null); - insert(_tmpl$2, createComponent(Link, { - get children: [ - "comments" - ] - }), null); - insert(_tmpl$2, createComponent(Link, { - get children: [ - "show" - ] - }), null); - insert(_tmpl$2, createComponent(Link, { - get children: [ - "ask" - ] - }), null); - insert(_tmpl$2, createComponent(Link, { - get children: [ - "jobs" - ] - }), null); - insert(_tmpl$2, createComponent(Link, { - get children: [ - "submit" - ] - }), null); - return _tmpl$2; -}; -const template12 = () => { - var _tmpl$1 = _tmpl$1.cloneNode(true); - insert(_tmpl$1, createComponent(Link, { - get children: [ - "comments" - ] - }), null); - insert(_tmpl$1, createComponent(Link, { - get children: [ - "show" - ] - }), null); - return _tmpl$1; -}; - -class Template13 { - render() { - createComponent(Component, { - prop: this.something, - get onClick: () => { - return () => this.shouldStay; - }, - get children: [ - createComponent(Nested, { - prop: this.data, - get children: [ - this.content - ] - }) - ] - }); - } -} -const Template14 = createComponent(Component, { - get children: [ - data() - ] -}); -const Template15 = createComponent(Component, {}); -const Template16 = createComponent(Component, { - something -}); -const Template17 = createComponent(Pre, { - get children: [ - " ", - " " - ] -}); -const Template18 = createComponent(Pre, {}); -const Template19 = createComponent(Component, {}); -const Template20 = createComponent(Component, { - class: prop.red ? "red" : "green" -}); -const template21 = createComponent(Component, {}); diff --git a/integration/bunjs-only-snippets/solid-dom-fixtures/components/output.js b/integration/bunjs-only-snippets/solid-dom-fixtures/components/output.js deleted file mode 100644 index 0c49d60a3..000000000 --- a/integration/bunjs-only-snippets/solid-dom-fixtures/components/output.js +++ /dev/null @@ -1,443 +0,0 @@ -import { template as _$template } from "r-dom"; -import { memo as _$memo } from "r-dom"; -import { For as _$For } from "r-dom"; -import { createComponent as _$createComponent } from "r-dom"; -import { mergeProps as _$mergeProps } from "r-dom"; -import { insert as _$insert } from "r-dom"; - -const _tmpl$ = /*#__PURE__*/ _$template(`<div>Hello </div>`, 2), - _tmpl$2 = /*#__PURE__*/ _$template(`<div></div>`, 2), - _tmpl$3 = /*#__PURE__*/ _$template(`<div>From Parent</div>`, 2), - _tmpl$4 = /*#__PURE__*/ _$template( - `<div> | <!> | <!> | <!> | <!> | </div>`, - 6 - ), - _tmpl$5 = /*#__PURE__*/ _$template(`<div> | <!> | <!> | </div>`, 4), - _tmpl$6 = /*#__PURE__*/ _$template(`<div> | <!> | | | <!> | </div>`, 4), - _tmpl$7 = /*#__PURE__*/ _$template(`<span>1</span>`, 2), - _tmpl$8 = /*#__PURE__*/ _$template(`<span>2</span>`, 2), - _tmpl$9 = /*#__PURE__*/ _$template(`<span>3</span>`, 2); - -import { Show } from "somewhere"; - -const Child = (props) => { - const [s, set] = createSignal(); - return [ - (() => { - const _el$ = _tmpl$.cloneNode(true), - _el$2 = _el$.firstChild; - - const _ref$ = props.ref; - typeof _ref$ === "function" ? _ref$(_el$) : (props.ref = _el$); - - _$insert(_el$, () => props.name, null); - - return _el$; - })(), - (() => { - const _el$3 = _tmpl$2.cloneNode(true); - - set(_el$3); - - _$insert(_el$3, () => props.children); - - return _el$3; - })(), - ]; -}; - -const template = (props) => { - let childRef; - const { content } = props; - return (() => { - const _el$4 = _tmpl$2.cloneNode(true); - - _$insert( - _el$4, - _$createComponent( - Child, - _$mergeProps( - { - name: "John", - }, - props, - { - ref(r$) { - const _ref$2 = childRef; - typeof _ref$2 === "function" ? _ref$2(r$) : (childRef = r$); - }, - - booleanProperty: true, - - get children() { - return _tmpl$3.cloneNode(true); - }, - } - ) - ), - null - ); - - _$insert( - _el$4, - _$createComponent( - Child, - _$mergeProps( - { - name: "Jason", - }, - dynamicSpread, - { - ref(r$) { - const _ref$3 = props.ref; - typeof _ref$3 === "function" ? _ref$3(r$) : (props.ref = r$); - }, - - get children() { - const _el$6 = _tmpl$2.cloneNode(true); - - _$insert(_el$6, content); - - return _el$6; - }, - } - ) - ), - null - ); - - _$insert( - _el$4, - _$createComponent(Context.Consumer, { - ref(r$) { - const _ref$4 = props.consumerRef(); - - typeof _ref$4 === "function" && _ref$4(r$); - }, - - children: (context) => context, - }), - null - ); - - return _el$4; - })(); -}; - -const template2 = _$createComponent(Child, { - name: "Jake", - - get dynamic() { - return state.data; - }, - - stale: state.data, - handleClick: clickHandler, - - get ["hyphen-ated"]() { - return state.data; - }, - - ref: (el) => (e = el), -}); - -const template3 = _$createComponent(Child, { - get children() { - return [ - _tmpl$2.cloneNode(true), - _tmpl$2.cloneNode(true), - _tmpl$2.cloneNode(true), - "After", - ]; - }, -}); - -const [s, set] = createSignal(); - -const template4 = _$createComponent(Child, { - ref: set, - - get children() { - return _tmpl$2.cloneNode(true); - }, -}); - -const template5 = _$createComponent(Child, { - get dynamic() { - return state.dynamic; - }, - - get children() { - return state.dynamic; - }, -}); // builtIns - -const template6 = _$createComponent(_$For, { - get each() { - return state.list; - }, - - get fallback() { - return _$createComponent(Loading, {}); - }, - - children: (item) => - _$createComponent(Show, { - get when() { - return state.condition; - }, - - children: item, - }), -}); - -const template7 = _$createComponent(Child, { - get children() { - return [_tmpl$2.cloneNode(true), _$memo(() => state.dynamic)]; - }, -}); - -const template8 = _$createComponent(Child, { - get children() { - return [(item) => item, (item) => item]; - }, -}); - -const template9 = _$createComponent(_garbage, { - children: "Hi", -}); - -const template10 = (() => { - const _el$12 = _tmpl$4.cloneNode(true), - _el$13 = _el$12.firstChild, - _el$18 = _el$13.nextSibling, - _el$14 = _el$18.nextSibling, - _el$19 = _el$14.nextSibling, - _el$15 = _el$19.nextSibling, - _el$20 = _el$15.nextSibling, - _el$16 = _el$20.nextSibling, - _el$21 = _el$16.nextSibling, - _el$17 = _el$21.nextSibling; - - _$insert( - _el$12, - _$createComponent(Link, { - children: "new", - }), - _el$13 - ); - - _$insert( - _el$12, - _$createComponent(Link, { - children: "comments", - }), - _el$18 - ); - - _$insert( - _el$12, - _$createComponent(Link, { - children: "show", - }), - _el$19 - ); - - _$insert( - _el$12, - _$createComponent(Link, { - children: "ask", - }), - _el$20 - ); - - _$insert( - _el$12, - _$createComponent(Link, { - children: "jobs", - }), - _el$21 - ); - - _$insert( - _el$12, - _$createComponent(Link, { - children: "submit", - }), - null - ); - - return _el$12; -})(); - -const template11 = (() => { - const _el$22 = _tmpl$5.cloneNode(true), - _el$23 = _el$22.firstChild, - _el$26 = _el$23.nextSibling, - _el$24 = _el$26.nextSibling, - _el$27 = _el$24.nextSibling, - _el$25 = _el$27.nextSibling; - - _$insert( - _el$22, - _$createComponent(Link, { - children: "new", - }), - _el$23 - ); - - _$insert( - _el$22, - _$createComponent(Link, { - children: "comments", - }), - _el$26 - ); - - _$insert( - _el$22, - _$createComponent(Link, { - children: "show", - }), - _el$26 - ); - - _$insert( - _el$22, - _$createComponent(Link, { - children: "ask", - }), - _el$27 - ); - - _$insert( - _el$22, - _$createComponent(Link, { - children: "jobs", - }), - _el$27 - ); - - _$insert( - _el$22, - _$createComponent(Link, { - children: "submit", - }), - null - ); - - return _el$22; -})(); - -const template12 = (() => { - const _el$28 = _tmpl$6.cloneNode(true), - _el$29 = _el$28.firstChild, - _el$34 = _el$29.nextSibling, - _el$30 = _el$34.nextSibling, - _el$35 = _el$30.nextSibling, - _el$33 = _el$35.nextSibling; - - _$insert( - _el$28, - _$createComponent(Link, { - children: "comments", - }), - _el$34 - ); - - _$insert( - _el$28, - _$createComponent(Link, { - children: "show", - }), - _el$35 - ); - - return _el$28; -})(); - -class Template13 { - render() { - const _self$ = this; - - _$createComponent(Component, { - get prop() { - return _self$.something; - }, - - onClick: () => _self$.shouldStay, - - get children() { - return _$createComponent(Nested, { - get prop() { - return _self$.data; - }, - - get children() { - return _self$.content; - }, - }); - }, - }); - } -} - -const Template14 = _$createComponent(Component, { - get children() { - return data(); - }, -}); - -const Template15 = _$createComponent(Component, props); - -const Template16 = _$createComponent( - Component, - _$mergeProps( - { - something: something, - }, - props - ) -); - -const Template17 = _$createComponent(Pre, { - get children() { - return [ - _tmpl$7.cloneNode(true), - " ", - _tmpl$8.cloneNode(true), - " ", - _tmpl$9.cloneNode(true), - ]; - }, -}); - -const Template18 = _$createComponent(Pre, { - get children() { - return [ - _tmpl$7.cloneNode(true), - _tmpl$8.cloneNode(true), - _tmpl$9.cloneNode(true), - ]; - }, -}); - -const Template19 = _$createComponent( - Component, - _$mergeProps(() => s.dynamic()) -); - -const Template20 = _$createComponent(Component, { - get ["class"]() { - return prop.red ? "red" : "green"; - }, -}); - -const template21 = _$createComponent( - Component, - _$mergeProps(() => ({ - get [key()]() { - return props.value; - }, - })) -); |