@salty-css/webpack 0.0.1-alpha.59 → 0.0.1-alpha.60

package/{index-DTnJCqDC.js → index-C_lRIdSu.js}

@@ -61,7 +61,7 @@ const st = (t, s) => {
       const m = c.includes("&") ? l.replace("&", s) : l.startsWith(":") ? `${s}${l}` : `${s} ${l}`, C = P(r, m);
       return o.push(C), p;
     }
-    const k = l.startsWith("-") ? l : E(l), b = (m, C = ";") => p = `${p}${m}${C}`, a = (m) => b(`${k}:${m}`);
+    const x = l.startsWith("-") ? l : E(l), b = (m, C = ";") => p = `${p}${m}${C}`, a = (m) => b(`${x}:${m}`);
     if (typeof r == "number") return a(r);
     if (typeof r != "string")
       if ("toString" in r) r = r.toString();
@@ -106,8 +106,8 @@ const st = (t, s) => {
     treeShaking: !0,
     bundle: !0,
     outfile: n,
-    format: o
-    // external: ['react'],
+    format: o,
+    external: ["react"]
   });
   const y = Date.now(), { config: g } = await import(`${n}?t=${y}`);
   return g;
@@ -125,12 +125,12 @@ const st = (t, s) => {
   }) : [], y = (i) => i ? Object.entries(i).flatMap(([f, h]) => Object.entries(h).flatMap(([d, w]) => {
     const $ = n(w, [f]), S = `.${f}-${d}, [data-${f}="${d}"]`, D = $.join("");
     return `${S} { ${D} }`;
-  })) : [], g = n(s.variables), p = o(s.responsiveVariables), c = y(s.conditionalVariables), r = O(t), l = u(r, "css/variables.css"), k = `:root { ${g.join("")} ${p.join("")} } ${c.join("")}`;
-  T(l, k);
+  })) : [], g = n(s.variables), p = o(s.responsiveVariables), c = y(s.conditionalVariables), r = O(t), l = u(r, "css/variables.css"), x = `:root { ${g.join("")} ${p.join("")} } ${c.join("")}`;
+  T(l, x);
   const b = u(r, "types/css-tokens.d.ts"), j = `type VariableTokens = ${[...e].join("|") || '""'}; type PropertyValueToken = \`{\${VariableTokens}}\``;
   T(b, j);
-  const x = u(r, "css/global.css"), F = P(s.global, "");
-  T(x, F);
+  const k = u(r, "css/global.css"), F = P(s.global, "");
+  T(k, F);
   const m = u(r, "css/templates.css"), C = H(s.templates);
   T(m, C);
 }, _ = async (t, s) => {
@@ -143,8 +143,8 @@ const st = (t, s) => {
     outfile: n,
     format: o,
     target: ["es2022"],
-    keepNames: !0
-    // external: ['react'],
+    keepNames: !0,
+    external: ["react"]
   });
   const y = Date.now();
   return await import(`${n}?t=${y}`);
@@ -159,10 +159,10 @@ const st = (t, s) => {
     })(), await rt(t);
     const g = await W(t);
     async function p(a, j) {
-      const x = ["node_modules", "saltygen"], F = X(a);
+      const k = ["node_modules", "saltygen"], F = X(a);
       if (F.isDirectory()) {
         const m = Y(a);
-        if (x.some((i) => a.includes(i))) return;
+        if (k.some((i) => a.includes(i))) return;
         await Promise.all(m.map((i) => p(u(a, i), u(j, i))));
       } else if (F.isFile() && R(a)) {
         const C = await _(a, n), i = [];
@@ -219,13 +219,13 @@ ${c}`;
         const j = a.generator._withBuildContext({
           name: b,
           config: g
-        }), x = `${j.hash}-${j.priority}.css`, F = `css/${x}`, m = u(n, F);
-        e.push(x), T(m, j.css);
+        }), k = `${j.hash}-${j.priority}.css`, F = `css/${k}`, m = u(n, F);
+        e.push(k), T(m, j.css);
       });
       const c = M(o, "utf8").split(`
-`), r = e.map((b) => `@import url('../saltygen/css/${b}');`), k = [.../* @__PURE__ */ new Set([...c, ...r])].join(`
+`), r = e.map((b) => `@import url('../saltygen/css/${b}');`), x = [.../* @__PURE__ */ new Set([...c, ...r])].join(`
 `);
-      T(o, k);
+      T(o, x);
     }
   } catch (e) {
     console.error(e);
@@ -238,17 +238,17 @@ ${c}`;
       o.replace(/^(?!export\s)const\s.*/gm, (l) => `export ${l}`) !== o && await Q(s, o);
       const g = await W(t), p = await _(s, e);
       let c = o;
-      Object.entries(p).forEach(([l, k]) => {
+      Object.entries(p).forEach(([l, x]) => {
         var D;
-        if (k.isKeyframes || !k.generator) return;
-        const b = k.generator._withBuildContext({
+        if (x.isKeyframes || !x.generator) return;
+        const b = x.generator._withBuildContext({
           name: l,
           config: g
         }), a = new RegExp(`\\s${l}[=\\s]+[^()]+styled\\(([^,]+),`, "g").exec(o);
         if (!a) return console.error("Could not find the original declaration");
-        const j = (D = a.at(1)) == null ? void 0 : D.trim(), x = new RegExp(`\\s${l}[=\\s]+styled\\(`, "g").exec(c);
-        if (!x) return console.error("Could not find the original declaration");
-        const { index: F } = x;
+        const j = (D = a.at(1)) == null ? void 0 : D.trim(), k = new RegExp(`\\s${l}[=\\s]+styled\\(`, "g").exec(c);
+        if (!k) return console.error("Could not find the original declaration");
+        const { index: F } = k;
         let m = !1;
         const C = setTimeout(() => m = !0, 5e3);
         let i = 0, f = !1, h = 0;

package/{index-DjRQPC8x.cjs → index-DAI5deWk.cjs}

@@ -2,17 +2,17 @@
  ${i.replace(`
 `,`
  `)}
-}`;return o.push(f),u}const g=c.includes("&")?l.replace("&",e):l.startsWith(":")?`${e}${l}`:`${e} ${l}`,k=O(r,g);return o.push(k),u}const T=l.startsWith("-")?l:P(l),b=(g,k=";")=>u=`${u}${g}${k}`,a=g=>b(`${T}:${g}`);if(typeof r=="number")return a(r);if(typeof r!="string")if("toString"in r)r=r.toString();else return u;const{modifiers:S}={},C=function*(){yield z(r),yield tt(r,S)}();for(const{result:g,additionalCss:k=[]}of C)r=g,k.forEach(i=>{const f=O(i,"");b(f,"")});return a(r)},"");if(!y)return o.join(`
+}`;return o.push(f),u}const g=c.includes("&")?l.replace("&",e):l.startsWith(":")?`${e}${l}`:`${e} ${l}`,k=O(r,g);return o.push(k),u}const x=l.startsWith("-")?l:P(l),b=(g,k=";")=>u=`${u}${g}${k}`,a=g=>b(`${x}:${g}`);if(typeof r=="number")return a(r);if(typeof r!="string")if("toString"in r)r=r.toString();else return u;const{modifiers:S}={},C=function*(){yield z(r),yield tt(r,S)}();for(const{result:g,additionalCss:k=[]}of C)r=g,k.forEach(i=>{const f=O(i,"");b(f,"")});return a(r)},"");if(!y)return o.join(`
 `);if(!e)return y;let d="";return d=`${e} { ${y} }`,[d,...o].join(`
 `)},B=(t,e=[])=>{if(!t)return"";const s=[],n={};if(Object.entries(t).forEach(([o,y])=>{if(typeof y=="object"){if(!y)return;const d=o.trim(),u=B(y,[...e,d]);s.push(u)}else n[o]=y}),Object.keys(n).length){const o=e.map(P).join("-"),y=O(n,`.${o}`);s.push(y)}return s.join(`
-`)},Z=()=>(typeof document>"u"?require("url").pathToFileURL(__filename).href:V&&V.tagName.toUpperCase()==="SCRIPT"&&V.src||new URL("index-DjRQPC8x.cjs",document.baseURI).href).endsWith(".cjs")?"cjs":"esm",E=t=>p.join(t,"./saltygen"),et=["salty","css","styles","styled"],U=(t=[])=>new RegExp(`\\.(${[...et,...t].join("|")})\\.`),R=(t,e=[])=>U(e).test(t),st=async t=>{const e=E(t),s=p.join(t,"salty.config.ts"),n=p.join(e,"salty.config.js"),o=Z();console.log("Module type:",o),await W.build({entryPoints:[s],minify:!0,treeShaking:!0,bundle:!0,outfile:n,format:o});const y=Date.now(),{config:d}=await import(`${n}?t=${y}`);return d},nt=async t=>{const e=await st(t),s=new Set,n=(i,f=[])=>i?Object.entries(i).flatMap(([$,m])=>{if(!m)return;if(typeof m=="object")return n(m,[...f,$]);const F=[...f,$].join(".");s.add(`"${F}"`);const j=[...f.map(P),P($)].join("-"),{result:w}=z(m);return`--${j}: ${w};`}):[],o=i=>i?Object.entries(i).flatMap(([f,$])=>{const m=n($);return f==="base"?m.join(""):`${f} { ${m.join("")} }`}):[],y=i=>i?Object.entries(i).flatMap(([f,$])=>Object.entries($).flatMap(([m,F])=>{const j=n(F,[f]),w=`.${f}-${m}, [data-${f}="${m}"]`,D=j.join("");return`${w} { ${D} }`})):[],d=n(e.variables),u=o(e.responsiveVariables),c=y(e.conditionalVariables),r=E(t),l=p.join(r,"css/variables.css"),T=`:root { ${d.join("")} ${u.join("")} } ${c.join("")}`;h.writeFileSync(l,T);const b=p.join(r,"types/css-tokens.d.ts"),S=`type VariableTokens = ${[...s].join("|")||'""'}; type PropertyValueToken = \`{\${VariableTokens}}\``;h.writeFileSync(b,S);const x=p.join(r,"css/global.css"),C=O(e.global,"");h.writeFileSync(x,C);const g=p.join(r,"css/templates.css"),k=B(e.templates);h.writeFileSync(g,k)},M=async(t,e)=>{const s=_(t),n=p.join(e,"js",s+".js"),o=Z();console.log("Module type:",o),await W.build({entryPoints:[t],minify:!0,treeShaking:!0,bundle:!0,outfile:n,format:o,target:["es2022"],keepNames:!0});const y=Date.now();return await import(`${n}?t=${y}`)},A=async t=>{const e=E(t),s=p.join(e,"salty.config.js"),{config:n}=await import(s);return n},ot=async t=>{try{const e=[],s=[],n=E(t),o=p.join(n,"index.css");(()=>{h.existsSync(n)&&G.execSync("rm -rf "+n),h.mkdirSync(n),h.mkdirSync(p.join(n,"css")),h.mkdirSync(p.join(n,"types"))})(),await nt(t);const d=await A(t);async function u(a,S){const x=["node_modules","saltygen"],C=h.statSync(a);if(C.isDirectory()){const g=h.readdirSync(a);if(x.some(i=>a.includes(i)))return;await Promise.all(g.map(i=>u(p.join(a,i),p.join(S,i))))}else if(C.isFile()&&R(a)){const k=await M(a,n),i=[];Object.entries(k).forEach(([F,j])=>{if(j.isKeyframes&&j.css){const q=`${j.animationName}.css`,L=`css/${q}`,J=p.join(n,L);e.push(q),h.writeFileSync(J,j.css);return}if(!j.generator)return;const w=j.generator._withBuildContext({name:F,config:d}),D=`${w.hash}-${w.priority}.css`;s[w.priority]||(s[w.priority]=[]),s[w.priority].push(D),i.push(D);const N=`css/${D}`,H=p.join(n,N);h.writeFileSync(H,w.css)});const f=i.map(F=>`@import url('./${F}');`).join(`
+`)},Z=()=>(typeof document>"u"?require("url").pathToFileURL(__filename).href:V&&V.tagName.toUpperCase()==="SCRIPT"&&V.src||new URL("index-DAI5deWk.cjs",document.baseURI).href).endsWith(".cjs")?"cjs":"esm",E=t=>p.join(t,"./saltygen"),et=["salty","css","styles","styled"],U=(t=[])=>new RegExp(`\\.(${[...et,...t].join("|")})\\.`),R=(t,e=[])=>U(e).test(t),st=async t=>{const e=E(t),s=p.join(t,"salty.config.ts"),n=p.join(e,"salty.config.js"),o=Z();console.log("Module type:",o),await W.build({entryPoints:[s],minify:!0,treeShaking:!0,bundle:!0,outfile:n,format:o,external:["react"]});const y=Date.now(),{config:d}=await import(`${n}?t=${y}`);return d},nt=async t=>{const e=await st(t),s=new Set,n=(i,f=[])=>i?Object.entries(i).flatMap(([$,m])=>{if(!m)return;if(typeof m=="object")return n(m,[...f,$]);const F=[...f,$].join(".");s.add(`"${F}"`);const j=[...f.map(P),P($)].join("-"),{result:w}=z(m);return`--${j}: ${w};`}):[],o=i=>i?Object.entries(i).flatMap(([f,$])=>{const m=n($);return f==="base"?m.join(""):`${f} { ${m.join("")} }`}):[],y=i=>i?Object.entries(i).flatMap(([f,$])=>Object.entries($).flatMap(([m,F])=>{const j=n(F,[f]),w=`.${f}-${m}, [data-${f}="${m}"]`,D=j.join("");return`${w} { ${D} }`})):[],d=n(e.variables),u=o(e.responsiveVariables),c=y(e.conditionalVariables),r=E(t),l=p.join(r,"css/variables.css"),x=`:root { ${d.join("")} ${u.join("")} } ${c.join("")}`;h.writeFileSync(l,x);const b=p.join(r,"types/css-tokens.d.ts"),S=`type VariableTokens = ${[...s].join("|")||'""'}; type PropertyValueToken = \`{\${VariableTokens}}\``;h.writeFileSync(b,S);const T=p.join(r,"css/global.css"),C=O(e.global,"");h.writeFileSync(T,C);const g=p.join(r,"css/templates.css"),k=B(e.templates);h.writeFileSync(g,k)},M=async(t,e)=>{const s=_(t),n=p.join(e,"js",s+".js"),o=Z();console.log("Module type:",o),await W.build({entryPoints:[t],minify:!0,treeShaking:!0,bundle:!0,outfile:n,format:o,target:["es2022"],keepNames:!0,external:["react"]});const y=Date.now();return await import(`${n}?t=${y}`)},A=async t=>{const e=E(t),s=p.join(e,"salty.config.js"),{config:n}=await import(s);return n},ot=async t=>{try{const e=[],s=[],n=E(t),o=p.join(n,"index.css");(()=>{h.existsSync(n)&&G.execSync("rm -rf "+n),h.mkdirSync(n),h.mkdirSync(p.join(n,"css")),h.mkdirSync(p.join(n,"types"))})(),await nt(t);const d=await A(t);async function u(a,S){const T=["node_modules","saltygen"],C=h.statSync(a);if(C.isDirectory()){const g=h.readdirSync(a);if(T.some(i=>a.includes(i)))return;await Promise.all(g.map(i=>u(p.join(a,i),p.join(S,i))))}else if(C.isFile()&&R(a)){const k=await M(a,n),i=[];Object.entries(k).forEach(([F,j])=>{if(j.isKeyframes&&j.css){const q=`${j.animationName}.css`,L=`css/${q}`,J=p.join(n,L);e.push(q),h.writeFileSync(J,j.css);return}if(!j.generator)return;const w=j.generator._withBuildContext({name:F,config:d}),D=`${w.hash}-${w.priority}.css`;s[w.priority]||(s[w.priority]=[]),s[w.priority].push(D),i.push(D);const N=`css/${D}`,H=p.join(n,N);h.writeFileSync(H,w.css)});const f=i.map(F=>`@import url('./${F}');`).join(`
 `),$=_(a,6),m=p.join(n,`css/${$}.css`);h.writeFileSync(m,f)}}await u(t,n);const c=e.map(a=>`@import url('./css/${a}');`).join(`
 `);let b=`@layer l0, l1, l2, l3, l4, l5, l6, l7, l8;
 
 ${["variables.css","global.css","templates.css"].filter(a=>{try{return h.readFileSync(p.join(n,"css",a),"utf8").length>0}catch{return!1}}).map(a=>`@import url('./css/${a}');`).join(`
 `)}
 ${c}`;if(d.importStrategy!=="component"){const a=s.flat().map(S=>`@import url('./css/${S}');`).join(`
-`);b+=a}h.writeFileSync(o,b)}catch(e){console.error(e)}},rt=async(t,e)=>{try{const s=[],n=p.join(t,"./saltygen"),o=p.join(n,"index.css");if(R(e)){const d=await A(t),u=await M(e,n);Object.entries(u).forEach(([b,a])=>{if(!a.generator)return;const S=a.generator._withBuildContext({name:b,config:d}),x=`${S.hash}-${S.priority}.css`,C=`css/${x}`,g=p.join(n,C);s.push(x),h.writeFileSync(g,S.css)});const c=h.readFileSync(o,"utf8").split(`
-`),r=s.map(b=>`@import url('../saltygen/css/${b}');`),T=[...new Set([...c,...r])].join(`
-`);h.writeFileSync(o,T)}}catch(s){console.error(s)}},it=async(t,e)=>{try{const s=p.join(t,"./saltygen");if(R(e)){const o=h.readFileSync(e,"utf8");o.replace(/^(?!export\s)const\s.*/gm,l=>`export ${l}`)!==o&&await X.writeFile(e,o);const d=await A(t),u=await M(e,s);let c=o;Object.entries(u).forEach(([l,T])=>{var D;if(T.isKeyframes||!T.generator)return;const b=T.generator._withBuildContext({name:l,config:d}),a=new RegExp(`\\s${l}[=\\s]+[^()]+styled\\(([^,]+),`,"g").exec(o);if(!a)return console.error("Could not find the original declaration");const S=(D=a.at(1))==null?void 0:D.trim(),x=new RegExp(`\\s${l}[=\\s]+styled\\(`,"g").exec(c);if(!x)return console.error("Could not find the original declaration");const{index:C}=x;let g=!1;const k=setTimeout(()=>g=!0,5e3);let i=0,f=!1,$=0;for(;!f&&!g;){const N=c[C+i];N==="("&&$++,N===")"&&$--,$===0&&N===")"&&(f=!0),i>c.length&&(g=!0),i++}if(!g)clearTimeout(k);else throw new Error("Failed to find the end of the styled call and timed out");const m=C+i,F=c.slice(C,m),j=c,w=` ${l} = styled(${S}, "${b.classNames}", "${b._callerName}", ${JSON.stringify(b.props)});`;c=c.replace(F,w),j===c&&console.error("Minimize file failed to change content",{name:l,tagName:S})});const r=_(e,6);return d.importStrategy==="component"&&(c=`import '../../saltygen/css/${r}.css';
+`);b+=a}h.writeFileSync(o,b)}catch(e){console.error(e)}},rt=async(t,e)=>{try{const s=[],n=p.join(t,"./saltygen"),o=p.join(n,"index.css");if(R(e)){const d=await A(t),u=await M(e,n);Object.entries(u).forEach(([b,a])=>{if(!a.generator)return;const S=a.generator._withBuildContext({name:b,config:d}),T=`${S.hash}-${S.priority}.css`,C=`css/${T}`,g=p.join(n,C);s.push(T),h.writeFileSync(g,S.css)});const c=h.readFileSync(o,"utf8").split(`
+`),r=s.map(b=>`@import url('../saltygen/css/${b}');`),x=[...new Set([...c,...r])].join(`
+`);h.writeFileSync(o,x)}}catch(s){console.error(s)}},it=async(t,e)=>{try{const s=p.join(t,"./saltygen");if(R(e)){const o=h.readFileSync(e,"utf8");o.replace(/^(?!export\s)const\s.*/gm,l=>`export ${l}`)!==o&&await X.writeFile(e,o);const d=await A(t),u=await M(e,s);let c=o;Object.entries(u).forEach(([l,x])=>{var D;if(x.isKeyframes||!x.generator)return;const b=x.generator._withBuildContext({name:l,config:d}),a=new RegExp(`\\s${l}[=\\s]+[^()]+styled\\(([^,]+),`,"g").exec(o);if(!a)return console.error("Could not find the original declaration");const S=(D=a.at(1))==null?void 0:D.trim(),T=new RegExp(`\\s${l}[=\\s]+styled\\(`,"g").exec(c);if(!T)return console.error("Could not find the original declaration");const{index:C}=T;let g=!1;const k=setTimeout(()=>g=!0,5e3);let i=0,f=!1,$=0;for(;!f&&!g;){const N=c[C+i];N==="("&&$++,N===")"&&$--,$===0&&N===")"&&(f=!0),i>c.length&&(g=!0),i++}if(!g)clearTimeout(k);else throw new Error("Failed to find the end of the styled call and timed out");const m=C+i,F=c.slice(C,m),j=c,w=` ${l} = styled(${S}, "${b.classNames}", "${b._callerName}", ${JSON.stringify(b.props)});`;c=c.replace(F,w),j===c&&console.error("Minimize file failed to change content",{name:l,tagName:S})});const r=_(e,6);return d.importStrategy==="component"&&(c=`import '../../saltygen/css/${r}.css';
 ${c}`),c=c.replace("{ styled }","{ styledClient as styled }"),c=c.replace("@salty-css/react/styled","@salty-css/react/styled-client"),c}}catch(s){console.error("Error in minimizeFile:",s)}};exports.generateCss=ot;exports.generateFile=rt;exports.minimizeFile=it;exports.saltyFileRegExp=U;

package/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p=require("path"),u=require("./index-DjRQPC8x.cjs"),r=(e,s,o=!1,n=!1)=>{var a,l,t;(l=(a=e.module)==null?void 0:a.rules)==null||l.push({test:u.saltyFileRegExp(),use:[{loader:p.resolve(__dirname,n?"./loader.cjs":"./loader.js"),options:{dir:s}}]}),o||(t=e.plugins)==null||t.push({apply:i=>{i.hooks.afterPlugins.tap({name:"generateCss"},async()=>{await u.generateCss(s)})}})};exports.default=r;exports.saltyPlugin=r;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p=require("path"),u=require("./index-DAI5deWk.cjs"),r=(e,s,o=!1,n=!1)=>{var a,l,t;(l=(a=e.module)==null?void 0:a.rules)==null||l.push({test:u.saltyFileRegExp(),use:[{loader:p.resolve(__dirname,n?"./loader.cjs":"./loader.js"),options:{dir:s}}]}),o||(t=e.plugins)==null||t.push({apply:i=>{i.hooks.afterPlugins.tap({name:"generateCss"},async()=>{await u.generateCss(s)})}})};exports.default=r;exports.saltyPlugin=r;

package/index.js

@@ -1,5 +1,5 @@
 import { resolve as n } from "path";
-import { s as u, g as i } from "./index-DTnJCqDC.js";
+import { s as u, g as i } from "./index-C_lRIdSu.js";
 const g = (s, e, o = !1, r = !1) => {
   var a, l, t;
   (l = (a = s.module) == null ? void 0 : a.rules) == null || l.push({

package/loader.cjs

@@ -1 +1 @@
-"use strict";const i=require("./index-DjRQPC8x.cjs");async function n(){const{dir:e}=this.getOptions(),{resourcePath:t}=this;return await i.generateFile(e,t),await i.minimizeFile(e,t)}module.exports=n;
+"use strict";const i=require("./index-DAI5deWk.cjs");async function n(){const{dir:e}=this.getOptions(),{resourcePath:t}=this;return await i.generateFile(e,t),await i.minimizeFile(e,t)}module.exports=n;

package/loader.js

@@ -1,4 +1,4 @@
-import { a as e, m as i } from "./index-DTnJCqDC.js";
+import { a as e, m as i } from "./index-C_lRIdSu.js";
 async function s() {
   const { dir: t } = this.getOptions(), { resourcePath: a } = this;
   return await e(t, a), await i(t, a);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salty-css/webpack",
-  "version": "0.0.1-alpha.59",
+  "version": "0.0.1-alpha.60",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "typings": "./dist/index.d.ts",
@@ -29,7 +29,7 @@
     }
   },
   "dependencies": {
-    "@salty-css/core": "^0.0.1-alpha.59",
+    "@salty-css/core": "^0.0.1-alpha.60",
     "webpack": ">=5.x"
   }
 }