next-style 2.0.5 → 2.0.7
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
CHANGED
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
"use strict";var
|
|
2
|
-
${s}}`,mediaQueries:{},pseudoClasses:{},keyframes:"",supports:{},layers:{}})}compileStyle(e){let{mediaQueries:t,pseudoClasses:n,normalStyles:s,keyframes:o,supports:d,container:y,layer:C}=this.parseStyles(e),a=`ns-${h(e)}`,E=this.buildDeclarations(s),
|
|
3
|
-
${E}}`,
|
|
1
|
+
"use strict";var U=Object.create;var x=Object.defineProperty;var V=Object.getOwnPropertyDescriptor;var X=Object.getOwnPropertyNames;var Y=Object.getPrototypeOf,q=Object.prototype.hasOwnProperty;var ee=(r,e)=>{for(var t in e)x(r,t,{get:e[t],enumerable:!0})},N=(r,e,t,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of X(e))!q.call(r,s)&&s!==t&&x(r,s,{get:()=>e[s],enumerable:!(n=V(e,s))||n.enumerable});return r};var g=(r,e,t)=>(t=r!=null?U(Y(r)):{},N(e||!r||!r.__esModule?x(t,"default",{value:r,enumerable:!0}):t,r)),te=r=>N(x({},"__esModule",{value:!0}),r);var ne={};ee(ne,{BREAKPOINTS:()=>S,StyleCollector:()=>m,camelToKebab:()=>P,createTransformer:()=>z,css:()=>G,deduplicateStyles:()=>T,generateClassHash:()=>h,global:()=>J,normalizeMediaQuery:()=>O,plugin:()=>k,postcssPlugin:()=>_,styleCollector:()=>u,validateCSSProperty:()=>Q});module.exports=te(ne);var F=g(require("fs"),1),I=g(require("os"),1),K=g(require("path"),1);function P(r){return r.replace(/[A-Z]/g,e=>`-${e.toLowerCase()}`)}function h(r){let e=typeof r=="string"?r:JSON.stringify(r),t=0;for(let n=0;n<e.length;n++){let s=e.charCodeAt(n);t=(t<<5)-t+s,t=t&t}return Math.abs(t).toString(36)}var S={"@sm":"@media (min-width: 640px)","@md":"@media (min-width: 768px)","@lg":"@media (min-width: 1024px)","@xl":"@media (min-width: 1280px)","@2xl":"@media (min-width: 1536px)"};function O(r){return S[r]??r}function Q(r,e){return typeof e=="string"||typeof e=="number"||typeof e=="object"&&!Array.isArray(e)}function T(r){let e=new Map,t=new Set;return r.forEach((n,s)=>{let o=JSON.stringify(n);t.has(o)||(t.add(o),e.set(s,n))}),e}var m=class{constructor(){this.styles=new Map}addStyle(e){let n=`ns-${h(e)}`;if(this.styles.has(n))return n;let s=this.compileStyle(e);return this.styles.set(n,s),n}addGlobalStyle(e,t){let n=`global:${e}`;if(this.styles.has(n))return;let s=this.buildDeclarations(t);s&&this.styles.set(n,{className:n,css:`${e} {
|
|
2
|
+
${s}}`,mediaQueries:{},pseudoClasses:{},keyframes:"",supports:{},layers:{}})}compileStyle(e){let{mediaQueries:t,pseudoClasses:n,normalStyles:s,keyframes:o,supports:d,container:y,layer:C}=this.parseStyles(e),a=`ns-${h(e)}`,E=this.buildDeclarations(s),v=`.${a} {
|
|
3
|
+
${E}}`,f={};Object.entries(t).forEach(([l,p])=>{let c=O(l),$=this.buildDeclarations(p," ");if(f[c]){let Z=f[c].split(`
|
|
4
4
|
`).slice(2,-2).join(`
|
|
5
|
-
`);
|
|
5
|
+
`);f[c]=`${c} {
|
|
6
6
|
.${a} {
|
|
7
|
-
${
|
|
7
|
+
${Z}
|
|
8
8
|
${$} }
|
|
9
|
-
}`}else
|
|
9
|
+
}`}else f[c]=`${c} {
|
|
10
10
|
.${a} {
|
|
11
11
|
${$} }
|
|
12
|
-
}`}),Object.entries(y).forEach(([l,p])=>{let c=this.buildDeclarations(p," ");
|
|
12
|
+
}`}),Object.entries(y).forEach(([l,p])=>{let c=this.buildDeclarations(p," ");f[l]=`${l} {
|
|
13
13
|
.${a} {
|
|
14
14
|
${c} }
|
|
15
|
-
}`});let
|
|
15
|
+
}`});let w={};Object.entries(n).forEach(([l,p])=>{let c=this.buildDeclarations(p);w[l]=`.${a}${l} {
|
|
16
16
|
${c}}`});let b="";Object.entries(o).forEach(([l,p])=>{b+=`@keyframes ${l} {
|
|
17
17
|
`,Object.entries(p).forEach(([c,$])=>{let D=this.buildDeclarations($," ");b+=` ${c} {
|
|
18
18
|
${D} }
|
|
@@ -21,11 +21,11 @@ ${D} }
|
|
|
21
21
|
.${a} {
|
|
22
22
|
${c} }
|
|
23
23
|
}`});let W={};return Object.entries(C).forEach(([l,p])=>{let c=this.buildDeclarations(p," ");W[l]=`@layer ${l} {
|
|
24
|
-
${c}}`}),{className:a,css:
|
|
24
|
+
${c}}`}),{className:a,css:v,mediaQueries:f,pseudoClasses:w,keyframes:b,supports:A,layers:W}}parseStyles(e){let t={},n={},s={},o={},d={},y={},C={};return Object.entries(e).forEach(([i,a])=>{if(i.startsWith("@keyframes "))o[i.slice(11)]=a;else if(i==="@keyframes"&&typeof a=="object")Object.assign(o,a);else if(i.startsWith("@supports")){let E=i.slice(0,9)==="@supports"?i.slice(9).trim():i;d[E]=a}else i.startsWith("@container")?y[i]=a:i.startsWith("@layer")?C[i.slice(7)||"default"]=a:i in S||i.startsWith("@media")?n[i]=a:i.startsWith(":")||i.startsWith("::")?s[i]=a:t[i]=a}),{normalStyles:t,mediaQueries:n,pseudoClasses:s,keyframes:o,supports:d,container:y,layer:C}}buildDeclarations(e,t=" "){let n="";return Object.entries(e).forEach(([s,o])=>{(typeof o=="string"||typeof o=="number")&&(n+=`${t}${P(s)}: ${o};
|
|
25
25
|
`)}),n}getAllStyles(){let e="";return this.styles.forEach(t=>{t.keyframes&&(e+=`${t.keyframes}
|
|
26
26
|
`),t.css&&(e+=`${t.css}
|
|
27
27
|
`),Object.values(t.pseudoClasses).forEach(s=>{e+=`${s}
|
|
28
28
|
`}),Object.values(t.layers).forEach(s=>{e+=`${s}
|
|
29
29
|
`}),Object.values(t.supports).forEach(s=>{e+=`${s}
|
|
30
30
|
`}),Object.entries(t.mediaQueries).sort(([s],[o])=>this.extractMinWidth(s)-this.extractMinWidth(o)).forEach(([,s])=>{e+=`${s}
|
|
31
|
-
`})}),e}extractMinWidth(e){let t=e.match(/min-width:\s*(\d+)px/);return t?parseInt(t[1],10):0}flush(e){try{let t=e??K.default.join(I.default.tmpdir(),"next-style.css");F.default.writeFileSync(t,this.getAllStyles(),"utf-8")}catch(t){console.error("Failed to flush styles to cache file:",t)}}getStyleMap(){return new Map(this.styles)}};function z(){let r=new
|
|
31
|
+
`})}),e}extractMinWidth(e){let t=e.match(/min-width:\s*(\d+)px/);return t?parseInt(t[1],10):0}flush(e){try{let t=e??K.default.join(I.default.tmpdir(),"next-style.css");F.default.writeFileSync(t,this.getAllStyles(),"utf-8")}catch(t){console.error("Failed to flush styles to cache file:",t)}}getStyleMap(){return new Map(this.styles)}};function z(){let r=new m;return{collector:r,transformCssCall(e){return r.addStyle(e)}}}var H=g(require("fs"),1),B=g(require("os"),1),L=g(require("path"),1),j=g(require("postcss"),1),se=/^next-style$/,re=L.default.join(B.default.tmpdir(),"next-style.css");function M(r={}){let e=r.cacheFile??re;return{postcssPlugin:"next-style",Once(n){let s="";try{s=H.default.readFileSync(e,"utf-8")}catch{}let o=!1;n.walkAtRules("import",d=>{let y=d.params.replace(/['"]/g,"").trim();se.test(y)&&(s.trim()?d.replaceWith(j.default.parse(s)):d.remove(),o=!0)}),!o&&s.trim()&&n.prepend(j.default.parse(s))}}}M.postcss=!0;var _=M,k=M;function G(r){let e=u.addStyle(r);return u.flush(),e}function J(r){Object.entries(r).forEach(([e,t])=>{u.addGlobalStyle(e,t)}),u.flush()}var u=new m;0&&(module.exports={BREAKPOINTS,StyleCollector,camelToKebab,createTransformer,css,deduplicateStyles,generateClassHash,global,normalizeMediaQuery,plugin,postcssPlugin,styleCollector,validateCSSProperty});
|
package/dist/index.js
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import F from"fs";import I from"os";import K from"path";function P(n){return n.replace(/[A-Z]/g,e=>`-${e.toLowerCase()}`)}function $(n){let e=typeof n=="string"?n:JSON.stringify(n),t=0;for(let r=0;r<e.length;r++){let s=e.charCodeAt(r);t=(t<<5)-t+s,t=t&t}return Math.abs(t).toString(36)}var x={"@sm":"@media (min-width: 640px)","@md":"@media (min-width: 768px)","@lg":"@media (min-width: 1024px)","@xl":"@media (min-width: 1280px)","@2xl":"@media (min-width: 1536px)"};function O(n){return x[n]??n}function Q(n,e){return typeof e=="string"||typeof e=="number"||typeof e=="object"&&!Array.isArray(e)}function T(n){let e=new Map,t=new Set;return n.forEach((r,s)=>{let o=JSON.stringify(r);t.has(o)||(t.add(o),e.set(s,r))}),e}var
|
|
1
|
+
import F from"fs";import I from"os";import K from"path";function P(n){return n.replace(/[A-Z]/g,e=>`-${e.toLowerCase()}`)}function $(n){let e=typeof n=="string"?n:JSON.stringify(n),t=0;for(let r=0;r<e.length;r++){let s=e.charCodeAt(r);t=(t<<5)-t+s,t=t&t}return Math.abs(t).toString(36)}var x={"@sm":"@media (min-width: 640px)","@md":"@media (min-width: 768px)","@lg":"@media (min-width: 1024px)","@xl":"@media (min-width: 1280px)","@2xl":"@media (min-width: 1536px)"};function O(n){return x[n]??n}function Q(n,e){return typeof e=="string"||typeof e=="number"||typeof e=="object"&&!Array.isArray(e)}function T(n){let e=new Map,t=new Set;return n.forEach((r,s)=>{let o=JSON.stringify(r);t.has(o)||(t.add(o),e.set(s,r))}),e}var y=class{constructor(){this.styles=new Map}addStyle(e){let r=`ns-${$(e)}`;if(this.styles.has(r))return r;let s=this.compileStyle(e);return this.styles.set(r,s),r}addGlobalStyle(e,t){let r=`global:${e}`;if(this.styles.has(r))return;let s=this.buildDeclarations(t);s&&this.styles.set(r,{className:r,css:`${e} {
|
|
2
2
|
${s}}`,mediaQueries:{},pseudoClasses:{},keyframes:"",supports:{},layers:{}})}compileStyle(e){let{mediaQueries:t,pseudoClasses:r,normalStyles:s,keyframes:o,supports:d,container:g,layer:u}=this.parseStyles(e),a=`ns-${$(e)}`,R=this.buildDeclarations(s),D=`.${a} {
|
|
3
|
-
${R}}`,
|
|
3
|
+
${R}}`,m={};Object.entries(t).forEach(([l,p])=>{let c=O(l),S=this.buildDeclarations(p," ");if(m[c]){let N=m[c].split(`
|
|
4
4
|
`).slice(2,-2).join(`
|
|
5
|
-
`);
|
|
5
|
+
`);m[c]=`${c} {
|
|
6
6
|
.${a} {
|
|
7
7
|
${N}
|
|
8
8
|
${S} }
|
|
9
|
-
}`}else
|
|
9
|
+
}`}else m[c]=`${c} {
|
|
10
10
|
.${a} {
|
|
11
11
|
${S} }
|
|
12
|
-
}`}),Object.entries(g).forEach(([l,p])=>{let c=this.buildDeclarations(p," ");
|
|
12
|
+
}`}),Object.entries(g).forEach(([l,p])=>{let c=this.buildDeclarations(p," ");m[l]=`${l} {
|
|
13
13
|
.${a} {
|
|
14
14
|
${c} }
|
|
15
15
|
}`});let j={};Object.entries(r).forEach(([l,p])=>{let c=this.buildDeclarations(p);j[l]=`.${a}${l} {
|
|
@@ -17,15 +17,15 @@ ${c}}`});let h="";Object.entries(o).forEach(([l,p])=>{h+=`@keyframes ${l} {
|
|
|
17
17
|
`,Object.entries(p).forEach(([c,S])=>{let A=this.buildDeclarations(S," ");h+=` ${c} {
|
|
18
18
|
${A} }
|
|
19
19
|
`}),h+=`}
|
|
20
|
-
`});let
|
|
20
|
+
`});let M={};Object.entries(d).forEach(([l,p])=>{let c=this.buildDeclarations(p," ");M[l]=`@supports ${l} {
|
|
21
21
|
.${a} {
|
|
22
22
|
${c} }
|
|
23
|
-
}`});let
|
|
24
|
-
${c}}`}),{className:a,css:D,mediaQueries:
|
|
23
|
+
}`});let w={};return Object.entries(u).forEach(([l,p])=>{let c=this.buildDeclarations(p," ");w[l]=`@layer ${l} {
|
|
24
|
+
${c}}`}),{className:a,css:D,mediaQueries:m,pseudoClasses:j,keyframes:h,supports:M,layers:w}}parseStyles(e){let t={},r={},s={},o={},d={},g={},u={};return Object.entries(e).forEach(([i,a])=>{if(i.startsWith("@keyframes "))o[i.slice(11)]=a;else if(i==="@keyframes"&&typeof a=="object")Object.assign(o,a);else if(i.startsWith("@supports")){let R=i.slice(0,9)==="@supports"?i.slice(9).trim():i;d[R]=a}else i.startsWith("@container")?g[i]=a:i.startsWith("@layer")?u[i.slice(7)||"default"]=a:i in x||i.startsWith("@media")?r[i]=a:i.startsWith(":")||i.startsWith("::")?s[i]=a:t[i]=a}),{normalStyles:t,mediaQueries:r,pseudoClasses:s,keyframes:o,supports:d,container:g,layer:u}}buildDeclarations(e,t=" "){let r="";return Object.entries(e).forEach(([s,o])=>{(typeof o=="string"||typeof o=="number")&&(r+=`${t}${P(s)}: ${o};
|
|
25
25
|
`)}),r}getAllStyles(){let e="";return this.styles.forEach(t=>{t.keyframes&&(e+=`${t.keyframes}
|
|
26
26
|
`),t.css&&(e+=`${t.css}
|
|
27
27
|
`),Object.values(t.pseudoClasses).forEach(s=>{e+=`${s}
|
|
28
28
|
`}),Object.values(t.layers).forEach(s=>{e+=`${s}
|
|
29
29
|
`}),Object.values(t.supports).forEach(s=>{e+=`${s}
|
|
30
30
|
`}),Object.entries(t.mediaQueries).sort(([s],[o])=>this.extractMinWidth(s)-this.extractMinWidth(o)).forEach(([,s])=>{e+=`${s}
|
|
31
|
-
`})}),e}extractMinWidth(e){let t=e.match(/min-width:\s*(\d+)px/);return t?parseInt(t[1],10):0}flush(e){try{let t=e??K.join(I.tmpdir(),"next-style.css");F.writeFileSync(t,this.getAllStyles(),"utf-8")}catch(t){console.error("Failed to flush styles to cache file:",t)}}getStyleMap(){return new Map(this.styles)}};function z(){let n=new
|
|
31
|
+
`})}),e}extractMinWidth(e){let t=e.match(/min-width:\s*(\d+)px/);return t?parseInt(t[1],10):0}flush(e){try{let t=e??K.join(I.tmpdir(),"next-style.css");F.writeFileSync(t,this.getAllStyles(),"utf-8")}catch(t){console.error("Failed to flush styles to cache file:",t)}}getStyleMap(){return new Map(this.styles)}};function z(){let n=new y;return{collector:n,transformCssCall(e){return n.addStyle(e)}}}import H from"fs";import B from"os";import L from"path";import W from"postcss";var _=/^next-style$/,k=L.join(B.tmpdir(),"next-style.css");function E(n={}){let e=n.cacheFile??k;return{postcssPlugin:"next-style",Once(r){let s="";try{s=H.readFileSync(e,"utf-8")}catch{}let o=!1;r.walkAtRules("import",d=>{let g=d.params.replace(/['"]/g,"").trim();_.test(g)&&(s.trim()?d.replaceWith(W.parse(s)):d.remove(),o=!0)}),!o&&s.trim()&&r.prepend(W.parse(s))}}}E.postcss=!0;var G=E,J=E;function v(n){let e=f.addStyle(n);return f.flush(),e}function Z(n){Object.entries(n).forEach(([e,t])=>{f.addGlobalStyle(e,t)}),f.flush()}var f=new y;export{x as BREAKPOINTS,y as StyleCollector,P as camelToKebab,z as createTransformer,v as css,T as deduplicateStyles,$ as generateClassHash,Z as global,O as normalizeMediaQuery,J as plugin,G as postcssPlugin,f as styleCollector,Q as validateCSSProperty};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var
|
|
1
|
+
"use strict";var y=Object.create;var i=Object.defineProperty;var P=Object.getOwnPropertyDescriptor;var d=Object.getOwnPropertyNames;var F=Object.getPrototypeOf,O=Object.prototype.hasOwnProperty;var C=(t,e)=>{for(var r in e)i(t,r,{get:e[r],enumerable:!0})},m=(t,e,r,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of d(e))!O.call(t,s)&&s!==r&&i(t,s,{get:()=>e[s],enumerable:!(n=P(e,s))||n.enumerable});return t};var c=(t,e,r)=>(r=t!=null?y(F(t)):{},m(e||!t||!t.__esModule?i(r,"default",{value:t,enumerable:!0}):r,t)),E=t=>m(i({},"__esModule",{value:!0}),t);var S={};C(S,{CACHE_FILE:()=>x,default:()=>A,plugin:()=>I});module.exports=E(S);var u=c(require("fs"),1),f=c(require("os"),1),g=c(require("path"),1),p=c(require("postcss"),1),v=/^next-style$/,x=g.default.join(f.default.tmpdir(),"next-style.css");function l(t={}){let e=t.cacheFile??x;return{postcssPlugin:"next-style",Once(n){let s="";try{s=u.default.readFileSync(e,"utf-8")}catch{}let a=!1;n.walkAtRules("import",o=>{let h=o.params.replace(/['"]/g,"").trim();v.test(h)&&(s.trim()?o.replaceWith(p.default.parse(s)):o.remove(),a=!0)}),!a&&s.trim()&&n.prepend(p.default.parse(s))}}}l.postcss=!0;var A=l,I=l;0&&(module.exports={CACHE_FILE,plugin});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import
|
|
1
|
+
import l from"fs";import a from"os";import m from"path";import i from"postcss";var u=/^next-style$/,f=m.join(a.tmpdir(),"next-style.css");function s(c={}){let o=c.cacheFile??f;return{postcssPlugin:"next-style",Once(r){let t="";try{t=l.readFileSync(o,"utf-8")}catch{}let n=!1;r.walkAtRules("import",e=>{let p=e.params.replace(/['"]/g,"").trim();u.test(p)&&(t.trim()?e.replaceWith(i.parse(t)):e.remove(),n=!0)}),!n&&t.trim()&&r.prepend(i.parse(t))}}}s.postcss=!0;var O=s,C=s;export{f as CACHE_FILE,O as default,C as plugin};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "next-style",
|
|
3
|
-
"version": "2.0.
|
|
3
|
+
"version": "2.0.7",
|
|
4
4
|
"description": "Zero-Runtime CSS-in-JS for Next.js + Turbopack",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.cjs",
|
|
@@ -41,10 +41,12 @@
|
|
|
41
41
|
"@biomejs/biome": "^2.4.15",
|
|
42
42
|
"@types/node": "^25.7.0",
|
|
43
43
|
"@types/bun": "^1.3.14",
|
|
44
|
-
"csstype": "^3.2.3",
|
|
45
44
|
"typescript": "^5",
|
|
46
45
|
"tsup": "^8.5.1"
|
|
47
46
|
},
|
|
47
|
+
"dependencies": {
|
|
48
|
+
"csstype": "latest"
|
|
49
|
+
},
|
|
48
50
|
"peerDependencies": {
|
|
49
51
|
"postcss": ">=8.0.0"
|
|
50
52
|
},
|