@unocss/inspector 0.48.5 → 0.49.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/client/assets/_id_-e4c08e38.js +1 -0
- package/dist/client/assets/{index-71262947.js → index-1a238730.js} +132 -132
- package/dist/client/assets/{repl-efadc49b.js → repl-2f5436d7.js} +1 -1
- package/dist/client/index.html +1 -1
- package/package.json +1 -1
- package/dist/client/assets/_id_-935ff919.js +0 -1
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import{d as x,r as b,u as S,a as k,b as V,f as B,o as h,c as w,e as a,w as m,g as s,h as C,v as R,i as e,j as p,k as P,n as f,_ as E,l as N,m as U,p as $,q as I}from"./index-
|
|
1
|
+
import{d as x,r as b,u as S,a as k,b as V,f as B,o as h,c as w,e as a,w as m,g as s,h as C,v as R,i as e,j as p,k as P,n as f,_ as E,l as N,m as U,p as $,q as I}from"./index-1a238730.js";const L={"h-full":"",grid:"~ rows-[max-content_1fr]","of-hidden":""},M=s("div",null," REPL Playground ",-1),T=s("div",{op60:""}," Edit your code below to test and play UnoCSS's matching and generating. ",-1),j={"h-full":"","of-hidden":"",grid:"","grid-cols-2":""},q=x({__name:"ReplPlayground",setup(y){const r=b(null),l=S(r,"rpel-scrolls"),t=k("unocss:inspector:repl",`<div class="text-sm hover:text-red">
|
|
2
2
|
Hello World
|
|
3
3
|
</div>`),o=V("unocss-inspector-safelist",!1),{data:d}=B(t,o);return(H,n)=>{var i,_;const g=E,v=N,u=U;return h(),w("div",L,[a(g,{ref_key:"status",ref:r},{default:m(()=>[M,T]),_:1},512),a(v,{border:"b gray-400/20",title:""},{default:m(()=>[s("label",null,[C(s("input",{"onUpdate:modelValue":n[0]||(n[0]=c=>p(o)?o.value=c:null),type:"checkbox"},null,512),[[R,e(o)]]),P(" Include safelist ")])]),_:1}),s("div",j,[a(u,{modelValue:e(t),"onUpdate:modelValue":n[1]||(n[1]=c=>p(t)?t.value=c:null),mode:"html",matched:((i=e(d))==null?void 0:i.matched)||[],class:"scrolls rpel-scrolls",style:f(e(l))},null,8,["modelValue","matched","style"]),a(u,{"b-l":"","b-main":"","model-value":((_=e(d))==null?void 0:_.css)||"/* empty */","read-only":!0,mode:"css",class:"scrolls rpel-scrolls",style:f(e(l))},null,8,["model-value","style"])])])}}}),z={};function D(y,r){const l=q;return h(),I(l)}const A=$(z,[["render",D]]);export{A as default};
|
package/dist/client/index.html
CHANGED
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
|
9
9
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
|
10
10
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;400&family=Fira+Code&display=swap" rel="stylesheet" />
|
|
11
|
-
<script type="module" crossorigin src="/__unocss/assets/index-
|
|
11
|
+
<script type="module" crossorigin src="/__unocss/assets/index-1a238730.js"></script>
|
|
12
12
|
<link rel="stylesheet" href="/__unocss/assets/index-e65a7471.css">
|
|
13
13
|
</head>
|
|
14
14
|
<body>
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{s as O,t as R,x as I,d as B,y as W,z as D,r as C,u as U,A as j,B as Z,C as q,i,c as w,e as v,w as A,g as d,D as M,_ as G,o as E,k as S,E as V,F as N,n as P,h as H,v as K,M as J,G as L,m as Q,l as X,q as Y,H as tt}from"./index-71262947.js";const F=/^(?!.*\[(?:[^:]+):(?:.+)\]$)((?:.+:)?!?)?(.*)$/,et=(t={})=>{const n=t.prefix??"un-",a=t.prefixedOnly??!1,m=t.trueToNonValued??!1;return{name:"attributify",match(h){const x=O(h);if(!x)return;let e=x[1];if(e.startsWith(n))e=e.slice(n.length);else if(a)return;const l=x[2],[,c="",r=l]=l.match(F)||[];return r==="~"||m&&r==="true"||!r?`${c}${e}`:`${c}${e}-${r}`}}},rt=/(<\w[\w:\.$-]*\s)((?:'[^>]*?'|"[^>]*?"|`[^>]*?`|\{[^>]*?\}|[^>]*?)*)/g,lt=/([?]|(?!\d|-{2}|-\d)[a-zA-Z0-9\u00A0-\uFFFF-_:%-]+)(?:=("[^"]*|'[^']*))?/g,z=/[\s'"`;>]+/,st={name:"attributify",extract:({content:t,cursor:n})=>{const a=t.matchAll(rt);let m,h=0;for(const s of a){const[,p,y]=s,b=s.index+p.length;if(n>b&&n<=b+y.length){h=b,m=y;break}}if(!m)return null;const x=m.matchAll(lt);let e=0,l,c;for(const s of x){const[p,y,b]=s,$=h+s.index;if(n>$&&n<=$+p.length){e=$,l=y,c=b==null?void 0:b.slice(1);break}}if(!l||l==="class"||l==="className"||l===":class")return null;if(c===void 0)return{extracted:l,resolveReplacement(s){return{start:e,end:e+l.length,replacement:s}}};const r=e+l.length+2;let u=z.exec(c),o=0,_;for(;u;){const[s]=u;if(n>r+o&&n<=r+o+u.index){_=c.slice(o,o+u.index);break}o+=u.index+s.length,u=z.exec(c.slice(o))}_===void 0&&(_=c.slice(o));const[,f="",g]=_.match(F)||[];return{extracted:`${f}${l}-${g}`,transformSuggestions(s){return s.filter(p=>p.startsWith(`${f}${l}-`)).map(p=>f+p.slice(f.length+l.length+1))},resolveReplacement(s){return{start:o+r,end:o+r+_.length,replacement:f+s.slice(f.length+l.length+1)}}}}},nt=["v-bind:",":"],k=/[\s'"`;]+/g,at=/<\w(?=.*>)[\w:\.$-]*\s((?:['"`\{].*?['"`\}]|.*?)*?)>/gs,ct=/([?]|(?!\d|-{2}|-\d)[a-zA-Z0-9\u00A0-\uFFFF-_:!%-.]+)=?(?:["]([^"]*)["]|[']([^']*)[']|[{]([^}]*)[}])?/gms,T=["placeholder"],ot=t=>{const n=(t==null?void 0:t.ignoreAttributes)??T,a=(t==null?void 0:t.nonValuedAttribute)??!0,m=(t==null?void 0:t.trueToNonValued)??!1;return{name:"attributify",extract({code:h}){const x=Array.from(h.matchAll(at)).flatMap(e=>Array.from((e[1]||"").matchAll(ct))).flatMap(([,e,...l])=>{const c=l.filter(Boolean).join("");if(n.includes(e))return[];for(const r of nt)if(e.startsWith(r)){e=e.slice(r.length);break}if(!c){if(R(e)&&a!==!1){const r=[`[${e}=""]`];return m&&r.push(`[${e}="true"]`),r}return[]}if(["class","className"].includes(e))return c.split(k).filter(R);{if((t==null?void 0:t.prefixedOnly)&&t.prefix&&!e.startsWith(t.prefix))return[];const r=Array.from(c.matchAll(/(?:[\?:].*?)(["'])([^\1]*?)\1/gms)).map(([,,u])=>u.split(k)).flat();return(r.length?r:c.split(k)).filter(u=>Boolean(u)&&u!==":").map(u=>`[${e}~="${u}"]`)}});return new Set(x)}}},it=(t={})=>{t.strict=t.strict??!1,t.prefix=t.prefix??"un-",t.prefixedOnly=t.prefixedOnly??!1,t.nonValuedAttribute=t.nonValuedAttribute??!0,t.ignoreAttributes=t.ignoreAttributes??T;const n=[et(t)],a=[ot(t)],m=[st];return t.strict||a.unshift(I),{name:"@unocss/preset-attributify",variants:n,extractors:a,options:t,autocomplete:{extractors:m}}},ut={key:0,"h-full":"","of-hidden":""},dt=d("div",{op50:""}," Module ",-1),ft=d("div",{"i-carbon-launch":""},null,-1),mt=d("div",{op50:""}," Matched Rules ",-1),ht=d("div",{op50:""}," CSS Size ",-1),_t=d("span",{op50:""},"gzipped",-1),pt={key:0,"row-span-3":""},xt=d("div",{op50:""}," Potentially Unmatched ",-1),yt={"h-full":"","of-hidden":""},gt=B({__name:"ModuleInfo",props:{id:null},setup(t){const n=t,{data:a}=W(D(n,"id")),m=n.id.split(/\./g).pop(),h=C(null),x=U(h,"module-scrolls");function e(){fetch(`/__open-in-editor?file=${encodeURIComponent(n.id)}`)}const{extractors:l}=it({strict:!0}),c=j(async()=>{var _;const o=new Set;if(l){const f={code:((_=a.value)==null?void 0:_.code)||""};for(const g of l){const s=await g.extract(f);s==null||s.forEach(p=>o.add(p))}}return Array.from(o).filter(f=>!f.startsWith("[")).filter(f=>{var g;return!((g=a.value)!=null&&g.matched.includes(f))})}),r=C(!1),u=Z(q(()=>{var o;return(o=a.value)==null?void 0:o.css}),r);return(o,_)=>{const f=L,g=G,s=Q,p=X;return i(a)?(E(),w("div",ut,[v(g,{ref_key:"status",ref:h,grid:"~ cols-3 gap-4"},{default:A(()=>{var y;return[d("div",null,[dt,d("a",{"cursor-pointer":"",op80:"","hover:op100":"",onClick:e},[v(f,{id:i(a).id,"mr-1":""},null,8,["id"]),ft])]),d("div",null,[mt,S(" "+V(i(a).matched.length),1)]),d("div",null,[ht,S(" "+V(((((y=i(a))==null?void 0:y.gzipSize)||0)/1024).toFixed(2))+" KiB ",1),_t]),i(c).length?(E(),w("div",pt,[xt,d("code",null,V(i(c).join(", ")),1)])):M("",!0)]}),_:1},512),d("div",yt,[v(i(J),null,{default:A(()=>[v(i(N),{size:"50"},{default:A(()=>[v(s,{"h-full":"","model-value":i(a).code,"read-only":!0,mode:i(m),matched:i(a).matched,class:"scrolls module-scrolls",style:P(i(x))},null,8,["model-value","mode","matched","style"])]),_:1}),v(i(N),{size:"50"},{default:A(()=>[d("div",null,[v(p,{border:"l b gray-400/20",title:"Output CSS"},{default:A(()=>[d("label",null,[H(d("input",{"onUpdate:modelValue":_[0]||(_[0]=y=>r.value=y),type:"checkbox"},null,512),[[K,r.value]]),S(" Prettify ")])]),_:1}),v(s,{"h-full":"",b:"l main","model-value":i(u),"read-only":!0,mode:"css",class:"scrolls module-scrolls",style:P(i(x))},null,8,["model-value","style"])])]),_:1})]),_:1})])])):M("",!0)}}}),bt=B({__name:"[id]",setup(t){const n=tt();return(a,m)=>{const h=gt;return E(),Y(h,{id:i(n).params.id},null,8,["id"])}}});export{bt as default};
|