@kaze-style/swc-plugin - npm Package Compare versions

Comparing version 0.15.0 to 0.16.0

_pre-transform/package.json

 {
-  "main": "../target/wasm32-wasi/release/kaze_style_swc_plugin_pre_transform.wasm"
+  "main": "../target/wasm32-wasi/release/kaze_style_pre_transform_swc_plugin.wasm"
 }

_transform/package.json

 {
-  "main": "../target/wasm32-wasi/release/kaze_style_swc_plugin_transform.wasm"
+  "main": "../target/wasm32-wasi/release/kaze_style_transform_swc_plugin.wasm"
 }

dist/cjs/preTransform.js

@@ -1,1 +0,1 @@
-"use strict";var a=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var i=Object.getOwnPropertyNames;var m=Object.prototype.hasOwnProperty;var c=(e,r)=>{for(var n in r)a(e,n,{get:r[n],enumerable:!0})},f=(e,r,n,s)=>{if(r&&typeof r=="object"||typeof r=="function")for(let t of i(r))!m.call(e,t)&&t!==n&&a(e,t,{get:()=>r[t],enumerable:!(s=p(r,t))||s.enumerable});return e};var l=e=>f(a({},"__esModule",{value:!0}),e);var y={};c(y,{preTransform:()=>u});module.exports=l(y);var o=require("@swc/core");const d="__kaze-style-pre-transformed",u=async(e,{filename:r,preTransformOptions:n,swcOptions:s={}})=>{const t=await(0,o.transform)(e,{filename:r,swcrc:!1,...s,jsc:{...s.jsc,parser:s.jsc?.parser??{syntax:"typescript",tsx:!0},experimental:{...s.jsc?.experimental,plugins:[["@kaze-style/swc-plugin/_pre-transform",n],...s.jsc?.experimental?.plugins||[]]}}});return[t.code,{isTransformed:t.code.includes(d)}]};0&&(module.exports={preTransform});
+"use strict";var a=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var i=Object.getOwnPropertyNames;var m=Object.prototype.hasOwnProperty;var c=(e,r)=>{for(var n in r)a(e,n,{get:r[n],enumerable:!0})},f=(e,r,n,s)=>{if(r&&typeof r=="object"||typeof r=="function")for(let t of i(r))!m.call(e,t)&&t!==n&&a(e,t,{get:()=>r[t],enumerable:!(s=p(r,t))||s.enumerable});return e};var l=e=>f(a({},"__esModule",{value:!0}),e);var y={};c(y,{preTransform:()=>u});module.exports=l(y);var o=require("@swc/core");const d="__kaze-style-pre-transformed",u=async(e,{filename:r,preTransformOptions:n,swcOptions:s={}})=>{const t=await(0,o.transform)(e,{filename:r,swcrc:!1,...s,jsc:{target:"es2022",...s.jsc,parser:s.jsc?.parser??{syntax:"typescript",tsx:!0},experimental:{...s.jsc?.experimental,plugins:[["@kaze-style/swc-plugin/_pre-transform",n],...s.jsc?.experimental?.plugins||[]]}}});return[t.code,{isTransformed:t.code.includes(d)}]};0&&(module.exports={preTransform});

dist/cjs/transform.js

@@ -1,1 +0,1 @@
-"use strict";var a=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var c=Object.prototype.hasOwnProperty;var y=(t,s)=>{for(var r in s)a(t,r,{get:s[r],enumerable:!0})},f=(t,s,r,e)=>{if(s&&typeof s=="object"||typeof s=="function")for(let n of m(s))!c.call(t,n)&&n!==r&&a(t,n,{get:()=>s[n],enumerable:!(e=l(s,n))||e.enumerable});return t};var u=t=>f(a({},"__esModule",{value:!0}),t);var g={};y(g,{transform:()=>d});module.exports=u(g);var o=require("@swc/core");const d=async(t,{filename:s,transformOptions:r,swcOptions:e={}})=>{const n=r.styles.map(([p,i])=>({classes:p,index:i}));return[(await(0,o.transform)(t,{filename:s,swcrc:!1,...e,jsc:{...e.jsc,parser:e.jsc?.parser??{syntax:"typescript",tsx:!0},experimental:{...e.jsc?.experimental,plugins:[["@kaze-style/swc-plugin/_transform",{...r,styles:n}],...e.jsc?.experimental?.plugins||[]]}}})).code,void 0]};0&&(module.exports={transform});
+"use strict";var a=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var c=Object.prototype.hasOwnProperty;var y=(t,s)=>{for(var r in s)a(t,r,{get:s[r],enumerable:!0})},f=(t,s,r,e)=>{if(s&&typeof s=="object"||typeof s=="function")for(let n of m(s))!c.call(t,n)&&n!==r&&a(t,n,{get:()=>s[n],enumerable:!(e=l(s,n))||e.enumerable});return t};var u=t=>f(a({},"__esModule",{value:!0}),t);var g={};y(g,{transform:()=>d});module.exports=u(g);var o=require("@swc/core");const d=async(t,{filename:s,transformOptions:r,swcOptions:e={}})=>{const n=r.styles.map(([p,i])=>({classes:p,index:i}));return[(await(0,o.transform)(t,{filename:s,swcrc:!1,...e,jsc:{target:"es2022",...e.jsc,parser:e.jsc?.parser??{syntax:"typescript",tsx:!0},experimental:{...e.jsc?.experimental,plugins:[["@kaze-style/swc-plugin/_transform",{...r,styles:n}],...e.jsc?.experimental?.plugins||[]]}}})).code,void 0]};0&&(module.exports={transform});

dist/esm/preTransform.js

@@ -1,1 +0,1 @@
-import{transform as a}from"@swc/core";var o="__kaze-style-pre-transformed",i=async(s,{filename:t,preTransformOptions:n,swcOptions:r={}})=>{let e=await a(s,{filename:t,swcrc:!1,...r,jsc:{...r.jsc,parser:r.jsc?.parser??{syntax:"typescript",tsx:!0},experimental:{...r.jsc?.experimental,plugins:[["@kaze-style/swc-plugin/_pre-transform",n],...r.jsc?.experimental?.plugins||[]]}}});return[e.code,{isTransformed:e.code.includes(o)}]};export{i as preTransform};
+import{transform as a}from"@swc/core";var o="__kaze-style-pre-transformed",i=async(s,{filename:t,preTransformOptions:n,swcOptions:r={}})=>{let e=await a(s,{filename:t,swcrc:!1,...r,jsc:{target:"es2022",...r.jsc,parser:r.jsc?.parser??{syntax:"typescript",tsx:!0},experimental:{...r.jsc?.experimental,plugins:[["@kaze-style/swc-plugin/_pre-transform",n],...r.jsc?.experimental?.plugins||[]]}}});return[e.code,{isTransformed:e.code.includes(o)}]};export{i as preTransform};

dist/esm/transform.js

@@ -1,1 +0,1 @@
-import{transform as p}from"@swc/core";var m=async(e,{filename:r,transformOptions:t,swcOptions:s={}})=>{let n=t.styles.map(([a,o])=>({classes:a,index:o}));return[(await p(e,{filename:r,swcrc:!1,...s,jsc:{...s.jsc,parser:s.jsc?.parser??{syntax:"typescript",tsx:!0},experimental:{...s.jsc?.experimental,plugins:[["@kaze-style/swc-plugin/_transform",{...t,styles:n}],...s.jsc?.experimental?.plugins||[]]}}})).code,void 0]};export{m as transform};
+import{transform as p}from"@swc/core";var m=async(e,{filename:r,transformOptions:t,swcOptions:s={}})=>{let n=t.styles.map(([a,o])=>({classes:a,index:o}));return[(await p(e,{filename:r,swcrc:!1,...s,jsc:{target:"es2022",...s.jsc,parser:s.jsc?.parser??{syntax:"typescript",tsx:!0},experimental:{...s.jsc?.experimental,plugins:[["@kaze-style/swc-plugin/_transform",{...t,styles:n}],...s.jsc?.experimental?.plugins||[]]}}})).code,void 0]};export{m as transform};

package.json

 {
   "name": "@kaze-style/swc-plugin",
-  "version": "0.15.0",
+  "version": "0.16.0",
   "license": "MIT",
@@ -27,4 +27,4 @@ "author": "Taishi Naritomi",
     "_pre-transform",
-    "target/wasm32-wasi/release/kaze_style_swc_plugin_pre_transform.wasm",
-    "target/wasm32-wasi/release/kaze_style_swc_plugin_transform.wasm",
+    "target/wasm32-wasi/release/kaze_style_pre_transform_swc_plugin.wasm",
+    "target/wasm32-wasi/release/kaze_style_transform_swc_plugin.wasm",
     "LICENSE"
@@ -45,4 +45,4 @@ ],
   "devDependencies": {
-    "@kaze-style/core": "^0.15.0"
+    "@kaze-style/core": "^0.16.0"
   }
 }

README.md

@@ -14,7 +14,7 @@ <div>
   <br />
-  <p align="center">Kaze [風] zero-runtime CSS in JS for React<p>
+  <p align="center">Kaze [風] zero-runtime CSS in JS<p>
   <p align="center"><b>🚧 under development 🚧</b></p>
   <div align="center">
-    <a href='https://www.npmjs.com/package/@kaze-style/react'>
-      <img src='https://img.shields.io/npm/v/@kaze-style/react?style=for-the-badge'>
+    <a href='https://www.npmjs.com/package/@kaze-style/core'>
+      <img src='https://img.shields.io/npm/v/@kaze-style/core?style=for-the-badge'>
     </a>
@@ -24,7 +24,7 @@ <a href='https://github.com/taishinaritomi/kaze-style/blob/main/LICENSE'>
     </a>
-    <a href='https://bundlephobia.com/package/@kaze-style/react'>
-      <img src='https://img.shields.io/bundlephobia/minzip/@kaze-style/react?style=for-the-badge'>
+    <a href='https://bundlephobia.com/package/@kaze-style/core'>
+      <img src='https://img.shields.io/bundlephobia/minzip/@kaze-style/core?style=for-the-badge'>
     </a>
     <a href='https://github.com/microsoft/typescript'>
-      <img src='https://img.shields.io/npm/types/@kaze-style/react?style=for-the-badge'>
+      <img src='https://img.shields.io/npm/types/@kaze-style/core?style=for-the-badge'>
     </a>
@@ -37,6 +37,7 @@ </div>
 
-- **Build** - can choose when to extract css (build time & run time)
+- **Extract** - Can choose when to extract css is buildtime or runtime(RSC is buildtime only)
+- **Atomic** - Select atomic css with $
+- **Merge** - Style merging ignoring css specificity (atomic css only)
+- **Minimal** - [0.3kb](https://shakerphobia.netlify.app/?imports=ClassName,mergeStyle,__globalStyle,__style&pkg=@kaze-style/core) runtime by buildtime extract
 - **TypeScript** - Type-safe styles via [csstype](https://github.com/frenic/csstype)
-- **Minimal** - [0.3kb](https://shakerphobia.netlify.app/?imports=ClassName,mergeStyle,__globalStyle,__style&pkg=@kaze-style/react) runtime by build time extract
-- **Merge** - Style merging ignoring css specificity
 - **Theme** - Consistent styling using "@kaze-style/themes"
@@ -48,3 +49,3 @@
 // App.style.ts
-import { createStyle, createGlobalStyle } from '@kaze-style/react';
+import { createStyle, createGlobalStyle } from '@kaze-style/core';
 
@@ -57,11 +58,15 @@ createGlobalStyle({
 
-export const style = createStyle({
+export const classes = createStyle({
+  //Not Atomic CSS
   container: {
     margin: '20px',
+    padding: '20px',
   },
-  base: {
+  //Atomic CSS
+  $base: {
     color: 'red',
     background: 'black',
   },
-  action: {
+  //Atomic CSS
+  $action: {
     color: 'blue',
@@ -74,4 +79,4 @@ },
 // App.tsx
-import { mergeStyle } from '@kaze-style/react';
-import { style } from './App.style';
+import { mergeStyle } from '@kaze-style/core';
+import { classes } from './App.style';
 
@@ -81,3 +86,3 @@ export const App = ({ action }) => {
     <div className={style.container}>
-      <p className={mergeStyle(style.base, action && style.action)}></p>
+      <p className={mergeStyle(classes.$base, action && classes.$action)}></p>
     </div>
@@ -88,3 +93,3 @@ );
 
-### Setup Next.js（build time extract）
+### Setup Next.js（buildtime extract）
 
@@ -91,0 +96,0 @@ ```ts

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Number of lines in readme file

117

increased by4.46%

Worsened metrics

Total package byte prevSize

2698786

decreased by-1.68%

No dependency changes