@greensight/gts 1.0.0-alpha.5 → 1.0.0-alpha.6

package/classes/Config/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/classes/Config/index.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAEnD,MAAM,WAAW,UAAU;IACvB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,OAAO,EAAE,CAAC;CACtB;AAED,qBAAa,MAAM;IACf,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,cAAc,CAAmB;WAE5C,MAAM;IAQN,IAAI,IAAI,OAAO,CAAC,UAAU,GAAG,SAAS,CAAC;CAUvD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/classes/Config/index.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAGnD,MAAM,WAAW,UAAU;IACvB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,OAAO,EAAE,CAAC;CACtB;AAED,qBAAa,MAAM;IACf,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,cAAc,CAAmB;WAE5C,MAAM;IAQN,IAAI,IAAI,OAAO,CAAC,UAAU,GAAG,SAAS,CAAC;CAYvD"}

package/index.cjs

@@ -0,0 +1,8 @@
+"use strict";var U=Object.defineProperty;var z=(o,e,r)=>e in o?U(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r;var b=(o,e,r)=>z(o,typeof e!="symbol"?e+"":e,r);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const H=require("path"),K=require("ts-import"),k=require("node:fs"),p=require("node:fs/promises"),T=require("node:path"),u=class u{static resolveReadPath(e){if(!e||!e.trim())throw new Error("File path must be a non-empty string");return T.resolve(u.baseDir,e)}static resolveWritePath(e,r){const t=T.resolve(u.baseDir,r??"");return{targetDir:t,targetPath:T.resolve(t,e)}}static handleReadError(e,r){throw e.code==="ENOENT"?new Error(`File not found: ${r}`):new Error(`Failed to read file "${r}": ${e.message??String(e)}`)}static async read(e,r="utf8"){const t=u.resolveReadPath(e);try{return await p.readFile(t,{encoding:r})}catch(s){u.handleReadError(s,t)}}static async readBuffer(e){const r=u.resolveReadPath(e);try{return await p.readFile(r)}catch(t){u.handleReadError(t,r)}}static async readJson(e){const r=u.resolveReadPath(e);try{const t=await p.readFile(r,{encoding:"utf8"});try{return JSON.parse(t)}catch(s){throw new Error(`Failed to parse JSON from "${r}": ${s.message}`)}}catch(t){u.handleReadError(t,r)}}static async write(e,r="",t={}){const{directory:s,overwrite:n=!0}=t,{targetDir:a,targetPath:l}=u.resolveWritePath(e,s);if(!n&&k.existsSync(l))throw new Error(`File ${l} already exists`);return await p.mkdir(a,{recursive:!0}),await p.writeFile(l,r,{encoding:"utf8"}),l}static async writeWithExtension(e,r,t="",s){const n=r.startsWith(".")?r:`.${r}`,a=`${e}${n}`;return u.write(a,t,s)}static exists(e){const r=u.resolveReadPath(e);return k.existsSync(r)}static async delete(e,r){const{targetPath:t}=u.resolveWritePath(e,r);k.existsSync(t)&&await p.rm(t,{force:!0})}};b(u,"baseDir",process.cwd());let h=u;const v=class v{static async create(){if(h.exists(v.configFileName))throw new Error("The file already exists");await h.write(v.configFileName,"",{overwrite:!1})}async load(){try{const e=await K.tsImport.compile(`${H.resolve(process.cwd(),v.configFileName)}`);if(!e)throw new Error;return e.default}catch(e){console.error("Cannot find module gts.config.ts",e)}}};b(v,"configFileName","gts.config.ts");let x=v;const Q=o=>{const e=new URLSearchParams;return Object.keys(o).forEach(r=>{Array.isArray(o[r])?o[r].forEach(t=>e.append(`${r}[]`,t)):e.append(r,o[r])}),e},Z=(o,e=50)=>{const r=[];for(let t=0;t<o.length;t+=e)r.push(o.slice(t,t+e));return r};class R{constructor(e,r){b(this,"figmaToken");b(this,"fileId");b(this,"onTimeMeasureHandler");this.figmaToken=e,this.fileId=r}setOnTimeMeasureHandler(e){this.onTimeMeasureHandler=e}static async returnJSON(e){const r=await e.json();if(!e.ok){let t="Request failed";throw new Error(t)}return r}async performControlledRequest(e,{params:r={},timeout:t=3e4,abortController:s=new AbortController}={}){var g;const n=Object.entries(r).reduce((c,[y,w])=>typeof w<"u"?{...c,[y]:w}:c,{}),a=`https://api.figma.com/v1${e}${n&&Object.keys(n).length?`?${Q(n)}`:""}`;console.log("endpoinWithParams=",a);const l=setTimeout(()=>s.abort(),t),i={"Content-Type":"application/json",...this.figmaToken&&{"X-Figma-Token":this.figmaToken}},d={method:"GET",headers:i,signal:s.signal},m=performance.now(),f=await fetch(`${a}`,d);clearTimeout(l);const $=performance.now()-m;return(g=this.onTimeMeasureHandler)==null||g.call(this,a,i,$),f}async request(e,r){var s;const t=await this.performControlledRequest(e,{...r});return(s=t.headers.get("content-type"))!=null&&s.includes("application/json")?R.returnJSON(t):t}async getComponents(){return this.request(`/files/${this.fileId}/components`)}async getStyles(){return this.request(`/files/${this.fileId}/styles`)}async getNodes(e){const r=Z(e).map(n=>this.request(`/files/${this.fileId}/nodes`,{params:{ids:n.join(",")}})),t=await Promise.all(r);return{...t[0],nodes:t.reduce((n,a)=>({...n,...a.nodes}),{})}}}const _=async()=>{const e=await new x().load();if(!e)throw new Error("Заполнить ошибку через нейронку");const{figmaToken:r,fileId:t,modules:s}=e,n=new R(r,t);await Promise.all(s.map(a=>a.executor({figmaApiClient:n})))},ee=async()=>{await x.create(),console.log("\x1B[32m%s\x1B[0m","✔️ Configuration file created gts.config.ts")},re=({r:o,g:e,b:r})=>{const t=s=>`0${s.toString(16)}`.slice(-2);return`#${t(o)}${t(e)}${t(r)}`},N=({opacity:o,r:e,g:r,b:t})=>{const s=[e,r,t].map(n=>Math.round(n*255));return o<1?`rgba(${s[0]}, ${s[1]}, ${s[2]}, ${o})`:re({r:s[0],g:s[1],b:s[2]})},V=(o,e=0)=>{const r=Math.atan2(o[1].y-o[0].y,o[1].x-o[0].x);return Math.round(r*180/Math.PI)+e},C=o=>o.reduce((e,r)=>{const t=Number((r.position*100).toFixed(1));return[...e,`${N({opacity:r.color.a,r:r.color.r,g:r.color.g,b:r.color.b})}${t>0&&t<100?` ${t}%`:""}`]},[]).join(", "),W=o=>{const e=o[0].x,r=o[0].y,t=(e*100).toFixed(2),s=(r*100).toFixed(2);return{centerX:t,centerY:s}},oe=o=>{const{gradientHandlePositions:e,gradientStops:r}=o,t=V(e,90),s=C(r);return`linear-gradient(${t}deg, ${s})`},te=o=>{const e=o[0].x,r=o[0].y,t=o[1].x,s=o[1].y,n=o[2].x,a=o[2].y,l=(Math.sqrt((n-e)**2+(a-r)**2)*100).toFixed(2),i=(Math.sqrt((t-e)**2+(s-r)**2)*100).toFixed(2);return{radiusX:l,radiusY:i}},se=o=>{const{gradientHandlePositions:e,gradientStops:r}=o,{centerX:t,centerY:s}=W(e),{radiusX:n,radiusY:a}=te(e),l=C(r);return`radial-gradient(${n}% ${a}% at ${t}% ${s}%, ${l})`},ne=o=>{const{gradientHandlePositions:e,gradientStops:r}=o,t=V(e,30),{centerX:s,centerY:n}=W(e),a=C(r);return`conic-gradient(from ${t}deg at ${s}% ${n}%, ${a})`},ae=o=>{const e=o.type;return e==="SOLID"?N({opacity:o.color.a,r:o.color.r,g:o.color.g,b:o.color.b}):e==="GRADIENT_LINEAR"?oe(o):e==="GRADIENT_RADIAL"?se(o):e==="GRADIENT_ANGULAR"?ne(o):""},J=(o,e)=>{if(!e.length)return"";const r=e.map(t=>`    ${t}`).join(`
+`);return`${o} {
+${r}
+}`},ce=o=>`.${o.replace(/\s+/g,"-").toLowerCase()}`,le=o=>o.replaceAll(/ /g,"").split("/").at(-1),ie=o=>`--${o}`,de=o=>o.reduce((e,r)=>{const t=ie(r.name);return typeof r.value=="object"?Object.entries(r.value).forEach(([s,n])=>{e[s]||(e[s]=[]),e[s].push(`${t}: ${n};`)}):e.root.push(`${t}: ${r.value};`),e},{root:[]}),ue=o=>{const e=J(":root",o.root),r=Object.entries(o).reduce((t,[s,n])=>{if(s==="root"||!n.length)return t;const a=J(ce(s),n);return a&&t.push(a),t},[]).join(`
+
+`);return[e,r].filter(Boolean).join(`
+
+`)},ge=o=>{const e=o.reduce((r,t)=>({...r,[t.name]:t.value}),{});return JSON.stringify(e)},fe=async(o,e,r,t,s,n)=>{await Promise.all([h.delete(s,r),h.delete(n,t)]);const a=h.write(s,o,{directory:r}),l=h.write(n,e,{directory:t});await Promise.all([a,l])},B=async({colorTokens:o,jsonDir:e,stylesDir:r,jsonFileName:t,cssFileName:s})=>{const n=de(o),a=ue(n),l=ge(o);await fe(l,a,e,r,t,s)},he=({input:o,output:{jsonDir:e,stylesDir:r,jsonFileName:t="colors.json",cssFileName:s="colors.css"}})=>({name:"styles/colors",executor:async({figmaApiClient:n})=>{try{console.log("[styles/colors] Fetching styles from Figma...");const l=(await n.getStyles()).meta.styles,i=(o==null?void 0:o.variablePaths)||[],d=l.filter(c=>c.style_type==="FILL");if(console.log(`[styles/colors] Found ${d.length} color styles`),d.length===0){console.warn("[styles/colors] No color styles found in Figma file");return}console.log(`[styles/colors] Fetching ${d.length} color nodes from Figma...`);const m=await n.getNodes(d.map(c=>c.node_id)),f=Object.entries(m.nodes);let $=[];if(i.length>1){console.log(`[styles/colors] Reading ${i.length} variable files...`);try{$=await Promise.all(i.map(async c=>{try{return await h.readJson(c)}catch(y){throw console.error(`[styles/colors] Failed to read variable file: ${c}`,y),y}}))}catch(c){throw console.error("[styles/colors] Error reading variable files:",c),new Error(`Failed to read variable files: ${c.message}`)}}console.log(`[styles/colors] Processing ${f.length} color nodes...`);const g=f.reduce((c,[,y])=>{var w,j,O;try{const{document:E}=y,P=le(E.name);if(E.type!=="RECTANGLE")return c;const F=(w=E.fills)==null?void 0:w[0];if(!F)return c;if(F.type==="SOLID"&&$.length>1){const M=(O=(j=F.boundVariables)==null?void 0:j.color)==null?void 0:O.id;if(M){const A=$.reduce((q,G)=>{var L;const D=(L=Object.entries(G).find(([,S])=>S.$extensions["com.figma.variableId"]===M))==null?void 0:L[1];if(D){const{components:S,alpha:X}=D.$value,Y=N({opacity:X,r:S[0],g:S[1],b:S[2]});return{...q,[G.$extensions["com.figma.modeName"]]:Y}}return q},{});if(Object.keys(A).length>1)return[...c,{name:P,value:A}]}}const I=ae(F);return I?[...c,{name:P,value:I}]:c}catch(E){return console.warn("[styles/colors] Error processing color node:",E),c}},[]);if(console.log(`[styles/colors] Generated ${g.length} color tokens`),g.length===0){console.warn("[styles/colors] No color tokens generated. Check your Figma styles configuration.");return}console.log(`[styles/colors] Writing files to ${e} and ${r}...`),await B({colorTokens:g,jsonDir:e,stylesDir:r,jsonFileName:t,cssFileName:s}),console.log("[styles/colors] ✅ Successfully generated color files")}catch(a){const l=a instanceof Error?a.message:String(a);throw console.error("[styles/colors] ❌ Failed to generate colors from styles:",l),a instanceof Error&&a.stack&&console.error("[styles/colors] Stack trace:",a.stack),a}}}),me=({input:{variablePaths:o},output:{jsonDir:e,stylesDir:r,jsonFileName:t="colors.json",cssFileName:s="colors.css"}})=>({name:"variables/colors",executor:async()=>{try{if(!o.length)throw new Error("At least one variable file path is required");console.log(`[variables/colors] Reading ${o.length} variable files...`);const n=await Promise.all(o.map(async i=>{try{return console.log(`[variables/colors] Reading file: ${i}`),await h.readJson(i)}catch(d){throw console.error(`[variables/colors] Failed to read variable file: ${i}`,d),new Error(`Failed to read variable file "${i}": ${d.message}`)}}));console.log(`[variables/colors] Processing ${n.length} variable files...`);const a=new Map;n.forEach((i,d)=>{try{if(!i.$extensions||!i.$extensions["com.figma.modeName"]){console.warn(`[variables/colors] File ${o[d]} is missing modeName in extensions`);return}const m=i.$extensions["com.figma.modeName"];Object.entries(i).forEach(([f,$])=>{if(f!=="$extensions")try{const g=$;if(!g||g.$type!=="color")return;if(!g.$value||!g.$value.components){console.warn(`[variables/colors] Variable "${f}" in mode "${m}" has invalid structure`);return}const{components:c,alpha:y}=g.$value,w=N({opacity:y??1,r:c[0],g:c[1],b:c[2]});a.has(f)||a.set(f,{}),a.get(f)[m]=w}catch(g){console.warn(`[variables/colors] Error processing variable "${f}" in mode "${m}":`,g)}})}catch(m){console.error(`[variables/colors] Error processing file ${o[d]}:`,m)}});const l=Array.from(a.entries()).map(([i,d])=>({name:i,value:Object.keys(d).length>1?d:Object.values(d)[0]}));if(console.log(`[variables/colors] Generated ${l.length} color tokens`),l.length===0){console.warn("[variables/colors] No color tokens generated. Check your variable files structure.");return}console.log(`[variables/colors] Writing files to ${e} and ${r}...`),await B({colorTokens:l,jsonDir:e,stylesDir:r,jsonFileName:t,cssFileName:s}),console.log("[variables/colors] ✅ Successfully generated color files")}catch(n){const a=n instanceof Error?n.message:String(n);throw console.error("[variables/colors] ❌ Failed to generate colors from variables:",a),n instanceof Error&&n.stack&&console.error("[variables/colors] Stack trace:",n.stack),n}}});exports.colorsFromStyles=he;exports.colorsFromVariables=me;exports.generate=_;exports.init=ee;

package/{index.js → index.mjs}

@@ -1,9 +1,10 @@
 var U = Object.defineProperty;
 var z = (o, e, r) => e in o ? U(o, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : o[e] = r;
-var b = (o, e, r) => z(o, typeof e != "symbol" ? e + "" : e, r);
-import { tsImport as H } from "ts-import";
+var p = (o, e, r) => z(o, typeof e != "symbol" ? e + "" : e, r);
+import H from "path";
+import { tsImport as K } from "ts-import";
 import { existsSync as N } from "node:fs";
-import { readFile as k, mkdir as K, writeFile as Q, rm as Z } from "node:fs/promises";
+import { readFile as k, mkdir as Q, writeFile as Z, rm as _ } from "node:fs/promises";
 import { resolve as R } from "node:path";
 const d = class d {
   static resolveReadPath(e) {
@@ -56,7 +57,7 @@ const d = class d {
     const { directory: s, overwrite: n = !0 } = t, { targetDir: a, targetPath: l } = d.resolveWritePath(e, s);
     if (!n && N(l))
       throw new Error(`File ${l} already exists`);
-    return await K(a, { recursive: !0 }), await Q(l, r, { encoding: "utf8" }), l;
+    return await Q(a, { recursive: !0 }), await Z(l, r, { encoding: "utf8" }), l;
   }
   static async writeWithExtension(e, r, t = "", s) {
     const n = r.startsWith(".") ? r : `.${r}`, a = `${e}${n}`;
@@ -68,20 +69,22 @@ const d = class d {
   }
   static async delete(e, r) {
     const { targetPath: t } = d.resolveWritePath(e, r);
-    N(t) && await Z(t, { force: !0 });
+    N(t) && await _(t, { force: !0 });
   }
 };
-b(d, "baseDir", process.cwd());
+p(d, "baseDir", process.cwd());
 let m = d;
-const p = class p {
+const b = class b {
   static async create() {
-    if (m.exists(p.configFileName))
+    if (m.exists(b.configFileName))
       throw new Error("The file already exists");
-    await m.write(p.configFileName, "", { overwrite: !1 });
+    await m.write(b.configFileName, "", { overwrite: !1 });
   }
   async load() {
     try {
-      const e = await H.compile(p.configFileName);
+      const e = await K.compile(
+        `${H.resolve(process.cwd(), b.configFileName)}`
+      );
       if (!e) throw new Error();
       return e.default;
     } catch (e) {
@@ -89,14 +92,14 @@ const p = class p {
     }
   }
 };
-b(p, "configFileName", "gts.config.ts");
-let F = p;
-const _ = (o) => {
+p(b, "configFileName", "gts.config.ts");
+let F = b;
+const ee = (o) => {
   const e = new URLSearchParams();
   return Object.keys(o).forEach((r) => {
     Array.isArray(o[r]) ? o[r].forEach((t) => e.append(`${r}[]`, t)) : e.append(r, o[r]);
   }), e;
-}, ee = (o, e = 50) => {
+}, re = (o, e = 50) => {
   const r = [];
   for (let t = 0; t < o.length; t += e)
     r.push(o.slice(t, t + e));
@@ -104,9 +107,9 @@ const _ = (o) => {
 };
 class T {
   constructor(e, r) {
-    b(this, "figmaToken");
-    b(this, "fileId");
-    b(this, "onTimeMeasureHandler");
+    p(this, "figmaToken");
+    p(this, "fileId");
+    p(this, "onTimeMeasureHandler");
     this.figmaToken = e, this.fileId = r;
   }
   setOnTimeMeasureHandler(e) {
@@ -122,7 +125,7 @@ class T {
   }
   async performControlledRequest(e, { params: r = {}, timeout: t = 3e4, abortController: s = new AbortController() } = {}) {
     var u;
-    const n = Object.entries(r).reduce((c, [y, w]) => typeof w < "u" ? { ...c, [y]: w } : c, {}), a = `https://api.figma.com/v1${e}${n && Object.keys(n).length ? `?${_(n)}` : ""}`;
+    const n = Object.entries(r).reduce((c, [y, w]) => typeof w < "u" ? { ...c, [y]: w } : c, {}), a = `https://api.figma.com/v1${e}${n && Object.keys(n).length ? `?${ee(n)}` : ""}`;
     console.log("endpoinWithParams=", a);
     const l = setTimeout(() => s.abort(), t), i = {
       "Content-Type": "application/json",
@@ -150,7 +153,7 @@ class T {
     return this.request(`/files/${this.fileId}/styles`);
   }
   async getNodes(e) {
-    const r = ee(e).map(
+    const r = re(e).map(
       (n) => this.request(`/files/${this.fileId}/nodes`, { params: { ids: n.join(",") } })
     ), t = await Promise.all(r);
     return {
@@ -159,7 +162,7 @@ class T {
     };
   }
 }
-const be = async () => {
+const ve = async () => {
   const e = await new F().load();
   if (!e)
     throw new Error("Заполнить ошибку через нейронку");
@@ -177,14 +180,14 @@ const be = async () => {
     // ]
     s.map((a) => a.executor({ figmaApiClient: n }))
   );
-}, pe = async () => {
+}, Ee = async () => {
   await F.create(), console.log("\x1B[32m%s\x1B[0m", "✔️ Configuration file created gts.config.ts");
-}, re = ({ r: o, g: e, b: r }) => {
+}, oe = ({ r: o, g: e, b: r }) => {
   const t = (s) => `0${s.toString(16)}`.slice(-2);
   return `#${t(o)}${t(e)}${t(r)}`;
 }, S = ({ opacity: o, r: e, g: r, b: t }) => {
   const s = [e, r, t].map((n) => Math.round(n * 255));
-  return o < 1 ? `rgba(${s[0]}, ${s[1]}, ${s[2]}, ${o})` : re({ r: s[0], g: s[1], b: s[2] });
+  return o < 1 ? `rgba(${s[0]}, ${s[1]}, ${s[2]}, ${o})` : oe({ r: s[0], g: s[1], b: s[2] });
 }, W = (o, e = 0) => {
   const r = Math.atan2(
     o[1].y - o[0].y,
@@ -205,26 +208,26 @@ const be = async () => {
 }, []).join(", "), V = (o) => {
   const e = o[0].x, r = o[0].y, t = (e * 100).toFixed(2), s = (r * 100).toFixed(2);
   return { centerX: t, centerY: s };
-}, oe = (o) => {
+}, te = (o) => {
   const { gradientHandlePositions: e, gradientStops: r } = o, t = W(e, 90), s = C(r);
   return `linear-gradient(${t}deg, ${s})`;
-}, te = (o) => {
+}, se = (o) => {
   const e = o[0].x, r = o[0].y, t = o[1].x, s = o[1].y, n = o[2].x, a = o[2].y, l = (Math.sqrt((n - e) ** 2 + (a - r) ** 2) * 100).toFixed(2), i = (Math.sqrt((t - e) ** 2 + (s - r) ** 2) * 100).toFixed(2);
   return { radiusX: l, radiusY: i };
-}, se = (o) => {
-  const { gradientHandlePositions: e, gradientStops: r } = o, { centerX: t, centerY: s } = V(e), { radiusX: n, radiusY: a } = te(e), l = C(r);
-  return `radial-gradient(${n}% ${a}% at ${t}% ${s}%, ${l})`;
 }, ne = (o) => {
+  const { gradientHandlePositions: e, gradientStops: r } = o, { centerX: t, centerY: s } = V(e), { radiusX: n, radiusY: a } = se(e), l = C(r);
+  return `radial-gradient(${n}% ${a}% at ${t}% ${s}%, ${l})`;
+}, ae = (o) => {
   const { gradientHandlePositions: e, gradientStops: r } = o, t = W(e, 30), { centerX: s, centerY: n } = V(e), a = C(r);
   return `conic-gradient(from ${t}deg at ${s}% ${n}%, ${a})`;
-}, ae = (o) => {
+}, ce = (o) => {
   const e = o.type;
   return e === "SOLID" ? S({
     opacity: o.color.a,
     r: o.color.r,
     g: o.color.g,
     b: o.color.b
-  }) : e === "GRADIENT_LINEAR" ? oe(o) : e === "GRADIENT_RADIAL" ? se(o) : e === "GRADIENT_ANGULAR" ? ne(o) : "";
+  }) : e === "GRADIENT_LINEAR" ? te(o) : e === "GRADIENT_RADIAL" ? ne(o) : e === "GRADIENT_ANGULAR" ? ae(o) : "";
 }, J = (o, e) => {
   if (!e.length) return "";
   const r = e.map((t) => `    ${t}`).join(`
@@ -232,18 +235,18 @@ const be = async () => {
   return `${o} {
 ${r}
 }`;
-}, ce = (o) => `.${o.replace(/\s+/g, "-").toLowerCase()}`, le = (o) => o.replaceAll(/ /g, "").split("/").at(-1), ie = (o) => `--${o}`, ge = (o) => o.reduce(
+}, le = (o) => `.${o.replace(/\s+/g, "-").toLowerCase()}`, ie = (o) => o.replaceAll(/ /g, "").split("/").at(-1), ge = (o) => `--${o}`, de = (o) => o.reduce(
   (e, r) => {
-    const t = ie(r.name);
+    const t = ge(r.name);
     return typeof r.value == "object" ? Object.entries(r.value).forEach(([s, n]) => {
       e[s] || (e[s] = []), e[s].push(`${t}: ${n};`);
     }) : e.root.push(`${t}: ${r.value};`), e;
   },
   { root: [] }
-), de = (o) => {
+), ue = (o) => {
   const e = J(":root", o.root), r = Object.entries(o).reduce((t, [s, n]) => {
     if (s === "root" || !n.length) return t;
-    const a = J(ce(s), n);
+    const a = J(le(s), n);
     return a && t.push(a), t;
   }, []).join(`
 
@@ -251,10 +254,10 @@ ${r}
   return [e, r].filter(Boolean).join(`
 
 `);
-}, ue = (o) => {
+}, fe = (o) => {
   const e = o.reduce((r, t) => ({ ...r, [t.name]: t.value }), {});
   return JSON.stringify(e);
-}, fe = async (o, e, r, t, s, n) => {
+}, me = async (o, e, r, t, s, n) => {
   await Promise.all([m.delete(s, r), m.delete(n, t)]);
   const a = m.write(s, o, { directory: r }), l = m.write(n, e, { directory: t });
   await Promise.all([a, l]);
@@ -265,9 +268,9 @@ ${r}
   jsonFileName: t,
   cssFileName: s
 }) => {
-  const n = ge(o), a = de(n), l = ue(o);
-  await fe(l, a, e, r, t, s);
-}, ve = ({
+  const n = de(o), a = ue(n), l = fe(o);
+  await me(l, a, e, r, t, s);
+}, xe = ({
   input: o,
   output: { jsonDir: e, stylesDir: r, jsonFileName: t = "colors.json", cssFileName: s = "colors.css" }
 }) => ({
@@ -303,7 +306,7 @@ ${r}
       const u = f.reduce((c, [, y]) => {
         var w, j, O;
         try {
-          const { document: v } = y, P = le(v.name);
+          const { document: v } = y, P = ie(v.name);
           if (v.type !== "RECTANGLE") return c;
           const x = (w = v.fills) == null ? void 0 : w[0];
           if (!x) return c;
@@ -336,7 +339,7 @@ ${r}
                 ];
             }
           }
-          const I = ae(x);
+          const I = ce(x);
           return I ? [
             ...c,
             {
@@ -364,7 +367,7 @@ ${r}
       throw console.error("[styles/colors] ❌ Failed to generate colors from styles:", l), a instanceof Error && a.stack && console.error("[styles/colors] Stack trace:", a.stack), a;
     }
   }
-}), Ee = ({
+}), Fe = ({
   input: { variablePaths: o },
   output: { jsonDir: e, stylesDir: r, jsonFileName: t = "colors.json", cssFileName: s = "colors.css" }
 }) => ({
@@ -447,8 +450,8 @@ ${r}
   }
 });
 export {
-  ve as colorsFromStyles,
-  Ee as colorsFromVariables,
-  be as generate,
-  pe as init
+  xe as colorsFromStyles,
+  Fe as colorsFromVariables,
+  ve as generate,
+  Ee as init
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@greensight/gts",
-  "version": "1.0.0-alpha.5",
+  "version": "1.0.0-alpha.6",
   "description": "Generate design tokens from Figma",
   "keywords": [
     "figma",
@@ -12,7 +12,6 @@
     "typescript"
   ],
   "private": false,
-  "type": "module",
   "engines": {
     "node": ">=16.0.0"
   },
@@ -28,8 +27,15 @@
     "ts-import": "2.0.40"
   },
   "types": "./index.d.ts",
-  "module": "./index.js",
-  "main": "./index.js",
+  "main": "./index.cjs",
+  "module": "./index.mjs",
+  "exports": {
+    ".": {
+      "types": "./index.d.ts",
+      "import": "./index.mjs",
+      "require": "./index.cjs"
+    }
+  },
   "bin": {
     "gts-init": "./bin/init.js",
     "gts-generate": "./bin/generate.js"