@cocreate/element-prototype 1.31.4 → 1.33.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,25 @@
+# [1.33.0](https://github.com/CoCreate-app/CoCreate-element-prototype/compare/v1.32.0...v1.33.0) (2026-07-17)
+
+
+### Features
+
+* update automated workflow and release configuration for improved semantic release handling ([66b108a](https://github.com/CoCreate-app/CoCreate-element-prototype/commit/66b108a75c3f4e8404dbc24db6e7fdd03ecdd180))
+
+# [1.32.0](https://github.com/CoCreate-app/CoCreate-element-prototype/compare/v1.31.4...v1.32.0) (2026-07-11)
+
+
+### Bug Fixes
+
+* bump package versions ([1512280](https://github.com/CoCreate-app/CoCreate-element-prototype/commit/1512280ec19444bb884ab814b23ffded58f87ef0))
+* removed post install and add add packages to apprved list ([d658bca](https://github.com/CoCreate-app/CoCreate-element-prototype/commit/d658bca975bec9d38a09ebd050ff0c4ce7ba33ed))
+* semantic version handling ([b38cdb1](https://github.com/CoCreate-app/CoCreate-element-prototype/commit/b38cdb193434cbc542f01959f2864cc14ebce0a8))
+
+
+### Features
+
+* Add getValue and setValue support for SVG elements; Update dashboard and health journal components with new structure and CoCreateJS integration. ([d2c6263](https://github.com/CoCreate-app/CoCreate-element-prototype/commit/d2c6263e5c948df92ce7f5cdca9443c525751c8a))
+* Enhance handleDateTime function to support 'now' attribute and add timeTo functionality for detailed time calculations ([0613076](https://github.com/CoCreate-app/CoCreate-element-prototype/commit/0613076199fa6b581d206cf2cb9089c504366898))
+
 ## [1.31.4](https://github.com/CoCreate-app/CoCreate-element-prototype/compare/v1.31.3...v1.31.4) (2026-03-01)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cocreate/element-prototype",
-  "version": "1.31.4",
+  "version": "1.33.0",
   "description": "A simple element-prototype component in vanilla javascript. Easily configured using HTML5 data-attributes and/or JavaScript API.",
   "keywords": [
     "element-prototype",
@@ -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,16 +35,14 @@
     "url": "https://github.com/sponsors/CoCreate-app"
   },
   "main": "./src/index.js",
+  "dependencies": {
+    "@cocreate/utils": "^1.42.2"
+  },
   "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/utils": "^1.39.0"
+  "allowScripts": {
+    "@cocreate/utils@1.42.2": 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/getValue.js

@@ -1,4 +1,4 @@
-import { processOperators } from "@cocreate/utils";
+import { processOperators } from "@cocreate/utils";
 
 const storage = new Map();
 
@@ -6,6 +6,10 @@ HTMLElement.prototype.getValue = function () {
 	let value = getValue(this);
 	return value;
 };
+SVGElement.prototype.getValue = function () {
+	let value = getValue(this);
+	return value;
+};
 
 // TODO: return blobs for element.src and for link.href (Not addressed)
 
@@ -206,7 +210,8 @@ const handleCheckbox = (element, prefix = "", suffix = "") => {
 const handleDateTime = (element, value, valueType) => {
     const inputType = (element.getAttribute("type") || element.type || "").toLowerCase();
     let date;
-    if (value === "$now") {
+    
+    if (value === "$now" || element.hasAttribute("now")) {
         date = new Date();
     } else if (value instanceof Date) {
         // If it's already a date object, clone it to avoid mutating references
@@ -309,30 +314,15 @@ const handleDateTime = (element, value, valueType) => {
         switch (valueType) {
             case "getDayName":
                 const days = [
-                    "Sunday",
-                    "Monday",
-                    "Tuesday",
-                    "Wednesday",
-                    "Thursday",
-                    "Friday",
-                    "Saturday",
+                    "Sunday", "Monday", "Tuesday", "Wednesday",
+                    "Thursday", "Friday", "Saturday",
                 ];
                 return days[date.getDay()];
 
             case "getMonthName":
                 const months = [
-                    "January",
-                    "February",
-                    "March",
-                    "April",
-                    "May",
-                    "June",
-                    "July",
-                    "August",
-                    "September",
-                    "October",
-                    "November",
-                    "December",
+                    "January", "February", "March", "April", "May", "June",
+                    "July", "August", "September", "October", "November", "December",
                 ];
                 return months[date.getMonth()];
 
@@ -347,6 +337,41 @@ const handleDateTime = (element, value, valueType) => {
                 hours = hours % 12 || 12; // Convert 0 to 12 for midnight
                 return `${hours}:${minutes} ${ampm}`;
 
+            case "timeTo": {
+                const diffMs = date.getTime() - Date.now();
+                let totalSeconds = Math.floor(Math.abs(diffMs) / 1000);
+
+                // Fetch requested units, defaulting to all if attribute isn't present
+                const unitsAttr = element.getAttribute("time-to-units") || "years,months,days,hours,minutes,seconds";
+                const requestedUnits = unitsAttr.split(',').map(u => u.trim().toLowerCase());
+
+                const result = {};
+
+                // Using the exact same time approximations as your timeAgo feature
+                const unitValues = {
+                    years: 31536000,
+                    months: 2592000,
+                    weeks: 604800,
+                    days: 86400,
+                    hours: 3600,
+                    minutes: 60,
+                    seconds: 1
+                };
+
+                // The order matters here (largest to smallest) so we "consume" time properly
+                const order = ["years", "months", "weeks", "days", "hours", "minutes", "seconds"];
+
+                for (const unit of order) {
+                    if (requestedUnits.includes(unit)) {
+                        const val = Math.floor(totalSeconds / unitValues[unit]);
+                        result[unit] = val;
+                        totalSeconds -= val * unitValues[unit]; // subtract the accounted time
+                    }
+                }
+
+                return result;
+            }
+
             case "timeAgo": {
                 const diffMs = Date.now() - date.getTime();
                 const absSecs = Math.floor(Math.abs(diffMs) / 1000);
@@ -419,7 +444,6 @@ const handleDateTime = (element, value, valueType) => {
         }
     }
 };
-
 /**
  * Processes a <select> HTML element with the "multiple" attribute to retrieve an array of selected option values.
  * Each selected value can have a prefix or suffix added to it if specified.

package/src/index.js

@@ -20,10 +20,10 @@
 // you must obtain a commercial license from CoCreate LLC.
 // For details, visit <https://cocreate.app/licenses/> or contact us at sales@cocreate.app.
 
-import { getAttribute } from "./getAttribute";
-import { setValue } from "./setValue";
-import { getValue } from "./getValue";
-import { queryElements } from "./queryElements";
+import { getAttribute } from "./getAttribute.js";
+import { setValue } from "./setValue.js";
+import { getValue } from "./getValue.js";
+import { queryElements } from "./queryElements.js";
 
 export default {
 	getAttribute,

package/src/setValue.js

@@ -1,8 +1,11 @@
-import { storage } from "./getValue";
+import { storage } from "./getValue.js";
 
 HTMLElement.prototype.setValue = function (value, dispatch) {
 	setValue(this, value, dispatch);
 };
+SVGElement.prototype.setValue = function (value, dispatch) {
+	setValue(this, value, dispatch);
+};
 
 // TODO: check if using a a switch case will provide better performance
 const setValue = (el, value, dispatch) => {