@cocreate/state 1.25.0 → 1.26.0

package/.github/workflows/automated.yml

@@ -1,8 +1,10 @@
 name: Automated Workflow
+
 on:
   push:
     branches:
       - master
+
 jobs:
   about:
     runs-on: ubuntu-latest
@@ -18,26 +20,37 @@ jobs:
         with:
           direction: overwrite-github
           githubToken: "${{ secrets.GITHUB }}"
+
   release:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout
         uses: actions/checkout@v4
+        with:
+          fetch-depth: 0 # Required so semantic-release can trace git tags/history
+
       - name: Setup Node.js
         uses: actions/setup-node@v4
         with:
-          node-version: 22 # Required for the latest semantic-release plugins
-      - name: Semantic Release
-        uses: cycjimmy/semantic-release-action@v4 # Update to v4 for better Node 20+ support
-        id: semantic
-        with:
-          extra_plugins: |
-            @semantic-release/changelog
+          node-version: 22
+
+      - name: Install Semantic Release & Plugins
+        # Installs semantic-release and its plugins on the runner
+        run: |
+          npm install -g semantic-release \
+            @semantic-release/changelog \
+            @semantic-release/npm \
+            @semantic-release/github \
             @semantic-release/git
-            @semantic-release/github
+
+      - name: Run Semantic Release (Native)
+        id: semantic
+        # This will automatically pick up your export default config file in the repository root
+        run: npx semantic-release
         env:
-          GITHUB_TOKEN: "${{ secrets.GITHUB_TOKEN }}" # Use the built-in token if possible
+          GITHUB_TOKEN: "${{ secrets.GITHUB_TOKEN }}"
           NPM_TOKEN: "${{ secrets.NPM_TOKEN }}"
+
     outputs:
       new_release_published: "${{ steps.semantic.outputs.new_release_published }}"
-      new_release_version: "${{ steps.semantic.outputs.new_release_version }}"
+      new_release_version: "${{ steps.semantic.outputs.new_release_version }}"

package/.github/workflows/manual.yml

@@ -14,8 +14,7 @@ jobs:
         env:
             DRY_RUN: ${{ github.event.inputs.dry_run }}
             GITHUB_TOKEN: "${{ secrets.GITHUB }}"
-            NPM_TOKEN: "${{ secrets.NPM_TOKEN }}"
-
+  
         steps:
             - name: Checkout
               uses: actions/checkout@v3

package/CHANGELOG.md

@@ -1,3 +1,27 @@
+# [1.26.0](https://github.com/CoCreate-app/CoCreate-state/compare/v1.25.2...v1.26.0) (2026-07-17)
+
+
+### Features
+
+* update automated workflow and release configuration for improved semantic release handling ([f7b1a38](https://github.com/CoCreate-app/CoCreate-state/commit/f7b1a388912d2a48db42a8a0578a1f8af08bbacb))
+
+## [1.25.2](https://github.com/CoCreate-app/CoCreate-state/compare/v1.25.1...v1.25.2) (2026-07-11)
+
+
+### Bug Fixes
+
+* bump package versions ([aabd567](https://github.com/CoCreate-app/CoCreate-state/commit/aabd5671ecd90e0bf4d3fa7232a471239e1711e2))
+* improve state-id handling and support multiple state-to keys ([21a4f11](https://github.com/CoCreate-app/CoCreate-state/commit/21a4f11279f7cb12e811611f0ea28f186e67ff7a))
+* removed post install and add add packages to apprved list ([7c4b3ce](https://github.com/CoCreate-app/CoCreate-state/commit/7c4b3cea12c1438018a0b3b144f177bf539380af))
+* semantic version handling ([9ca5e3e](https://github.com/CoCreate-app/CoCreate-state/commit/9ca5e3e929a2a0c5a6d5881b6d777eda6ebeaca1))
+
+## [1.25.1](https://github.com/CoCreate-app/CoCreate-state/compare/v1.25.0...v1.25.1) (2026-03-05)
+
+
+### Bug Fixes
+
+* support adding classes via state attributes ([dfa50d2](https://github.com/CoCreate-app/CoCreate-state/commit/dfa50d29ac8b5c15ef384dfebd67dc8faad816f8))
+
 # [1.25.0](https://github.com/CoCreate-app/CoCreate-state/compare/v1.24.9...v1.25.0) (2026-02-28)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cocreate/state",
-  "version": "1.25.0",
+  "version": "1.26.0",
   "description": "Data attributes which can be used for components in CoCreate framework combined as a group of attributes that dynamically change attributes & fetch custom data.",
   "keywords": [
     "state",
@@ -18,8 +18,7 @@
   "scripts": {
     "start": "npx webpack --config webpack.config.js",
     "build": "npx webpack --mode=production --config webpack.config.js",
-    "dev": "npx webpack --config webpack.config.js --watch",
-    "postinstall": "node -e \"const { execSync } = require('child_process'); try { execSync('coc --version', { stdio: 'ignore' }); } catch (error) { try { execSync('npm install -g @cocreate/cli', { stdio: 'inherit' }); console.log('Installed \"@cocreate/cli\" globally.'); } catch (error) { console.error('Failed to install \"@cocreate/cli\" globally:', error); } }\""
+    "dev": "npx webpack --config webpack.config.js --watch"
   },
   "repository": {
     "type": "git",
@@ -36,21 +35,33 @@
     "url": "https://github.com/sponsors/CoCreate-app"
   },
   "main": "./src/index.js",
+  "dependencies": {
+    "@cocreate/actions": "^1.21.4",
+    "@cocreate/crud-client": "^1.34.6",
+    "@cocreate/element-prototype": "^1.31.4",
+    "@cocreate/local-storage": "^1.16.5",
+    "@cocreate/observer": "^1.19.0",
+    "@cocreate/uuid": "^1.12.4"
+  },
   "devDependencies": {
-    "css-loader": "^5.1.3",
-    "esbuild": "^0.25.2",
-    "esbuild-loader": "^4.3.0",
-    "mini-css-extract-plugin": "^1.5.0",
-    "webpack": "^5.24.4",
-    "webpack-cli": "^4.5.0",
-    "webpack-log": "^3.0.1"
+    "@cocreate/webpack": "^1.4.3"
   },
-  "dependencies": {
-    "@cocreate/actions": "^1.21.1",
-    "@cocreate/crud-client": "^1.34.2",
-    "@cocreate/element-prototype": "^1.29.1",
-    "@cocreate/local-storage": "^1.16.2",
-    "@cocreate/observer": "^1.18.1",
-    "@cocreate/uuid": "^1.12.1"
+  "allowScripts": {
+    "@cocreate/actions@1.21.4": true,
+    "@cocreate/api@1.22.5": true,
+    "@cocreate/config@1.13.4": true,
+    "@cocreate/crud-client@1.34.6": true,
+    "@cocreate/element-prototype@1.31.4": true,
+    "@cocreate/elements@1.42.9": true,
+    "@cocreate/filter@1.33.6": true,
+    "@cocreate/indexeddb@1.23.4": true,
+    "@cocreate/local-storage@1.16.5": true,
+    "@cocreate/observer@1.19.0": true,
+    "@cocreate/organizations@1.30.1": true,
+    "@cocreate/render@1.46.1": true,
+    "@cocreate/socket-client@1.40.5": true,
+    "@cocreate/utils@1.42.2": true,
+    "@cocreate/uuid@1.12.4": true,
+    "@cocreate/webpack@1.4.3": true
   }
 }

package/release.config.js

@@ -10,12 +10,20 @@ module.exports = {
         changelogFile: "CHANGELOG.md",
       },
     ],
-    "@semantic-release/npm",
-    "@semantic-release/github",
+    "@semantic-release/npm", 
     [
-      "@semantic-release/git",
+      "@semantic-release/github", 
       {
+        successComment: false,
+        failTitle: false,
+      },
+    ],
+    [
+      "@semantic-release/git", 
+      {
+        // Only stage and commit the changelog and package.json
         assets: ["CHANGELOG.md", "package.json"],
+        message: "chore(release): ${nextRelease.version} [skip ci]",
       },
     ],
   ],

package/src/index.js

@@ -51,13 +51,13 @@ function initElement(element) {
         return;
     }
 
-    if (state_id.includes(",")) state_id = state_id.split(",");
+    // Split state-id string into an array of trimmed individual IDs
+    const idArray = state_id.split(',').map(id => id.trim()).filter(Boolean);
 
-    if (!Array.isArray(state_id)) state_id = [state_id];
-
-    for (let i = 0; i < state_id.length; i++) {
-        let attrValues = statedAttributes[`${state_id[i].trim()}`];
-        if (!attrValues) continue; // Use continue to ensure other IDs in the array still process
+    // Apply values stored under each ID listed in the array
+    for (let id of idArray) {
+        let attrValues = statedAttributes[id];
+        if (!attrValues) continue; // Continue to ensure other IDs in the array still process
         _setAttributeValues(element, attrValues);
     }
 }
@@ -79,7 +79,6 @@ function _setAttributeValues(el, attrValues) {
 }
 
 async function _setAttributeValue(element, attribute, value, isOverwrite) {
-    // TODO: if (value !== undefined)???
     if (!element.getAttribute(attribute) || isOverwrite) {
         if (attribute == "value") {
             if (element.value == "" || (element.value && isOverwrite))
@@ -89,6 +88,9 @@ async function _setAttributeValue(element, attribute, value, isOverwrite) {
                 (element.hasAttribute("value") && !(await element.getValue()))
             )
                 element.setValue(value);
+        } else if (attribute === "class" && value) {
+            const classes = String(value).split(/\s+/).filter(Boolean);
+            if (classes.length) element.classList.add(...classes);
         } else if (element.hasAttribute(attribute) && (value || value === "")) {
             element.setAttribute(attribute, value);
         } else if (attribute.startsWith("$")) {
@@ -114,10 +116,6 @@ async function stateAttributes(element) {
     
     let elements = [];
 
-    // let form = element.closest("form");
-    // if (form) {
-    //  elements = form.querySelectorAll("[state_to]");
-    // } else {
     if (element.hasAttribute("state-to")) elements.push(element);
     let nestedElements = element.querySelectorAll("[state-to]");
     elements.push(...nestedElements);
@@ -128,7 +126,6 @@ async function stateAttributes(element) {
         }
         current = current.parentElement;
     }
-    // }
 
     let changeState = false;
     let sessionChanged = false;
@@ -151,24 +148,35 @@ async function stateAttributes(element) {
         }
 
         let state_to = elements[i].getAttribute("state-to");
+        if (!state_to) continue;
         
         let isLocal = triggerIsLocal || elements[i].hasAttribute("state-localstorage") || elements[i].hasAttribute("state-onstoragechange");
         
-        if (isLocal) {
-            Object.assign(localState, { [`${state_to}`]: attrValues });
-            localChanged = true;
-        } else {
-            Object.assign(sessionState, { [`${state_to}`]: attrValues });
-            sessionChanged = true;
+        // Parse state-to string into an array of trimmed individual target keys
+        let stateToKeys = state_to.split(',').map(s => s.trim()).filter(Boolean);
+
+        for (let toKey of stateToKeys) {
+            if (isLocal) {
+                Object.assign(localState, { [`${toKey}`]: attrValues });
+                localChanged = true;
+            } else {
+                Object.assign(sessionState, { [`${toKey}`]: attrValues });
+                sessionChanged = true;
+            }
+            
+            _getStateId(attrValues, toKey);
         }
-        
-        _getStateId(attrValues, state_to);
     }
     
     let href = element.closest("href");
     if (!changeState && !href) {
-        // TODO: Handle $title when adding statedAttributes
-        let title = element.getAttribute("title") || document.title || "";
+        // --- IMPROVEMENT: Explicitly support [state-title] only, with document.title fallback (No native 'title' fallback) ---
+        let title = element.getAttribute("state-title") || document.title || "";
+        
+        // --- IMPROVEMENT: Update document.title immediately on click/action ---
+        if (title) {
+            document.title = title;
+        }
         
         history.pushState(
             { sessionState: JSON.stringify(sessionState), localState: JSON.stringify(localState), title, url: location.href },
@@ -207,9 +215,16 @@ async function _getAttributeValues(element) {
     return attributeValues;
 }
 
+// Scans elements containing [state-id] and updates those matching the target key
 function _getStateId(attrValues, state_to) {
-    const elements = document.querySelectorAll(`[state-id="${state_to}"]`);
-    for (let element of elements) _setAttributeValues(element, attrValues);
+    const elements = document.querySelectorAll('[state-id]');
+    for (let element of elements) {
+        let state_id_attr = element.getAttribute("state-id") || "";
+        let idArray = state_id_attr.split(',').map(id => id.trim()).filter(Boolean);
+        if (idArray.includes(state_to)) {
+            _setAttributeValues(element, attrValues);
+        }
+    }
 }
 
 window.onload = function () {
@@ -244,11 +259,11 @@ window.addEventListener("popstate", function (event) {
 
         if (event.state.url && event.state.url !== window.location.href) {
             if (event.state.title)
-                sessionStorage.setItem("currentPageTitle", event.state.title); // Store title using the wrapper
+                sessionStorage.setItem("currentPageTitle", event.state.title);
 
-            location.href = event.state.url; // Navigate if the URL is different
+            location.href = event.state.url;
         } else if (event.state.title) {
-            document.title = event.state.title; // Update the title if provided
+            document.title = event.state.title;
         }
     }
 });