@seyuna/postcss 0.0.1-dev.1 → 0.0.1-dev.4

package/.github/workflows/release.yml

@@ -78,7 +78,7 @@ jobs:
         id: tag
         run: |
           BRANCH="${GITHUB_REF##*/}"
-          if [ "$BRANCH" = "main" ]; then
+          if [ "$BRANCH" = "stable" ]; then
             echo "tag=latest" >> $GITHUB_OUTPUT
           else
             echo "tag=$BRANCH" >> $GITHUB_OUTPUT
@@ -87,7 +87,19 @@ jobs:
       - name: Install dependencies
         run: npm ci
 
+      - name: Check if version exists on npm
+        id: version_check
+        run: |
+          PKG_NAME=$(node -p "require('./package.json').name")
+          PKG_VERSION=$(node -p "require('./package.json').version")
+          if npm view "$PKG_NAME@$PKG_VERSION" > /dev/null 2>&1; then
+            echo "exists=true" >> $GITHUB_OUTPUT
+          else
+            echo "exists=false" >> $GITHUB_OUTPUT
+          fi
+
       - name: Publish package
+        if: steps.version_check.outputs.exists != 'true'
         run: npm publish --access public --tag ${{ steps.tag.outputs.tag }}
 
   release:
@@ -123,10 +135,21 @@ jobs:
             echo "$changelog"
           } > RELEASE_NOTES.md
 
+      - name: Check if GitHub release exists
+        id: release_check
+        run: |
+          if gh release view "v${{ needs.build.outputs.version }}" >/dev/null 2>&1; then
+            echo "exists=true" >> $GITHUB_OUTPUT
+          else
+            echo "exists=false" >> $GITHUB_OUTPUT
+          fi
+        env:
+          GH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+
       - name: Create GitHub Release
+        if: steps.release_check.outputs.exists != 'true'
         run: |
           gh release create "v${{ needs.build.outputs.version }}" \
-            dist/* \
             --title "v${{ needs.build.outputs.version }}" \
             --notes-file RELEASE_NOTES.md
         env:

package/dist/functions/color.d.ts

@@ -1 +1 @@
-export declare const cssVar: (name: string, fallback?: string) => string;
+export declare const color: (name: string, alpha?: string, lightness?: string, chroma?: string) => string;

package/dist/functions/color.js

@@ -1,7 +1,19 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.cssVar = void 0;
-const cssVar = (name, fallback) => {
-    return fallback ? `var(--${name}, ${fallback})` : `var(--${name})`;
+exports.color = void 0;
+const color = (name, alpha, lightness, chroma) => {
+    let a = "1";
+    let l = "var(--lightness)";
+    let c = "var(--chroma)";
+    if (alpha && alpha !== "null") {
+        a = alpha;
+    }
+    if (lightness && lightness !== "null") {
+        l = lightness;
+    }
+    if (chroma && chroma !== "null") {
+        c = chroma;
+    }
+    return `oklch(${l}% ${c} var(--${name}) / ${a})`;
 };
-exports.cssVar = cssVar;
+exports.color = color;

package/dist/functions/index.js

@@ -4,6 +4,6 @@ exports.functions = void 0;
 const color_1 = require("./color");
 const spacing_1 = require("./spacing");
 exports.functions = {
-    cssVar: color_1.cssVar,
-    spacing: spacing_1.spacing,
+    color: color_1.color,
+    spacing: spacing_1.spacing
 };

package/dist/functions/spacing.js

@@ -2,7 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.spacing = void 0;
 const spacing = (multiplier) => {
-    const num = parseFloat(multiplier);
-    return `${num * 0.25}rem`;
+    return `${parseFloat(multiplier) * 1}rem`;
 };
 exports.spacing = spacing;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seyuna/postcss",
-  "version": "0.0.1-dev.1",
+  "version": "0.0.1-dev.4",
   "description": "Seyuna UI's postcss plugin",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/functions/color.ts

@@ -1,3 +1,19 @@
-export const cssVar = (name: string, fallback?: string) => {
-  return fallback ? `var(--${name}, ${fallback})` : `var(--${name})`;
+export const color = (name: string, alpha?: string, lightness?: string, chroma?: string) => {
+  let a: string = "1";
+  let l: string = "var(--lightness)";
+  let c: string = "var(--chroma)";
+
+  if (alpha && alpha !== "null") {
+    a = alpha;
+  }
+
+  if (lightness && lightness !== "null") {
+    l = lightness;
+  }
+
+  if (chroma && chroma !== "null") {
+    c = chroma;
+  }
+
+  return `oklch(${l}% ${c} var(--${name}) / ${a})`;
 };

package/src/functions/index.ts

@@ -1,9 +1,9 @@
-import { cssVar } from "./color";
+import { color } from "./color";
 import { spacing } from "./spacing";
 
 export type FnHandler = (...args: string[]) => string;
 
 export const functions: Record<string, FnHandler> = {
-  cssVar,
-  spacing,
+  color,
+  spacing
 };

package/src/functions/spacing.ts

@@ -1,4 +1,3 @@
 export const spacing = (multiplier: string) => {
-  const num = parseFloat(multiplier);
-  return `${num * 0.25}rem`;
+  return `${parseFloat(multiplier) * 1}rem`;
 };

package/src/functions/color.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.cssVar = void 0;
-const cssVar = (name, fallback) => {
-    return fallback ? `var(--${name}, ${fallback})` : `var(--${name})`;
-};
-exports.cssVar = cssVar;

package/src/functions/index.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.functions = void 0;
-const color_1 = require("./color");
-const spacing_1 = require("./spacing");
-exports.functions = {
-    cssVar: color_1.cssVar,
-    spacing: spacing_1.spacing,
-};

package/src/functions/spacing.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.spacing = void 0;
-const spacing = (multiplier) => {
-    const num = parseFloat(multiplier);
-    return `${num * 0.25}rem`;
-};
-exports.spacing = spacing;

package/src/index.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.functions = exports.default = void 0;
-var plugin_1 = require("./plugin");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return plugin_1.dynamicFunctionsPlugin; } });
-var functions_1 = require("./functions");
-Object.defineProperty(exports, "functions", { enumerable: true, get: function () { return functions_1.functions; } });

package/src/plugin.js

@@ -1,25 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.dynamicFunctionsPlugin = void 0;
-const functions_1 = require("./functions");
-const dynamicFunctionsPlugin = (opts = {}) => {
-    const fnMap = { ...functions_1.functions, ...opts.functions };
-    return {
-        postcssPlugin: "postcss-dynamic-functions",
-        Declaration(decl) {
-            let value = decl.value;
-            for (const fnName in fnMap) {
-                const regex = new RegExp(`${fnName}\\(([^)]*)\\)`, "g");
-                value = value.replace(regex, (_match, argsStr) => {
-                    const args = argsStr
-                        .split(",")
-                        .map((a) => a.trim().replace(/^['"]|['"]$/g, ""));
-                    return fnMap[fnName](...args);
-                });
-            }
-            decl.value = value;
-        },
-    };
-};
-exports.dynamicFunctionsPlugin = dynamicFunctionsPlugin;
-exports.dynamicFunctionsPlugin.postcss = true;