@cocreate/elements 1.34.5 → 1.35.0

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+# [1.35.0](https://github.com/CoCreate-app/CoCreate-elements/compare/v1.34.5...v1.35.0) (2024-03-18)
+
+
+### Features
+
+* observe form for new inputs and setAttribute ([527d1bd](https://github.com/CoCreate-app/CoCreate-elements/commit/527d1bd490ae28655006918fe8d8a99fb210cbde))
+
 ## [1.34.5](https://github.com/CoCreate-app/CoCreate-elements/compare/v1.34.4...v1.34.5) (2024-02-20)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cocreate/elements",
-  "version": "1.34.5",
+  "version": "1.35.0",
   "description": "Fetch content into any html element by using html5 attributes to query data stored in CoCreate headless CMS. If data is changed it will instantly reflect in html tags as changes are broadcasted in realtime",
   "keywords": [
     "elements",

package/src/fetchSrc.js

@@ -178,32 +178,6 @@ function base64ToArrayBuffer(base64) {
     return bytes.buffer; // Return ArrayBuffer
 }
 
-const videoStreamConfig = {
-    title: "Video Title",
-    totalDuration: 3600, // Total duration of the video in seconds
-    'content-type': "video/mp4",
-    segments: [
-        {
-            _id: 1,
-            src: "http://example.com/video/chunk1.mp4", // src stored using file path
-            storage: '', // src stored using crud path
-            array: '', // src stored using crud path
-            object: '', // src stored using crud path
-            key: '', // src stored using crud path
-            start: 0, // Start time of this chunk in seconds
-            end: 10, // End time of this chunk in seconds
-            duration: 10,
-            codec: "h.264",
-            resolution: {
-                width: 1920,
-                height: 1080
-            },
-            bitrate: "5000kbps",
-        },
-        // Repeat for each chunk
-    ]
-}
-
 observer.init({
     name: 'CoCreateSrc',
     observe: ['addedNodes'],

package/src/form.js

@@ -18,7 +18,18 @@ function init(elements) {
         elements = document.querySelectorAll('form');
     else if (!Array.isArray(elements))
         elements = [elements]
+
     for (let element of elements) {
+        Observer.init({
+            name: 'CoCreateFormElements',
+            observe: ['addedNodes'],
+            target: '[storage], [database], [array], [index], [object], [key]',
+            callback: function (mutation) {
+                if (element == mutation.target.form)
+                    setAttribute(element, [mutation.target])
+            }
+        });
+
         runObjectId(element);
         setAttribute(element);
         disableAutoFill(element);
@@ -43,7 +54,6 @@ function runObjectId(form) {
         // Add a array to the array list.
         if (array && !arrays.includes(array))
             arrays.push(array)
-
     }
     // Sets the object id for each array in the array.
     for (let i = 0; i < arrays.length; i++) {
@@ -55,8 +65,9 @@ function runObjectId(form) {
 /**
 * @param form
 */
-function setAttribute(form) {
-    let elements = form.querySelectorAll('[storage], [database], [array], [index], [object], [key]');
+function setAttribute(form, elements) {
+    if (!elements)
+        elements = form.querySelectorAll('[storage], [database], [array], [index], [object], [key]');
 
     for (let attribute of form.attributes) {
         let variable = window.CoCreateConfig.attributes[attribute.name]