mono-jsx 0.6.2 → 0.6.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +2 -2
- package/jsx-runtime.mjs +4 -2
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -810,8 +810,8 @@ You also can use signal `name` or `props`, change the signal value will trigger
|
|
|
810
810
|
```tsx
|
|
811
811
|
import { Profile, Projects, Settings } from "./pages.tsx"
|
|
812
812
|
|
|
813
|
-
|
|
814
|
-
this.page = "
|
|
813
|
+
function Dash(this: FC<{ page: "Profile" | "Projects" | "Settings" }>) {
|
|
814
|
+
this.page = "Profile";
|
|
815
815
|
|
|
816
816
|
return (
|
|
817
817
|
<>
|
package/jsx-runtime.mjs
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
// runtime/index.ts
|
|
2
|
-
var VERSION = "0.6.2";
|
|
3
2
|
var CX_JS = `{var i=new Set("animation-iteration-count,aspect-ratio,border-image-outset,border-image-slice,border-image-width,box-flex-group,box-flex,box-ordinal-group,column-count,columns,fill-opacity,flex-grow,flex-negative,flex-order,flex-positive,flex-shrink,flex,flood-opacity,font-weight,grid-area,grid-column-end,grid-column-span,grid-column-start,grid-column,grid-row-end,grid-row-span,grid-row-start,grid-row,line-clamp,line-height,opacity,order,orphans,stop-opacity,stroke-dasharray,stroke-dashoffset,stroke-miterlimit,stroke-opacity,stroke-width,tab-size,widows,z-index,zoom".split(",")),r=e=>typeof e=="string",o=e=>typeof e=="object"&&e!==null;var n=e=>r(e)?e:o(e)?Array.isArray(e)?e.map(n).filter(Boolean).join(" "):Object.entries(e).filter(([,t])=>!!t).map(([t])=>t).join(" "):"";window.$cx=n;}`;
|
|
4
3
|
var STYLE_JS = `{var c=new Set("animation-iteration-count,aspect-ratio,border-image-outset,border-image-slice,border-image-width,box-flex-group,box-flex,box-ordinal-group,column-count,columns,fill-opacity,flex-grow,flex-negative,flex-order,flex-positive,flex-shrink,flex,flood-opacity,font-weight,grid-area,grid-column-end,grid-column-span,grid-column-start,grid-column,grid-row-end,grid-row-span,grid-row-start,grid-row,line-clamp,line-height,opacity,order,orphans,stop-opacity,stroke-dasharray,stroke-dashoffset,stroke-miterlimit,stroke-opacity,stroke-width,tab-size,widows,z-index,zoom".split(",")),a=e=>typeof e=="string",l=e=>typeof e=="object"&&e!==null,u=e=>e.replace(/[a-z][A-Z]/g,o=>o.charAt(0)+"-"+o.charAt(1).toLowerCase());var p=e=>{let o=[],i=[],t=new g;for(let[n,r]of Object.entries(e))switch(n.charCodeAt(0)){case 58:i.push(null,n+"{"+s(r)+"}");break;case 64:i.push(n+"{",null,"{"+s(r)+"}}");break;case 38:i.push(null,n.slice(1)+"{"+s(r)+"}");break;default:o.push([n,r])}return o.length>0&&(t.inline=s(o)),i.length>0&&(t.css=i),t},f=(e,o)=>{let{inline:i,css:t}=p(o);if(t){let n="[data-css-"+Date.now().toString(36)+"]";document.head.appendChild(document.createElement("style")).textContent=(i?n+"{"+i+"}":"")+t.map(r=>r===null?n:r).join(""),e.getAttributeNames().forEach(r=>r.startsWith("data-css-")&&e.removeAttribute(r)),e.setAttribute(n.slice(1,-1),"")}else i&&e.setAttribute("style",i)},s=e=>{if(l(e)){let o="";for(let[i,t]of Array.isArray(e)?e:Object.entries(e))if(a(t)||typeof t=="number"){let n=u(i),r=typeof t=="number"?c.has(n)?""+t:t+"px":""+t;o+=(o?";":"")+n+":"+(n==="content"?JSON.stringify(r):r)}return o}return""},g=(()=>{function e(){}return e.prototype=Object.freeze(Object.create(null)),e})();window.$applyStyle=f;}`;
|
|
5
4
|
var EVENT_JS = `{var w=window;w.$emit=(e,f,s)=>f.call(w.$signals?.(s)??e.target,e.type==="mount"?e.target:e);w.$onsubmit=(e,f,s)=>{e.preventDefault();f.call(w.$signals?.(s)??e.target,new FormData(e.target),e)};}`;
|
|
@@ -123,6 +122,9 @@ var $fragment = Symbol.for("jsx.fragment");
|
|
|
123
122
|
var $html = Symbol.for("jsx.html");
|
|
124
123
|
var $signal = Symbol.for("mono.signal");
|
|
125
124
|
|
|
125
|
+
// version.ts
|
|
126
|
+
var VERSION = "0.6.3";
|
|
127
|
+
|
|
126
128
|
// render.ts
|
|
127
129
|
var RUNTIME_CX = 1;
|
|
128
130
|
var RUNTIME_STYLE = 2;
|
|
@@ -306,7 +308,7 @@ async function render(node, options, write, writeJS, componentMode) {
|
|
|
306
308
|
runtimeFlag |= RUNTIME_EVENT;
|
|
307
309
|
js += EVENT_JS;
|
|
308
310
|
}
|
|
309
|
-
if (
|
|
311
|
+
if (signals.store.size + rc.mcs.size + signals.effects.length > 0 && !(runtimeFlag & RUNTIME_SIGNALS)) {
|
|
310
312
|
runtimeFlag |= RUNTIME_SIGNALS;
|
|
311
313
|
js += SIGNALS_JS;
|
|
312
314
|
}
|