@seyuna/postcss 0.0.1-dev.9 → 1.0.0-canary.2

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,13 @@
+# [1.0.0-canary.2](https://github.com/seyuna-corp/seyuna-postcss/compare/v1.0.0-canary.1...v1.0.0-canary.2) (2025-08-08)
+
+
+### Bug Fixes
+
+* added os mode selectors to dark and light at-rules ([aab8f42](https://github.com/seyuna-corp/seyuna-postcss/commit/aab8f42f05d8bfedf45b19352134254f2da4d9f0))
+
+# 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.d.ts

@@ -1,2 +1,2 @@
-import { type AtRule } from "postcss";
+import { AtRule } from "postcss";
 export default function dark(atRule: AtRule): void;

package/dist/at-rules/dark.js

@@ -3,11 +3,26 @@ 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({
+    const clonedNodes = [];
+    // Clone all child nodes so we can reuse them
+    atRule.each((node) => {
+        clonedNodes.push(node.clone());
+    });
+    // Create `[data-mode="dark"] &` rule
+    const dataAttrRule = new postcss_1.Rule({
         selector: `[data-mode="dark"] &`,
-        nodes: atRule.nodes, // move children inside
     });
-    // Replace @dark atRule with the new nested rule
-    atRule.replaceWith(nestedRule);
+    clonedNodes.forEach((node) => dataAttrRule.append(node.clone()));
+    // Create `@media (prefers-color-scheme: dark)` wrapper
+    const mediaAtRule = new postcss_1.AtRule({
+        name: "media",
+        params: "(prefers-color-scheme: dark)",
+    });
+    const mediaRule = new postcss_1.Rule({
+        selector: `&`,
+    });
+    clonedNodes.forEach((node) => mediaRule.append(node.clone()));
+    mediaAtRule.append(mediaRule);
+    // Replace original @dark rule with both new rules
+    atRule.replaceWith(dataAttrRule, mediaAtRule);
 }

package/dist/at-rules/light.d.ts

@@ -1,2 +1,2 @@
-import { type AtRule } from "postcss";
+import { AtRule } from "postcss";
 export default function light(atRule: AtRule): void;

package/dist/at-rules/light.js

@@ -3,11 +3,26 @@ 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({
+    const clonedNodes = [];
+    // Clone all child nodes so we can reuse them
+    atRule.each((node) => {
+        clonedNodes.push(node.clone());
+    });
+    // Create `[data-mode="light"] &` rule
+    const dataAttrRule = new postcss_1.Rule({
         selector: `[data-mode="light"] &`,
-        nodes: atRule.nodes, // move children inside
     });
-    // Replace @light atRule with the new nested rule
-    atRule.replaceWith(nestedRule);
+    clonedNodes.forEach((node) => dataAttrRule.append(node.clone()));
+    // Create `@media (prefers-color-scheme: light)` wrapper
+    const mediaAtRule = new postcss_1.AtRule({
+        name: "media",
+        params: "(prefers-color-scheme: light)",
+    });
+    const mediaRule = new postcss_1.Rule({
+        selector: `&`,
+    });
+    clonedNodes.forEach((node) => mediaRule.append(node.clone()));
+    mediaAtRule.append(mediaRule);
+    // Replace original @light rule with both new rules
+    atRule.replaceWith(dataAttrRule, mediaAtRule);
 }

package/package.json

@@ -1,12 +1,11 @@
 {
   "name": "@seyuna/postcss",
-  "version": "0.0.1-dev.9",
+  "version": "1.0.0-canary.2",
   "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,12 +1,33 @@
-import { Rule, type AtRule } from "postcss";
+import { Rule, AtRule, ChildNode } from "postcss";
 
 export default function dark(atRule: AtRule) {
-  // Create a new nested rule: [data-mode="dark"] & { ... }
-  const nestedRule = new Rule({
+  const clonedNodes: ChildNode[] = [];
+
+  // Clone all child nodes so we can reuse them
+  atRule.each((node: ChildNode) => {
+    clonedNodes.push(node.clone());
+  });
+
+  // Create `[data-mode="dark"] &` rule
+  const dataAttrRule = new Rule({
     selector: `[data-mode="dark"] &`,
-    nodes: atRule.nodes, // move children inside
   });
 
-  // Replace @dark atRule with the new nested rule
-  atRule.replaceWith(nestedRule);
+  clonedNodes.forEach((node) => dataAttrRule.append(node.clone()));
+
+  // Create `@media (prefers-color-scheme: dark)` wrapper
+  const mediaAtRule = new AtRule({
+    name: "media",
+    params: "(prefers-color-scheme: dark)",
+  });
+
+  const mediaRule = new Rule({
+    selector: `&`,
+  });
+
+  clonedNodes.forEach((node) => mediaRule.append(node.clone()));
+  mediaAtRule.append(mediaRule);
+
+  // Replace original @dark rule with both new rules
+  atRule.replaceWith(dataAttrRule, mediaAtRule);
 }

package/src/at-rules/light.ts

@@ -1,12 +1,33 @@
-import { Rule, type AtRule } from "postcss";
+import { Rule, AtRule, ChildNode } from "postcss";
 
 export default function light(atRule: AtRule) {
-  // Create a new nested rule: [data-mode="light"] & { ... }
-  const nestedRule = new Rule({
+  const clonedNodes: ChildNode[] = [];
+
+  // Clone all child nodes so we can reuse them
+  atRule.each((node: ChildNode) => {
+    clonedNodes.push(node.clone());
+  });
+
+  // Create `[data-mode="light"] &` rule
+  const dataAttrRule = new Rule({
     selector: `[data-mode="light"] &`,
-    nodes: atRule.nodes, // move children inside
   });
 
-  // Replace @light atRule with the new nested rule
-  atRule.replaceWith(nestedRule);
+  clonedNodes.forEach((node) => dataAttrRule.append(node.clone()));
+
+  // Create `@media (prefers-color-scheme: light)` wrapper
+  const mediaAtRule = new AtRule({
+    name: "media",
+    params: "(prefers-color-scheme: light)",
+  });
+
+  const mediaRule = new Rule({
+    selector: `&`,
+  });
+
+  clonedNodes.forEach((node) => mediaRule.append(node.clone()));
+  mediaAtRule.append(mediaRule);
+
+  // Replace original @light rule with both new rules
+  atRule.replaceWith(dataAttrRule, mediaAtRule);
 }