@takumi-rs/helpers 0.57.6 → 0.59.0
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/dist/index.cjs +1 -1
- package/dist/index.d.cts +2 -2
- package/dist/index.d.ts +2 -2
- package/dist/index.js +1 -1
- package/dist/jsx/jsx.cjs +2 -2
- package/dist/jsx/jsx.d.cts +16 -4
- package/dist/jsx/jsx.d.ts +16 -4
- package/dist/jsx/jsx.js +2 -2
- package/dist/{types-D4Tf1iTw.d.cts → types-DgRXITo4.d.cts} +3 -0
- package/dist/{types-D4Tf1iTw.d.ts → types-DgRXITo4.d.ts} +3 -0
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var
|
|
1
|
+
"use strict";var c=Object.defineProperty;var x=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var f=Object.prototype.hasOwnProperty;var d=(e,t)=>{for(var n in t)c(e,n,{get:t[n],enumerable:!0})},a=(e,t,n,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of m(t))!f.call(e,o)&&o!==n&&c(e,o,{get:()=>t[o],enumerable:!(r=x(t,o))||r.enumerable});return e};var s=e=>a(c({},"__esModule",{value:!0}),e);var T={};d(T,{container:()=>y,em:()=>p,fr:()=>C,image:()=>g,percentage:()=>w,rem:()=>l,rgba:()=>$,style:()=>b,text:()=>N,vh:()=>h,vw:()=>S});module.exports=s(T);function i(e,t){t&&Object.keys(t).length>0&&(e.style=t)}function u(e,t){t&&Object.keys(t).length>0&&(e.preset=t)}function y(e){let t={type:"container",children:e.children};return e.tw&&(t.tw=e.tw),u(t,e.preset),i(t,e.style),t}function N(e,t){if(typeof e=="string"){let r={type:"text",text:e};return i(r,t),r}let n={type:"text",text:e.text};return e.tw&&(n.tw=e.tw),u(n,e.preset),i(n,t??e.style),n}function g(e){let t={type:"image",src:e.src,width:e.width,height:e.height};return e.tw&&(t.tw=e.tw),u(t,e.preset),i(t,e.style),t}function b(e){return e}function w(e){return`${e}%`}function S(e){return`${e}vw`}function h(e){return`${e}vh`}function p(e){return`${e}em`}function l(e){return`${e}rem`}function C(e){return`${e}fr`}function $(e,t,n,r=1){return`rgb(${e} ${t} ${n} / ${r})`}0&&(module.exports={container,em,fr,image,percentage,rem,rgba,style,text,vh,vw});
|
package/dist/index.d.cts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { CSSProperties } from 'react';
|
|
2
|
-
import { C as ContainerNode, T as TextNode, I as ImageNode } from './types-
|
|
3
|
-
export { A as AnyNode, N as Node, P as PartialStyle } from './types-
|
|
2
|
+
import { C as ContainerNode, T as TextNode, I as ImageNode } from './types-DgRXITo4.cjs';
|
|
3
|
+
export { A as AnyNode, N as Node, P as PartialStyle } from './types-DgRXITo4.cjs';
|
|
4
4
|
|
|
5
5
|
declare function container(props: Omit<ContainerNode, "type">): ContainerNode;
|
|
6
6
|
declare function text(text: string, style?: CSSProperties): TextNode;
|
package/dist/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { CSSProperties } from 'react';
|
|
2
|
-
import { C as ContainerNode, T as TextNode, I as ImageNode } from './types-
|
|
3
|
-
export { A as AnyNode, N as Node, P as PartialStyle } from './types-
|
|
2
|
+
import { C as ContainerNode, T as TextNode, I as ImageNode } from './types-DgRXITo4.js';
|
|
3
|
+
export { A as AnyNode, N as Node, P as PartialStyle } from './types-DgRXITo4.js';
|
|
4
4
|
|
|
5
5
|
declare function container(props: Omit<ContainerNode, "type">): ContainerNode;
|
|
6
6
|
declare function text(text: string, style?: CSSProperties): TextNode;
|
package/dist/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
function o(e,t){t&&Object.keys(t).length>0&&(e.style=t)}function i(e){let t={type:"container",children:e.children
|
|
1
|
+
function o(e,t){t&&Object.keys(t).length>0&&(e.style=t)}function i(e,t){t&&Object.keys(t).length>0&&(e.preset=t)}function c(e){let t={type:"container",children:e.children};return e.tw&&(t.tw=e.tw),i(t,e.preset),o(t,e.style),t}function u(e,t){if(typeof e=="string"){let r={type:"text",text:e};return o(r,t),r}let n={type:"text",text:e.text};return e.tw&&(n.tw=e.tw),i(n,e.preset),o(n,t??e.style),n}function x(e){let t={type:"image",src:e.src,width:e.width,height:e.height};return e.tw&&(t.tw=e.tw),i(t,e.preset),o(t,e.style),t}function m(e){return e}function f(e){return`${e}%`}function d(e){return`${e}vw`}function a(e){return`${e}vh`}function s(e){return`${e}em`}function y(e){return`${e}rem`}function N(e){return`${e}fr`}function g(e,t,n,r=1){return`rgb(${e} ${t} ${n} / ${r})`}export{c as container,s as em,N as fr,x as image,f as percentage,y as rem,g as rgba,m as style,u as text,a as vh,d as vw};
|
package/dist/jsx/jsx.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var
|
|
2
|
-
`,
|
|
1
|
+
"use strict";var g=Object.defineProperty;var J=Object.getOwnPropertyDescriptor;var z=Object.getOwnPropertyNames;var I=Object.prototype.hasOwnProperty;var j=(e,t)=>{for(var r in t)g(e,r,{get:t[r],enumerable:!0})},W=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of z(t))!I.call(e,i)&&i!==r&&g(e,i,{get:()=>t[i],enumerable:!(n=J(t,i))||n.enumerable});return e};var B=e=>W(g({},"__esModule",{value:!0}),e);var re={};j(re,{defaultStylePresets:()=>x,fromJsx:()=>G});module.exports=B(re);function f(e,t){t&&Object.keys(t).length>0&&(e.style=t)}function y(e,t){t&&Object.keys(t).length>0&&(e.preset=t)}function m(e){let t={type:"container",children:e.children};return e.tw&&(t.tw=e.tw),y(t,e.preset),f(t,e.style),t}function u(e,t){if(typeof e=="string"){let n={type:"text",text:e};return f(n,t),n}let r={type:"text",text:e.text};return e.tw&&(r.tw=e.tw),y(r,e.preset),f(r,t??e.style),r}function h(e){let t={type:"image",src:e.src,width:e.width,height:e.height};return e.tw&&(t.tw=e.tw),y(t,e.preset),f(t,e.style),t}function R(e){return`${e}%`}var x={body:{margin:8},p:{marginTop:"1em",marginBottom:"1em",display:"block"},blockquote:{marginTop:"1em",marginBottom:"1em",marginLeft:40,marginRight:40,display:"block"},center:{textAlign:"center",display:"block"},hr:{marginTop:"0.5em",marginBottom:"0.5em",marginLeft:"auto",marginRight:"auto",borderWidth:1,display:"block"},h1:{fontSize:"2em",marginTop:"0.67em",marginBottom:"0.67em",marginLeft:0,marginRight:0,fontWeight:"bold",display:"block"},h2:{fontSize:"1.5em",marginTop:"0.83em",marginBottom:"0.83em",marginLeft:0,marginRight:0,fontWeight:"bold",display:"block"},h3:{fontSize:"1.17em",marginTop:"1em",marginBottom:"1em",marginLeft:0,marginRight:0,fontWeight:"bold",display:"block"},h4:{marginTop:"1.33em",marginBottom:"1.33em",marginLeft:0,marginRight:0,fontWeight:"bold",display:"block"},h5:{fontSize:"0.83em",marginTop:"1.67em",marginBottom:"1.67em",marginLeft:0,marginRight:0,fontWeight:"bold",display:"block"},h6:{fontSize:"0.67em",marginTop:"2.33em",marginBottom:"2.33em",marginLeft:0,marginRight:0,fontWeight:"bold",display:"block"},u:{textDecoration:"underline",display:"inline"},strong:{fontWeight:"bold",display:"inline"},b:{fontWeight:"bold",display:"inline"},i:{fontStyle:"italic",display:"inline"},em:{fontStyle:"italic",display:"inline"},code:{fontFamily:"monospace",display:"inline"},kbd:{fontFamily:"monospace",display:"inline"},pre:{fontFamily:"monospace",margin:"1em 0",display:"block"},mark:{backgroundColor:"yellow",color:"black",display:"inline"},big:{fontSize:"1.2em",display:"inline"},small:{fontSize:"0.8em",display:"inline"},s:{textDecoration:"line-through",display:"inline"},span:{display:"inline"},img:{display:"inline"},svg:{display:"inline"}};var M=new Set(["head","meta","link","style","script"]);function E(e){return M.has(e.type)}function d(e,t){return e.type===t&&"props"in e}function P(e){return e.replace(/([A-Z])/g,"-$1").toLowerCase()}function s(e){return typeof e=="object"&&e!==null&&"type"in e}function p(e){return typeof e=="function"}var H=Symbol.for("react.forward_ref"),_=Symbol.for("react.memo"),D=Symbol.for("react.fragment");function C(e){return e.$$typeof===H}function T(e){return e.$$typeof===_}function S(e){return e.type===D}function V(e){return typeof e=="string"||typeof e=="number"}function N(e){return e.replace(/&/g,"&").replace(/"/g,""").replace(/</g,"<").replace(/>/g,">")}function X(e){return Object.keys(e).map(t=>`${t.replace(/([A-Z])/g,"-$1").toLowerCase()}:${String(e[t]).trim()}`).join(";")}var Y=["stopColor","stopOpacity","strokeWidth","strokeDasharray","strokeDashoffset","strokeLinecap","strokeLinejoin","fillRule","clipRule","colorInterpolationFilters","floodColor","floodOpacity","accentHeight","alignmentBaseline","arabicForm","baselineShift","capHeight","clipPath","clipPathUnits","colorInterpolation","colorProfile","colorRendering","enableBackground","fillOpacity","fontFamily","fontSize","fontSizeAdjust","fontStretch","fontStyle","fontVariant","fontWeight","glyphName","glyphOrientationHorizontal","glyphOrientationVertical","horizAdvX","horizOriginX","imageRendering","letterSpacing","lightingColor","markerEnd","markerMid","markerStart","overlinePosition","overlineThickness","paintOrder","preserveAspectRatio","pointerEvents","shapeRendering","strokeMiterlimit","strokeOpacity","textAnchor","textDecoration","textRendering","transformOrigin","underlinePosition","underlineThickness","unicodeBidi","unicodeRange","unitsPerEm","vectorEffect","vertAdvY","vertOriginX","vertOriginY","vAlphabetic","vHanging","vIdeographic","vMathematical","wordSpacing","writingMode"];function K(e,t){if(e==="children"||t==null)return;let r;if(e==="className"?r="class":Y.includes(e)?r=P(e):r=e,typeof t=="boolean")return`${r}="${String(t)}"`;if(e==="style"&&typeof t=="object"){let n=X(t);if(n)return`style="${N(n)}"`}return`${r}="${N(String(t))}"`}function q(e){return Object.entries(e).map(([t,r])=>K(t,r)).filter(t=>t!==void 0)}var Z=(e,t)=>{let r=e.props||{};if(p(e.type))return c(e.type(e.props));if(typeof e.type=="symbol"||typeof e.type!="string")return"";let n=q(r),i=r.children,o=Array.isArray(i)?i.map(l=>t(l)).join(""):t(i);return`<${e.type}${n.length>0?` ${n.join(" ")}`:""}>${o}</${e.type}>`},c=e=>e==null||e===!1?"":V(e)?String(e):Array.isArray(e)?e.map(c).join(""):s(e)?Z(e,c):"";function v(e){let t=e.props||{};if(!("xmlns"in t)){let r={...e,props:{...t,xmlns:"http://www.w3.org/2000/svg"}};return c(r)||""}return c(e)||""}async function G(e,t){let r=await a(e,t);return r.length===0?m({}):r.length===1&&r[0]!==void 0?r[0]:m({children:r,style:{width:R(100),height:R(100)}})}async function a(e,t){if(e==null||e===!1)return[];if(e instanceof Promise)return a(await e,t);if(typeof e=="object"&&Symbol.iterator in e)return te(e,t);if(s(e)){let r=await $(e,t);return Array.isArray(r)?r:r?[r]:[]}return[u({text:String(e),preset:b(t)?.span})]}function b(e){if(e?.defaultStyles!==!1)return e?.defaultStyles??x}function U(e,t){if(!(typeof e.type!="object"||e.type===null)){if(C(e.type)&&"render"in e.type){let r=e.type;return a(r.render(e.props,null),t)}if(T(e.type)&&"type"in e.type){let n=e.type.type;if(p(n))return a(n(e.props),t);let i={...e,type:n};return $(i,t)}}}function A(e){if(!s(e))return Promise.resolve(void 0);let t=typeof e.props=="object"&&e.props!==null&&"children"in e.props?e.props.children:void 0;return typeof t=="string"?Promise.resolve(t):typeof t=="number"?Promise.resolve(String(t)):Array.isArray(t)?Promise.resolve(L(t)):typeof t=="object"&&t!==null&&Symbol.iterator in t?Promise.resolve(L(Array.from(t))):s(t)&&S(t)?A(t):Promise.resolve(void 0)}function L(e){if(!e.some(t=>s(t)))return e.map(t=>typeof t=="string"?t:typeof t=="number"?String(t):"").join("")}async function $(e,t){if(p(e.type))return a(e.type(e.props),t);let r=U(e,t);if(r!==void 0)return r;if(S(e))return await O(e,t)||[];if(E(e))return[];if(d(e,"br"))return[u({text:`
|
|
2
|
+
`,preset:b(t)?.span})];if(d(e,"img"))return[Q(e,t)];if(d(e,"svg"))return[ee(e,t)];let{preset:n,style:i}=k(e,t),o=w(e),l=await A(e);if(l!==void 0)return[u({text:l,preset:n,style:i,tw:o})];let F=await O(e,t);return[m({children:F,preset:n,style:i,tw:o})]}function Q(e,t){if(!e.props.src)throw new Error("Image element must have a 'src' prop.");let{preset:r,style:n}=k(e,t),i=w(e);return h({src:e.props.src,preset:r,style:n,tw:i})}function ee(e,t){let{preset:r,style:n}=k(e,t),i=w(e),o=v(e);return h({preset:r,style:n,src:o,tw:i})}function k(e,t){let r,n,i=b(t);i&&typeof e.type=="string"&&e.type in i&&(r={...i[e.type]});let o=typeof e.props=="object"&&e.props!==null&&"style"in e.props&&typeof e.props.style=="object"&&e.props.style!==null?e.props.style:void 0;return o&&Object.keys(o).length>0&&(n=o),{preset:r,style:n}}function w(e){if(!(typeof e.props!="object"||e.props===null||!("tw"in e.props)))return e.props.tw}function O(e,t){return typeof e.props!="object"||e.props===null||!("children"in e.props)?Promise.resolve([]):a(e.props.children,t)}function te(e,t){return Promise.all(Array.from(e).map(r=>a(r,t))).then(r=>r.flat())}0&&(module.exports={defaultStylePresets,fromJsx});
|
package/dist/jsx/jsx.d.cts
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
import { N as Node } from '../types-
|
|
1
|
+
import { JSX, CSSProperties, ReactNode } from 'react';
|
|
2
|
+
import { N as Node } from '../types-DgRXITo4.cjs';
|
|
3
|
+
|
|
4
|
+
declare const defaultStylePresets: Partial<Record<keyof JSX.IntrinsicElements, CSSProperties>>;
|
|
3
5
|
|
|
4
6
|
type ReactElementLike = {
|
|
5
7
|
type: string | symbol | ((props: unknown) => ReactElementLike) | ReactElementLike;
|
|
@@ -12,6 +14,16 @@ declare module "react" {
|
|
|
12
14
|
tw?: string;
|
|
13
15
|
}
|
|
14
16
|
}
|
|
15
|
-
|
|
17
|
+
interface FromJsxOptions {
|
|
18
|
+
/**
|
|
19
|
+
* Override or disable the default Chromium style presets.
|
|
20
|
+
*
|
|
21
|
+
* If an object is provided, all the default style presets will be overridden.
|
|
22
|
+
*
|
|
23
|
+
* If `false` is provided explicitly, no default style presets will be used.
|
|
24
|
+
*/
|
|
25
|
+
defaultStyles?: typeof defaultStylePresets | false;
|
|
26
|
+
}
|
|
27
|
+
declare function fromJsx(element: ReactNode | ReactElementLike, options?: FromJsxOptions): Promise<Node>;
|
|
16
28
|
|
|
17
|
-
export { fromJsx };
|
|
29
|
+
export { type FromJsxOptions, defaultStylePresets, fromJsx };
|
package/dist/jsx/jsx.d.ts
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
import { N as Node } from '../types-
|
|
1
|
+
import { JSX, CSSProperties, ReactNode } from 'react';
|
|
2
|
+
import { N as Node } from '../types-DgRXITo4.js';
|
|
3
|
+
|
|
4
|
+
declare const defaultStylePresets: Partial<Record<keyof JSX.IntrinsicElements, CSSProperties>>;
|
|
3
5
|
|
|
4
6
|
type ReactElementLike = {
|
|
5
7
|
type: string | symbol | ((props: unknown) => ReactElementLike) | ReactElementLike;
|
|
@@ -12,6 +14,16 @@ declare module "react" {
|
|
|
12
14
|
tw?: string;
|
|
13
15
|
}
|
|
14
16
|
}
|
|
15
|
-
|
|
17
|
+
interface FromJsxOptions {
|
|
18
|
+
/**
|
|
19
|
+
* Override or disable the default Chromium style presets.
|
|
20
|
+
*
|
|
21
|
+
* If an object is provided, all the default style presets will be overridden.
|
|
22
|
+
*
|
|
23
|
+
* If `false` is provided explicitly, no default style presets will be used.
|
|
24
|
+
*/
|
|
25
|
+
defaultStyles?: typeof defaultStylePresets | false;
|
|
26
|
+
}
|
|
27
|
+
declare function fromJsx(element: ReactNode | ReactElementLike, options?: FromJsxOptions): Promise<Node>;
|
|
16
28
|
|
|
17
|
-
export { fromJsx };
|
|
29
|
+
export { type FromJsxOptions, defaultStylePresets, fromJsx };
|
package/dist/jsx/jsx.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
function
|
|
2
|
-
`,
|
|
1
|
+
function f(e,t){t&&Object.keys(t).length>0&&(e.style=t)}function g(e,t){t&&Object.keys(t).length>0&&(e.preset=t)}function m(e){let t={type:"container",children:e.children};return e.tw&&(t.tw=e.tw),g(t,e.preset),f(t,e.style),t}function u(e,t){if(typeof e=="string"){let n={type:"text",text:e};return f(n,t),n}let r={type:"text",text:e.text};return e.tw&&(r.tw=e.tw),g(r,e.preset),f(r,t??e.style),r}function y(e){let t={type:"image",src:e.src,width:e.width,height:e.height};return e.tw&&(t.tw=e.tw),g(t,e.preset),f(t,e.style),t}function h(e){return`${e}%`}var k={body:{margin:8},p:{marginTop:"1em",marginBottom:"1em",display:"block"},blockquote:{marginTop:"1em",marginBottom:"1em",marginLeft:40,marginRight:40,display:"block"},center:{textAlign:"center",display:"block"},hr:{marginTop:"0.5em",marginBottom:"0.5em",marginLeft:"auto",marginRight:"auto",borderWidth:1,display:"block"},h1:{fontSize:"2em",marginTop:"0.67em",marginBottom:"0.67em",marginLeft:0,marginRight:0,fontWeight:"bold",display:"block"},h2:{fontSize:"1.5em",marginTop:"0.83em",marginBottom:"0.83em",marginLeft:0,marginRight:0,fontWeight:"bold",display:"block"},h3:{fontSize:"1.17em",marginTop:"1em",marginBottom:"1em",marginLeft:0,marginRight:0,fontWeight:"bold",display:"block"},h4:{marginTop:"1.33em",marginBottom:"1.33em",marginLeft:0,marginRight:0,fontWeight:"bold",display:"block"},h5:{fontSize:"0.83em",marginTop:"1.67em",marginBottom:"1.67em",marginLeft:0,marginRight:0,fontWeight:"bold",display:"block"},h6:{fontSize:"0.67em",marginTop:"2.33em",marginBottom:"2.33em",marginLeft:0,marginRight:0,fontWeight:"bold",display:"block"},u:{textDecoration:"underline",display:"inline"},strong:{fontWeight:"bold",display:"inline"},b:{fontWeight:"bold",display:"inline"},i:{fontStyle:"italic",display:"inline"},em:{fontStyle:"italic",display:"inline"},code:{fontFamily:"monospace",display:"inline"},kbd:{fontFamily:"monospace",display:"inline"},pre:{fontFamily:"monospace",margin:"1em 0",display:"block"},mark:{backgroundColor:"yellow",color:"black",display:"inline"},big:{fontSize:"1.2em",display:"inline"},small:{fontSize:"0.8em",display:"inline"},s:{textDecoration:"line-through",display:"inline"},span:{display:"inline"},img:{display:"inline"},svg:{display:"inline"}};var F=new Set(["head","meta","link","style","script"]);function w(e){return F.has(e.type)}function d(e,t){return e.type===t&&"props"in e}function E(e){return e.replace(/([A-Z])/g,"-$1").toLowerCase()}function s(e){return typeof e=="object"&&e!==null&&"type"in e}function p(e){return typeof e=="function"}var J=Symbol.for("react.forward_ref"),z=Symbol.for("react.memo"),I=Symbol.for("react.fragment");function P(e){return e.$$typeof===J}function C(e){return e.$$typeof===z}function R(e){return e.type===I}function j(e){return typeof e=="string"||typeof e=="number"}function T(e){return e.replace(/&/g,"&").replace(/"/g,""").replace(/</g,"<").replace(/>/g,">")}function W(e){return Object.keys(e).map(t=>`${t.replace(/([A-Z])/g,"-$1").toLowerCase()}:${String(e[t]).trim()}`).join(";")}var B=["stopColor","stopOpacity","strokeWidth","strokeDasharray","strokeDashoffset","strokeLinecap","strokeLinejoin","fillRule","clipRule","colorInterpolationFilters","floodColor","floodOpacity","accentHeight","alignmentBaseline","arabicForm","baselineShift","capHeight","clipPath","clipPathUnits","colorInterpolation","colorProfile","colorRendering","enableBackground","fillOpacity","fontFamily","fontSize","fontSizeAdjust","fontStretch","fontStyle","fontVariant","fontWeight","glyphName","glyphOrientationHorizontal","glyphOrientationVertical","horizAdvX","horizOriginX","imageRendering","letterSpacing","lightingColor","markerEnd","markerMid","markerStart","overlinePosition","overlineThickness","paintOrder","preserveAspectRatio","pointerEvents","shapeRendering","strokeMiterlimit","strokeOpacity","textAnchor","textDecoration","textRendering","transformOrigin","underlinePosition","underlineThickness","unicodeBidi","unicodeRange","unitsPerEm","vectorEffect","vertAdvY","vertOriginX","vertOriginY","vAlphabetic","vHanging","vIdeographic","vMathematical","wordSpacing","writingMode"];function M(e,t){if(e==="children"||t==null)return;let r;if(e==="className"?r="class":B.includes(e)?r=E(e):r=e,typeof t=="boolean")return`${r}="${String(t)}"`;if(e==="style"&&typeof t=="object"){let n=W(t);if(n)return`style="${T(n)}"`}return`${r}="${T(String(t))}"`}function H(e){return Object.entries(e).map(([t,r])=>M(t,r)).filter(t=>t!==void 0)}var _=(e,t)=>{let r=e.props||{};if(p(e.type))return c(e.type(e.props));if(typeof e.type=="symbol"||typeof e.type!="string")return"";let n=H(r),i=r.children,o=Array.isArray(i)?i.map(l=>t(l)).join(""):t(i);return`<${e.type}${n.length>0?` ${n.join(" ")}`:""}>${o}</${e.type}>`},c=e=>e==null||e===!1?"":j(e)?String(e):Array.isArray(e)?e.map(c).join(""):s(e)?_(e,c):"";function N(e){let t=e.props||{};if(!("xmlns"in t)){let r={...e,props:{...t,xmlns:"http://www.w3.org/2000/svg"}};return c(r)||""}return c(e)||""}async function ie(e,t){let r=await a(e,t);return r.length===0?m({}):r.length===1&&r[0]!==void 0?r[0]:m({children:r,style:{width:h(100),height:h(100)}})}async function a(e,t){if(e==null||e===!1)return[];if(e instanceof Promise)return a(await e,t);if(typeof e=="object"&&Symbol.iterator in e)return Y(e,t);if(s(e)){let r=await A(e,t);return Array.isArray(r)?r:r?[r]:[]}return[u({text:String(e),preset:x(t)?.span})]}function x(e){if(e?.defaultStyles!==!1)return e?.defaultStyles??k}function D(e,t){if(!(typeof e.type!="object"||e.type===null)){if(P(e.type)&&"render"in e.type){let r=e.type;return a(r.render(e.props,null),t)}if(C(e.type)&&"type"in e.type){let n=e.type.type;if(p(n))return a(n(e.props),t);let i={...e,type:n};return A(i,t)}}}function O(e){if(!s(e))return Promise.resolve(void 0);let t=typeof e.props=="object"&&e.props!==null&&"children"in e.props?e.props.children:void 0;return typeof t=="string"?Promise.resolve(t):typeof t=="number"?Promise.resolve(String(t)):Array.isArray(t)?Promise.resolve(v(t)):typeof t=="object"&&t!==null&&Symbol.iterator in t?Promise.resolve(v(Array.from(t))):s(t)&&R(t)?O(t):Promise.resolve(void 0)}function v(e){if(!e.some(t=>s(t)))return e.map(t=>typeof t=="string"?t:typeof t=="number"?String(t):"").join("")}async function A(e,t){if(p(e.type))return a(e.type(e.props),t);let r=D(e,t);if(r!==void 0)return r;if(R(e))return await L(e,t)||[];if(w(e))return[];if(d(e,"br"))return[u({text:`
|
|
2
|
+
`,preset:x(t)?.span})];if(d(e,"img"))return[V(e,t)];if(d(e,"svg"))return[X(e,t)];let{preset:n,style:i}=S(e,t),o=b(e),l=await O(e);if(l!==void 0)return[u({text:l,preset:n,style:i,tw:o})];let $=await L(e,t);return[m({children:$,preset:n,style:i,tw:o})]}function V(e,t){if(!e.props.src)throw new Error("Image element must have a 'src' prop.");let{preset:r,style:n}=S(e,t),i=b(e);return y({src:e.props.src,preset:r,style:n,tw:i})}function X(e,t){let{preset:r,style:n}=S(e,t),i=b(e),o=N(e);return y({preset:r,style:n,src:o,tw:i})}function S(e,t){let r,n,i=x(t);i&&typeof e.type=="string"&&e.type in i&&(r={...i[e.type]});let o=typeof e.props=="object"&&e.props!==null&&"style"in e.props&&typeof e.props.style=="object"&&e.props.style!==null?e.props.style:void 0;return o&&Object.keys(o).length>0&&(n=o),{preset:r,style:n}}function b(e){if(!(typeof e.props!="object"||e.props===null||!("tw"in e.props)))return e.props.tw}function L(e,t){return typeof e.props!="object"||e.props===null||!("children"in e.props)?Promise.resolve([]):a(e.props.children,t)}function Y(e,t){return Promise.all(Array.from(e).map(r=>a(r,t))).then(r=>r.flat())}export{k as defaultStylePresets,ie as fromJsx};
|
|
@@ -13,6 +13,7 @@ type PartialStyle = CSSProperties;
|
|
|
13
13
|
type Node = ContainerNode | TextNode | ImageNode | AnyNode;
|
|
14
14
|
type ContainerNode = {
|
|
15
15
|
type: "container";
|
|
16
|
+
preset?: CSSProperties;
|
|
16
17
|
style?: CSSProperties;
|
|
17
18
|
children?: Node[];
|
|
18
19
|
tw?: string;
|
|
@@ -20,6 +21,7 @@ type ContainerNode = {
|
|
|
20
21
|
type TextNode = {
|
|
21
22
|
type: "text";
|
|
22
23
|
text: string;
|
|
24
|
+
preset?: CSSProperties;
|
|
23
25
|
style?: CSSProperties;
|
|
24
26
|
tw?: string;
|
|
25
27
|
};
|
|
@@ -28,6 +30,7 @@ type ImageNode = {
|
|
|
28
30
|
src: string;
|
|
29
31
|
width?: number;
|
|
30
32
|
height?: number;
|
|
33
|
+
preset?: CSSProperties;
|
|
31
34
|
style?: CSSProperties;
|
|
32
35
|
tw?: string;
|
|
33
36
|
};
|
|
@@ -13,6 +13,7 @@ type PartialStyle = CSSProperties;
|
|
|
13
13
|
type Node = ContainerNode | TextNode | ImageNode | AnyNode;
|
|
14
14
|
type ContainerNode = {
|
|
15
15
|
type: "container";
|
|
16
|
+
preset?: CSSProperties;
|
|
16
17
|
style?: CSSProperties;
|
|
17
18
|
children?: Node[];
|
|
18
19
|
tw?: string;
|
|
@@ -20,6 +21,7 @@ type ContainerNode = {
|
|
|
20
21
|
type TextNode = {
|
|
21
22
|
type: "text";
|
|
22
23
|
text: string;
|
|
24
|
+
preset?: CSSProperties;
|
|
23
25
|
style?: CSSProperties;
|
|
24
26
|
tw?: string;
|
|
25
27
|
};
|
|
@@ -28,6 +30,7 @@ type ImageNode = {
|
|
|
28
30
|
src: string;
|
|
29
31
|
width?: number;
|
|
30
32
|
height?: number;
|
|
33
|
+
preset?: CSSProperties;
|
|
31
34
|
style?: CSSProperties;
|
|
32
35
|
tw?: string;
|
|
33
36
|
};
|