generate a random id when an id attribute is added

michaelsboost · Sep 1, 2024 · dc20a6a · dc20a6a
1 parent 5854ece
commit dc20a6a
Show file tree

Hide file tree

Showing 5 changed files with 10 additions and 10 deletions.
diff --git a/README.md b/README.md
@@ -4,7 +4,7 @@ Free Mobile Website Builder! Create awesome responsive websites. Easy and fast -
 ![](https://raw.githubusercontent.com/michaelsboost/Polyrise/gh-pages/imgs/header.png)
 
 ### Version
-1.0.1
+1.0.2
 
 ### Tech
 

diff --git a/dist/App.min.js b/dist/App.min.js
diff --git a/dist/App.min.js.map b/dist/App.min.js.map
diff --git a/src/App-backup.js b/src/App-backup.js
@@ -40,7 +40,7 @@ let app = {
     href: 'https://michaelsboost.com/',
     src: 'imgs/author.jpg'
   },
-  version: '1.0.1',
+  version: '1.0.2',
   url: 'https://github.com/michaelsboost/Polyrise/',
   license: 'https://github.com/michaelsboost/Polyrise/blob/gh-pages/LICENSE'
 }
@@ -1734,7 +1734,8 @@ window.addAttribute = attr => {
       // Iterate over each attribute and add it if it doesn't exist
       saveState();
       attrs.forEach(attribute => {
-        const [key, value] = attribute.split('=').map(s => s.trim());
+        let [key, value] = attribute.split('=').map(s => s.trim());
+        if (key === 'id') value = generateId();
 
         if (!(key in layer.props)) {
           layer.props[key] = value !== undefined ? value : "";
@@ -1746,7 +1747,6 @@ window.addAttribute = attr => {
       saveState();
     }
   });
-  document.querySelector('dialog[open]').querySelector('header > button').onclick();
 }
 function LayerTree() {
   // Function to render each layer recursively

diff --git a/src/App.js b/src/App.js
@@ -40,7 +40,7 @@ let app = {
     href: 'https://michaelsboost.com/',
     src: 'imgs/author.jpg'
   },
-  version: '1.0.1',
+  version: '1.0.2',
   url: 'https://github.com/michaelsboost/Polyrise/',
   license: 'https://github.com/michaelsboost/Polyrise/blob/gh-pages/LICENSE'
 }
@@ -1734,7 +1734,8 @@ window.addAttribute = attr => {
       // Iterate over each attribute and add it if it doesn't exist
       saveState();
       attrs.forEach(attribute => {
-        const [key, value] = attribute.split('=').map(s => s.trim());
+        let [key, value] = attribute.split('=').map(s => s.trim());
+        if (key === 'id') value = generateId();
 
         if (!(key in layer.props)) {
           layer.props[key] = value !== undefined ? value : "";
@@ -1746,7 +1747,6 @@ window.addAttribute = attr => {
       saveState();
     }
   });
-  document.querySelector('dialog[open]').querySelector('header > button').onclick();
 }
 function LayerTree() {
   // Function to render each layer recursively
-Original file line number
+Diff line change
@@ Expand Up @@
     ![](https://raw.githubusercontent.com/michaelsboost/Polyrise/gh-pages/imgs/header.png)
     ### Version
-.0.1
+.0.2
     ### Tech
@@ Expand Down @@