@builder.io/mitosis 0.0.50-6 → 0.0.50

package/dist/test/qwik/todo/Todo.cjs/med.cjs

@@ -1,71 +1,48 @@
-const component = require("@builder.io/qwik").component;
-const createStore = require("@builder.io/qwik").createStore;
+const componentQrl = require("@builder.io/qwik").componentQrl;
 const h = require("@builder.io/qwik").h;
 const qrl = require("@builder.io/qwik").qrl;
 const useLexicalScope = require("@builder.io/qwik").useLexicalScope;
-
-
-exports.__merge = function __merge(state,props,create){if(create === void 0){create = false;}for(var key in props){if(key.indexOf(':')==-1 && !key.startsWith('__')&& Object.prototype.hasOwnProperty.call(props,key)){state[key] = props[key];}}if(create && typeof __STATE__ == 'object' && props.serverStateId){Object.assign(state,__STATE__[props.serverStateId]);}return state;};
-exports.Todo_onMount = (__props__) => {
-  const __state__ = createStore({});
-  const state = exports.__merge(__state__, __props__,true);
-  ;
-  return qrl("./med.js", "Todo_onRender", [__props__,__state__]);
+exports.Todo_onMount = (state) => {
+  typeof __STATE__ === "object" &&
+    Object.assign(state, __STATE__[state.serverStateId]);
+  return qrl("./med.js", "Todo_onRender", [state]);
 };
-exports.Todo = component(qrl("./med.js", "Todo_onMount", []));
-
+exports.Todo = componentQrl(qrl("./med.js", "Todo_onMount", []));
 exports.Todo_onRender = () => {
-  const __scope__ = useLexicalScope();
-  const __props__ = __scope__[0];
-  const __state__ = __scope__[1];
-  const state = exports.__merge(__state__, __props__);
-  ;
-  return (
+  const state = useLexicalScope()[0];
+  return h(
+    "li",
+    {
+      class: `${props.todo.completed ? "completed" : ""} ${
+        state.editing ? "editing" : ""
+      }`,
+    },
     h(
-      "li",
-      {
-        class: `${props.todo.completed ? 'completed' : ''} ${state.editing ? 'editing' : ''}`
-      },
+      "div",
+      { class: "view" },
+      h("input", {
+        type: "checkbox",
+        class: "toggle",
+        checked: props.todo.completed,
+        onClickQrl: qrl("./high.js", "Todo_onClick_0", [state]),
+      }),
       h(
-        "div",
-        {
-          class: "view"
-        },
-        h(
-          "input",
-          {
-            type: "checkbox",
-            class: "toggle",
-            checked: props.todo.completed,
-            "on:click": qrl("./high.js", "Todo_onClick_0", [__props__, __state__])
-          }
-        ),
-        h(
-          "label",
-          {
-            "on:dblclick": qrl("./high.js", "Todo_onDblClick_1", [__props__, __state__])
-          },
-          props.todo.text
-        ),
-        h(
-          "button",
-          {
-            class: "destroy",
-            "on:click": qrl("./high.js", "Todo_onClick_2", [__props__, __state__])
-          }
-        )
+        "label",
+        { onDblClickQrl: qrl("./high.js", "Todo_onDblClick_1", [state]) },
+        props.todo.text
       ),
-      state.editing ?
-        h(
-          "input",
-          {
-            class: "edit",
-            value: props.todo.text,
-            "on:blur": qrl("./high.js", "Todo_onBlur_3", [__props__, __state__]),
-            "on:keyup": qrl("./high.js", "Todo_onKeyUp_4", [__props__, __state__])
-          }
-        )
-        : null
-    )
+      h("button", {
+        class: "destroy",
+        onClickQrl: qrl("./high.js", "Todo_onClick_2", [state]),
+      })
+    ),
+    state.editing
+      ? h("input", {
+          class: "edit",
+          value: props.todo.text,
+          onBlurQrl: qrl("./high.js", "Todo_onBlur_3", [state]),
+          onKeyUpQrl: qrl("./high.js", "Todo_onKeyUp_4", [state]),
+        })
+      : null
   );
 };

package/dist/test/qwik/todo/Todo.js/high.js

@@ -1,5 +1,22 @@
-import{__merge}from"./med.js";import{useEvent,useLexicalScope}from"@builder.io/qwik";export const Todo_onClick_0=()=>{const __scope__=useLexicalScope();const __props__=__scope__[0];const __state__=__scope__[1];const state=__merge(__state__,__props__);;
-  state.toggle();};export const Todo_onDblClick_1=()=>{const __scope__=useLexicalScope();const __props__=__scope__[0];const __state__=__scope__[1];const state=__merge(__state__,__props__);;
-  state.editing = true;};export const Todo_onClick_2=()=>{const __scope__=useLexicalScope();const __props__=__scope__[0];const __state__=__scope__[1];const state=__merge(__state__,__props__);;
-  todosState.todos.splice(todosState.todos.indexOf(props.todo));};export const Todo_onBlur_3=()=>{const __scope__=useLexicalScope();const __props__=__scope__[0];const __state__=__scope__[1];const state=__merge(__state__,__props__);;
-  state.editing = false;};export const Todo_onKeyUp_4=()=>{const __scope__=useLexicalScope();const __props__=__scope__[0];const __state__=__scope__[1];const state=__merge(__state__,__props__);;{const event=useEvent();props.todo.text = event.target.value}};
+import { useEvent, useLexicalScope } from "@builder.io/qwik";
+export const Todo_onClick_0 = () => {
+  const state = useLexicalScope()[0];
+  state.toggle();
+};
+export const Todo_onDblClick_1 = () => {
+  const state = useLexicalScope()[0];
+  state.editing = true;
+};
+export const Todo_onClick_2 = () => {
+  todosState.todos.splice(todosState.todos.indexOf(props.todo));
+};
+export const Todo_onBlur_3 = () => {
+  const state = useLexicalScope()[0];
+  state.editing = false;
+};
+export const Todo_onKeyUp_4 = () => {
+  {
+    const event = useEvent();
+    props.todo.text = event.target.value;
+  }
+};

package/dist/test/qwik/todo/Todo.js/med.js

@@ -1 +1,45 @@
-import{component,createStore,h,qrl,useLexicalScope}from"@builder.io/qwik";export const __merge=function __merge(state,props,create){if(create === void 0){create = false;}for(var key in props){if(key.indexOf(':')==-1 && !key.startsWith('__')&& Object.prototype.hasOwnProperty.call(props,key)){state[key] = props[key];}}if(create && typeof __STATE__ == 'object' && props.serverStateId){Object.assign(state,__STATE__[props.serverStateId]);}return state;};export const Todo_onMount=(__props__)=>{const __state__=createStore({});const state=__merge(__state__,__props__,true);;return qrl("./med.js","Todo_onRender",[__props__,__state__]);};export const Todo=component(qrl("./med.js","Todo_onMount",[]));export const Todo_onRender=()=>{const __scope__=useLexicalScope();const __props__=__scope__[0];const __state__=__scope__[1];const state=__merge(__state__,__props__);;return (h("li",{class:`${props.todo.completed ? 'completed' : ''} ${state.editing ? 'editing' : ''}`},h("div",{class:"view"},h("input",{type:"checkbox",class:"toggle",checked:props.todo.completed,"on:click":qrl("./high.js","Todo_onClick_0",[__props__, __state__])}),h("label",{"on:dblclick":qrl("./high.js","Todo_onDblClick_1",[__props__, __state__])},props.todo.text),h("button",{class:"destroy","on:click":qrl("./high.js","Todo_onClick_2",[__props__, __state__])})),state.editing?h("input",{class:"edit",value:props.todo.text,"on:blur":qrl("./high.js","Todo_onBlur_3",[__props__, __state__]),"on:keyup":qrl("./high.js","Todo_onKeyUp_4",[__props__, __state__])}):null));};
+import { componentQrl, h, qrl, useLexicalScope } from "@builder.io/qwik";
+export const Todo_onMount = (state) => {
+  typeof __STATE__ === "object" &&
+    Object.assign(state, __STATE__[state.serverStateId]);
+  return qrl("./med.js", "Todo_onRender", [state]);
+};
+export const Todo = componentQrl(qrl("./med.js", "Todo_onMount", []));
+export const Todo_onRender = () => {
+  const state = useLexicalScope()[0];
+  return h(
+    "li",
+    {
+      class: `${props.todo.completed ? "completed" : ""} ${
+        state.editing ? "editing" : ""
+      }`,
+    },
+    h(
+      "div",
+      { class: "view" },
+      h("input", {
+        type: "checkbox",
+        class: "toggle",
+        checked: props.todo.completed,
+        onClickQrl: qrl("./high.js", "Todo_onClick_0", [state]),
+      }),
+      h(
+        "label",
+        { onDblClickQrl: qrl("./high.js", "Todo_onDblClick_1", [state]) },
+        props.todo.text
+      ),
+      h("button", {
+        class: "destroy",
+        onClickQrl: qrl("./high.js", "Todo_onClick_2", [state]),
+      })
+    ),
+    state.editing
+      ? h("input", {
+          class: "edit",
+          value: props.todo.text,
+          onBlurQrl: qrl("./high.js", "Todo_onBlur_3", [state]),
+          onKeyUpQrl: qrl("./high.js", "Todo_onKeyUp_4", [state]),
+        })
+      : null
+  );
+};

package/dist/test/qwik/todo/Todo.tsx/high.tsx

@@ -1,57 +1,22 @@
-import { __merge } from "./med.js";
-
 import { useEvent, useLexicalScope } from "@builder.io/qwik";
-
-
 export const Todo_onClick_0 = () => {
-  const __scope__ = useLexicalScope();
-  const __props__ = __scope__[0];
-  const __state__ = __scope__[1];
-  const state = __merge(__state__, __props__);
-  ;
-  
+  const state = useLexicalScope()[0];
   state.toggle();
 };
-
 export const Todo_onDblClick_1 = () => {
-  const __scope__ = useLexicalScope();
-  const __props__ = __scope__[0];
-  const __state__ = __scope__[1];
-  const state = __merge(__state__, __props__);
-  ;
-  
+  const state = useLexicalScope()[0];
   state.editing = true;
 };
-
 export const Todo_onClick_2 = () => {
-  const __scope__ = useLexicalScope();
-  const __props__ = __scope__[0];
-  const __state__ = __scope__[1];
-  const state = __merge(__state__, __props__);
-  ;
-  
   todosState.todos.splice(todosState.todos.indexOf(props.todo));
 };
-
 export const Todo_onBlur_3 = () => {
-  const __scope__ = useLexicalScope();
-  const __props__ = __scope__[0];
-  const __state__ = __scope__[1];
-  const state = __merge(__state__, __props__);
-  ;
-  
+  const state = useLexicalScope()[0];
   state.editing = false;
 };
-
 export const Todo_onKeyUp_4 = () => {
-  const __scope__ = useLexicalScope();
-  const __props__ = __scope__[0];
-  const __state__ = __scope__[1];
-  const state = __merge(__state__, __props__);
-  ;
   {
     const event = useEvent();
-    props.todo.text = event.target.value
+    props.todo.text = event.target.value;
   }
 };
-

package/dist/test/qwik/todo/Todo.tsx/low.tsx

@@ -1 +0,0 @@
-

package/dist/test/qwik/todo/Todo.tsx/med.tsx

@@ -1,44 +1,41 @@
-import { component, createStore, h, qrl, useLexicalScope } from "@builder.io/qwik";
-
-
-export const __merge = function __merge(state,props,create){if(create === void 0){create = false;}for(var key in props){if(key.indexOf(':')==-1 && !key.startsWith('__')&& Object.prototype.hasOwnProperty.call(props,key)){state[key] = props[key];}}if(create && typeof __STATE__ == 'object' && props.serverStateId){Object.assign(state,__STATE__[props.serverStateId]);}return state;};
-export const Todo_onMount = (__props__) => {
-  const __state__ = createStore({});
-  const state = __merge(__state__, __props__,true);
-  ;
-  return qrl("./med.js", "Todo_onRender", [__props__,__state__]);
+import { componentQrl, h, qrl, useLexicalScope } from "@builder.io/qwik";
+export const Todo_onMount = (state) => {
+  typeof __STATE__ === "object" &&
+    Object.assign(state, __STATE__[state.serverStateId]);
+  return qrl("./med.js", "Todo_onRender", [state]);
 };
-export const Todo = component<any, any>(qrl("./med.js", "Todo_onMount", []));
-
+export const Todo = componentQrl<any, any>(qrl("./med.js", "Todo_onMount", []));
 export const Todo_onRender = () => {
-  const __scope__ = useLexicalScope();
-  const __props__ = __scope__[0];
-  const __state__ = __scope__[1];
-  const state = __merge(__state__, __props__);
-  ;
+  const state = useLexicalScope()[0];
   return (
-    <li class={`${props.todo.completed ? 'completed' : ''} ${state.editing ? 'editing' : ''}`}>
+    <li
+      class={`${props.todo.completed ? "completed" : ""} ${
+        state.editing ? "editing" : ""
+      }`}
+    >
       <div class="view">
-        <input type="checkbox"
-            class="toggle"
-            checked={props.todo.completed}
-            on:click={qrl("./high.js", "Todo_onClick_0", [__props__, __state__])}>
-        </input>
-        <label on:dblclick={qrl("./high.js", "Todo_onDblClick_1", [__props__, __state__])}>
+        <input
+          type="checkbox"
+          class="toggle"
+          checked={props.todo.completed}
+          onClickQrl={qrl("./high.js", "Todo_onClick_0", [state])}
+        ></input>
+        <label onDblClickQrl={qrl("./high.js", "Todo_onDblClick_1", [state])}>
           {props.todo.text}
         </label>
-        <button class="destroy"
-            on:click={qrl("./high.js", "Todo_onClick_2", [__props__, __state__])}>
-        </button>
+        <button
+          class="destroy"
+          onClickQrl={qrl("./high.js", "Todo_onClick_2", [state])}
+        ></button>
       </div>
-      { state.editing ?
-        <input class="edit"
-            value={props.todo.text}
-            on:blur={qrl("./high.js", "Todo_onBlur_3", [__props__, __state__])}
-            on:keyup={qrl("./high.js", "Todo_onKeyUp_4", [__props__, __state__])}>
-        </input>
-        : null
-      }
+      {state.editing ? (
+        <input
+          class="edit"
+          value={props.todo.text}
+          onBlurQrl={qrl("./high.js", "Todo_onBlur_3", [state])}
+          onKeyUpQrl={qrl("./high.js", "Todo_onKeyUp_4", [state])}
+        ></input>
+      ) : null}
     </li>
   );
 };

package/dist/test/qwik/todos/Todo.tsx/high.tsx

@@ -1,19 +1,7 @@
-import { __merge } from "./med.js";
-
-import { useLexicalScope } from "@builder.io/qwik";
-
-
 export const Todos_onClick_0 = () => {
-  const __scope__ = useLexicalScope();
-  const __props__ = __scope__[0];
-  const __state__ = __scope__[1];
-  const state = __merge(__state__, __props__);
-  ;
-  
   const newValue = !todosState.allCompleted;
 
   for (const todoItem of todosState.todos) {
     todoItem.completed = newValue;
   }
 };
-

package/dist/test/qwik/todos/Todo.tsx/low.tsx

@@ -1,33 +1,26 @@
-import { Todo, __merge } from "./med.js";
-
+import { Todo } from "./med.js";
 import { h, qrl, useLexicalScope } from "@builder.io/qwik";
-
-
-
 export const Todos_onRender = () => {
-  const __scope__ = useLexicalScope();
-  const __props__ = __scope__[0];
-  const __state__ = __scope__[1];
-  const state = __merge(__state__, __props__);
-  ;
+  const state = useLexicalScope()[0];
   return (
     <section class="main">
-      { todosState.todos.length ?
-        <input type="checkbox"
-            class="toggle-all"
-            checked={todosState.allCompleted}
-            on:click={qrl("./high.js", "Todos_onClick_0", [__props__, __state__])}>
-        </input>
-        : null
-      }
+      {todosState.todos.length ? (
+        <input
+          type="checkbox"
+          class="toggle-all"
+          checked={todosState.allCompleted}
+          onClickQrl={qrl("./high.js", "Todos_onClick_0", [state])}
+        ></input>
+      ) : null}
       <ul class="todo-list">
-        { (todosState.todos || []).map((function(__value__) {
-          var state = Object.assign({}, this, {todosItem: __value__ == null ? {} : __value__});
-          return (<Todo todo={todo}>
-          </Todo>
-          );
-        }).bind(state))
-        }
+        {(todosState.todos || []).map(
+          function (__value__) {
+            var state = Object.assign({}, this, {
+              todosItem: __value__ == null ? {} : __value__,
+            });
+            return <Todo todo={todo}></Todo>;
+          }.bind(state)
+        )}
       </ul>
     </section>
   );

package/dist/test/qwik/todos/Todo.tsx/med.tsx

@@ -1,11 +1,9 @@
-import { component, createStore, qrl } from "@builder.io/qwik";
-
-
-export const __merge = function __merge(state,props,create){if(create === void 0){create = false;}for(var key in props){if(key.indexOf(':')==-1 && !key.startsWith('__')&& Object.prototype.hasOwnProperty.call(props,key)){state[key] = props[key];}}if(create && typeof __STATE__ == 'object' && props.serverStateId){Object.assign(state,__STATE__[props.serverStateId]);}return state;};
-export const Todos_onMount = (__props__) => {
-  const __state__ = createStore({});
-  const state = __merge(__state__, __props__,true);
-  ;
-  return qrl("./low.js", "Todos_onRender", [__props__,__state__]);
+import { componentQrl, qrl } from "@builder.io/qwik";
+export const Todos_onMount = (state) => {
+  typeof __STATE__ === "object" &&
+    Object.assign(state, __STATE__[state.serverStateId]);
+  return qrl("./low.js", "Todos_onRender", [state]);
 };
-export const Todos = component<any, any>(qrl("./med.js", "Todos_onMount", []));
+export const Todos = componentQrl<any, any>(
+  qrl("./med.js", "Todos_onMount", [])
+);