@seyuna/postcss 0.0.1-dev.8 → 1.0.0-canary.1

package/.github/workflows/release.yml

@@ -1,156 +1,41 @@
-name: Build, Release, and Publish
+name: Release
 
 on:
   push:
     branches:
-      - stable
-      - next
-      - dev
-  workflow_dispatch:
+      - main
+      - canary
 
 permissions:
   contents: write
+  issues: write
+  pull-requests: write
   id-token: write
 
 jobs:
-  build:
-    name: Build Plugin
+  release:
+    name: Semantic Release
     runs-on: ubuntu-latest
-    outputs:
-      version: ${{ steps.version.outputs.version }}
-
     steps:
-      - name: Checkout repository
-        uses: actions/checkout@v4
-
-      - name: Read version from package.json
-        id: version
-        run: |
-          VERSION=$(node -p "require('./package.json').version")
-          echo "version=$VERSION" >> $GITHUB_OUTPUT
-
-      - name: Set up Node.js
-        uses: actions/setup-node@v4
-        with:
-          node-version: 20
-          registry-url: https://registry.npmjs.org
-
-      - name: Install dependencies
-        run: npm ci
-
-      - name: Build TypeScript
-        run: npm run build
-
-      - name: List dist contents before upload
-        run: ls -l dist
-
-      - name: Upload build artifact
-        uses: actions/upload-artifact@v4
+      - uses: actions/checkout@v4
         with:
-          name: plugin-dist
-          path: dist
+          fetch-depth: 0
 
-  publish:
-    name: Publish to npm
-    runs-on: ubuntu-latest
-    needs: build
-
-    steps:
-      - name: Checkout repository
-        uses: actions/checkout@v4
-
-      - name: Set up Node.js
+      - name: Setup Node.js with npm auth
         uses: actions/setup-node@v4
         with:
           node-version: 20
-          registry-url: https://registry.npmjs.org
-
-      - name: Download build artifact
-        uses: actions/download-artifact@v4
-        with:
-          name: plugin-dist
-          path: dist
-
-      - name: Authenticate with npm
-        run: npm config set //registry.npmjs.org/:_authToken=${{ secrets.NPM_TOKEN }}
-
-      - name: Determine npm tag
-        id: tag
-        run: |
-          BRANCH="${GITHUB_REF##*/}"
-          if [ "$BRANCH" = "stable" ]; then
-            echo "tag=latest" >> $GITHUB_OUTPUT
-          else
-            echo "tag=$BRANCH" >> $GITHUB_OUTPUT
-          fi
+          registry-url: https://registry.npmjs.org/
+          scope: "@seyuna"
+          always-auth: true
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
 
       - 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:
-    name: Create GitHub Release
-    runs-on: ubuntu-latest
-    needs: [build, publish]
-
-    steps:
-      - name: Checkout repository
-        uses: actions/checkout@v4
-
-      - name: Download build artifact
-        uses: actions/download-artifact@v4
-        with:
-          name: plugin-dist
-          path: dist
-
-      - name: Generate changelog
-        run: |
-          last_tag=$(git tag --sort=-creatordate | grep '^v' | grep -v "v${{ needs.build.outputs.version }}" | head -n 1)
-
-          if [ -z "$last_tag" ]; then
-            changelog=$(git log --merges --pretty=format:"* %s (%h)")
-          else
-            changelog=$(git log "$last_tag"..HEAD --merges --pretty=format:"* %s (%h)")
-          fi
-
-          {
-            echo "Automated release for version v${{ needs.build.outputs.version }}"
-            echo ""
-            echo "## Changes"
-            echo ""
-            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 }}" \
-            --title "v${{ needs.build.outputs.version }}" \
-            --notes-file RELEASE_NOTES.md
+      - name: Run Semantic Release
         env:
-          GH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
+        run: npx semantic-release

package/CHANGELOG.md

@@ -0,0 +1,6 @@
+# 1.0.0-canary.1 (2025-08-07)
+
+
+### Bug Fixes
+
+* Clone all child nodes inside [@rules](https://github.com/rules) to prevent them from being detached ([6697d34](https://github.com/seyuna-corp/seyuna-postcss/commit/6697d34e604b1de1f319eee060604c4efc201251))

package/dist/at-rules/dark.js

@@ -3,10 +3,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = dark;
 const postcss_1 = require("postcss");
 function dark(atRule) {
-    // Create a new nested rule: [data-mode="dark"] & { ... }
     const nestedRule = new postcss_1.Rule({
         selector: `[data-mode="dark"] &`,
-        nodes: atRule.nodes, // move children inside
+    });
+    // Clone all child nodes to prevent them from being detached
+    atRule.each((node) => {
+        nestedRule.append(node.clone());
     });
     // Replace @dark atRule with the new nested rule
     atRule.replaceWith(nestedRule);

package/dist/at-rules/light.js

@@ -3,10 +3,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = light;
 const postcss_1 = require("postcss");
 function light(atRule) {
-    // Create a new nested rule: [data-mode="light"] & { ... }
     const nestedRule = new postcss_1.Rule({
         selector: `[data-mode="light"] &`,
-        nodes: atRule.nodes, // move children inside
+    });
+    // Clone all child nodes to prevent them from being detached
+    atRule.each((node) => {
+        nestedRule.append(node.clone());
     });
     // Replace @light atRule with the new nested rule
     atRule.replaceWith(nestedRule);

package/dist/plugin.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.dynamicFunctionsPlugin = void 0;
 const functions_1 = require("./functions");
+const at_rules_1 = require("./at-rules");
 const dynamicFunctionsPlugin = (opts = {}) => {
     const fnMap = { ...functions_1.functions, ...opts.functions };
     return {
@@ -19,6 +20,9 @@ const dynamicFunctionsPlugin = (opts = {}) => {
             }
             decl.value = value;
         },
+        AtRule: {
+            ...at_rules_1.atRuleHandlers,
+        },
     };
 };
 exports.dynamicFunctionsPlugin = dynamicFunctionsPlugin;

package/package.json

@@ -1,12 +1,11 @@
 {
   "name": "@seyuna/postcss",
-  "version": "0.0.1-dev.8",
+  "version": "1.0.0-canary.1",
   "description": "Seyuna UI's postcss plugin",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "scripts": {
-    "build": "tsc",
-    "prepare": "npm run build"
+    "build": "tsc"
   },
   "keywords": [
     "postcss",
@@ -14,12 +13,24 @@
     "seyuna"
   ],
   "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/seyuna-corp/seyuna-postcss.git"
+  },
   "peerDependencies": {
     "postcss": "^8.5.6"
   },
   "devDependencies": {
+    "@semantic-release/changelog": "^6.0.3",
+    "@semantic-release/commit-analyzer": "^13.0.1",
+    "@semantic-release/exec": "^7.1.0",
+    "@semantic-release/git": "^10.0.1",
+    "@semantic-release/github": "^11.0.3",
+    "@semantic-release/npm": "^12.0.2",
+    "@semantic-release/release-notes-generator": "^14.0.3",
     "@types/node": "^20.0.0",
-    "typescript": "^5.0.0",
-    "postcss": "^8.5.6"
+    "postcss": "^8.5.6",
+    "semantic-release": "^24.2.7",
+    "typescript": "^5.0.0"
   }
 }

package/release.config.mjs

@@ -0,0 +1,32 @@
+/**
+ * @type {import('semantic-release').GlobalConfig}
+ */
+export default {
+  branches: [{ name: "canary", prerelease: "canary" }, "main"],
+  plugins: [
+    "@semantic-release/commit-analyzer",
+    "@semantic-release/release-notes-generator",
+    ["@semantic-release/changelog", { changelogFile: "CHANGELOG.md" }],
+    [
+      "@semantic-release/exec", // Runs build before publishing
+      {
+        prepareCmd: "npm run build",
+      },
+    ],
+    [
+      "@semantic-release/npm", // Publishes to npm
+      {
+        npmPublish: true,
+      },
+    ],
+    [
+      "@semantic-release/git", // Commits updated files
+      {
+        assets: ["package.json", "package-lock.json", "CHANGELOG.md"],
+        message:
+          "chore(release): ${nextRelease.version} [skip ci]\n\n${nextRelease.notes}",
+      },
+    ],
+    "@semantic-release/github", // Creates GitHub release
+  ],
+};

package/src/at-rules/dark.ts

@@ -1,10 +1,13 @@
-import { Rule, type AtRule } from "postcss";
+import { Rule, type AtRule, type ChildNode } from "postcss";
 
 export default function dark(atRule: AtRule) {
-  // Create a new nested rule: [data-mode="dark"] & { ... }
   const nestedRule = new Rule({
     selector: `[data-mode="dark"] &`,
-    nodes: atRule.nodes, // move children inside
+  });
+
+  // Clone all child nodes to prevent them from being detached
+  atRule.each((node: ChildNode) => {
+    nestedRule.append(node.clone());
   });
 
   // Replace @dark atRule with the new nested rule

package/src/at-rules/light.ts

@@ -1,10 +1,13 @@
-import { Rule, type AtRule } from "postcss";
+import { Rule, type AtRule, type ChildNode } from "postcss";
 
 export default function light(atRule: AtRule) {
-  // Create a new nested rule: [data-mode="light"] & { ... }
   const nestedRule = new Rule({
     selector: `[data-mode="light"] &`,
-    nodes: atRule.nodes, // move children inside
+  });
+
+  // Clone all child nodes to prevent them from being detached
+  atRule.each((node: ChildNode) => {
+    nestedRule.append(node.clone());
   });
 
   // Replace @light atRule with the new nested rule

package/src/plugin.ts

@@ -1,15 +1,19 @@
 import { PluginCreator } from "postcss";
 import { functions } from "./functions";
+import { atRuleHandlers } from "./at-rules";
 
 export interface PluginOptions {
   functions?: Record<string, (...args: string[]) => string>;
 }
 
-export const dynamicFunctionsPlugin: PluginCreator<PluginOptions> = (opts = {}) => {
+export const dynamicFunctionsPlugin: PluginCreator<PluginOptions> = (
+  opts = {}
+) => {
   const fnMap = { ...functions, ...opts.functions };
 
   return {
     postcssPlugin: "postcss-dynamic-functions",
+
     Declaration(decl) {
       let value = decl.value;
 
@@ -26,6 +30,10 @@ export const dynamicFunctionsPlugin: PluginCreator<PluginOptions> = (opts = {})
 
       decl.value = value;
     },
+
+    AtRule: {
+      ...atRuleHandlers,
+    },
   };
 };