feat: name attribute and variable renamed to key

CoCreate-app · Aug 4, 2023 · 205ac62 · 205ac62
1 parent e94976f
commit 205ac62
Show file tree

Hide file tree

Showing 9 changed files with 43 additions and 43 deletions.
diff --git a/demo/CoCreate-card.html b/demo/CoCreate-card.html
@@ -111,7 +111,7 @@
                     <img
                         array="module_activity"
                         object=""
-                        name="image"
+                        key="image"
                         pass_id="me1234"
                         src="https://via.placeholder.com/150"
                         width="100%" />
@@ -126,7 +126,7 @@
                         <span
                             array="module_activity"
                             object=""
-                            name="name"
+                            key="name"
                             pass_id="me1234"
                             >Template Name</span
                         >
@@ -136,7 +136,7 @@
                     <p
                         array="module_activity"
                         object=""
-                        name="description"
+                        key="description"
                         pass_id="me1234">
                         Description
                     </p>

diff --git a/demo/CoCreate-navbar.1.html b/demo/CoCreate-navbar.1.html
@@ -131,14 +131,14 @@
                     <span
                         array="users"
                         object="{{userId}}"
-                        name="name"
+                        key="name"
                         class="width:12px avatar-name"
                         >B</span
                     >
                     <span
                         array="users"
                         object="{{userId}}"
-                        name="profile_image"
+                        key="profile_image"
                         class="avatar-image">
                         <img
                             src="/_static/Velazquez.jpg"

diff --git a/demo/CoCreate-navbar.html b/demo/CoCreate-navbar.html
@@ -134,14 +134,14 @@
                     <span
                         array="users"
                         object="{{userId}}"
-                        name="name"
+                        key="name"
                         class="width:12px avatar-name"
                         >B</span
                     >
                     <span
                         array="users"
                         object="{{userId}}"
-                        name="profile_image"
+                        key="profile_image"
                         class="avatar-image">
                         <img
                             src="/_static/Velazquez.jpg"

diff --git a/demo/CoCreate-smooth-scroll.html b/demo/CoCreate-smooth-scroll.html
@@ -135,14 +135,14 @@
                     <span
                         array="users"
                         object="{{userId}}"
-                        name="name"
+                        key="name"
                         class="width:12px avatar-name"
                         >B</span
                     >
                     <span
                         array="users"
                         object="{{userId}}"
-                        name="profile_image"
+                        key="profile_image"
                         class="avatar-image">
                         <img
                             src="/_static/Velazquez.jpg"

diff --git a/demo/avatar.html b/demo/avatar.html
@@ -11,10 +11,10 @@
             sizes="32x32"
             href="https://cocreate.app/images/favicon.ico" />
         <meta
-            name="description"
+            key="description"
             content="Utility first css framework, design faster and improve on your css by using native inline styles as classes. No learning curve, use what you already know" />
         <meta
-            name="keywords"
+            key="keywords"
             content="helper classes, utility classes, css framework, css library, inline style classes" />
         <meta name="robots" content="index,follow" />
         <meta
@@ -31,7 +31,7 @@
             href="/docs/index.css"
             array="files"
             object="60888216117c640e7596303f"
-            name="src"
+            key="src"
             type="text/css"
             save="true" />
         <link rel="manifest" href="/manifest.webmanifest" />
@@ -46,7 +46,7 @@
             scroll-down="10"
             array="files"
             object="60395ef42b3ac232657040fd"
-            name="src"></nav>
+            key="src"></nav>
         <sidenav
             id="menuL"
             class="position:fixed top:0px left:0px background:whitesmoke height:100vh width:50px width:300px:hover width:0px@xs"
@@ -57,7 +57,7 @@
             <menu
                 array="files"
                 object="603717b07de7fb350ae9fec8"
-                name="src"></menu>
+                key="src"></menu>
             <div resize="right"></div>
         </sidenav>
         <main
@@ -164,8 +164,8 @@ <h2 class="padding:5px_0px">Usage</h2>
 												<code class="language-html">
 &lt;div class="avatar-wrapper"&gt;
 		&lt;a class="avatar round"&gt;
-				&lt;span name="name" class="avatar-name"&gt;B&lt;/span&gt;
-				&lt;span name="profile_image" class="avatar-image"&gt;
+				&lt;span key="name" class="avatar-name"&gt;B&lt;/span&gt;
+				&lt;span key="profile_image" class="avatar-image"&gt;
 						&lt;img src="images/Velazquez.jpg" onerror="this.style.display='none'"/&gt;
 				&lt;/span&gt;
 		&lt;/a&gt;
@@ -279,7 +279,7 @@ <h2 class="padding:5px_0px">Demo</h2>
                                     lang="html"
                                     array="demos"
                                     object=""
-                                    name="demo"
+                                    key="demo"
                                     save="false"
                                     id="demo"
                                     input-selector=".demopreview"

diff --git a/docs/avatar.html b/docs/avatar.html
@@ -11,10 +11,10 @@
             sizes="32x32"
             href="https://cocreate.app/images/favicon.ico" />
         <meta
-            name="description"
+            key="description"
             content="Utility first css framework, design faster and improve on your css by using native inline styles as classes. No learning curve, use what you already know" />
         <meta
-            name="keywords"
+            key="keywords"
             content="helper classes, utility classes, css framework, css library, inline style classes" />
         <meta name="robots" content="index,follow" />
         <meta
@@ -31,15 +31,15 @@
             href="/docs/index.css"
             array="files"
             object="60888216117c640e7596303f"
-            name="src"
+            key="src"
             type="text/css"
             save="true" />
         <link
             rel="stylesheet"
             href="/docs/index.css"
             array="files"
             object="60888216117c640e7596303f"
-            name="src"
+            key="src"
             type="text/css"
             save="true" />
         <link rel="manifest" href="/manifest.webmanifest" />
@@ -54,7 +54,7 @@
             scroll-down="10"
             array="files"
             object="60395ef42b3ac232657040fd"
-            name="src"></nav>
+            key="src"></nav>
         <sidenav
             id="menuL"
             class="position:fixed top:0px left:0px overflow:hidden background:whitesmoke height:100vh width:0px width:300px@xl"
@@ -65,7 +65,7 @@
             <menu
                 array="files"
                 object="603717b07de7fb350ae9fec8"
-                name="src"></menu>
+                key="src"></menu>
             <div resize="right"></div>
         </sidenav>
         <main
@@ -173,8 +173,8 @@ <h2 class="padding:5px_0px">Usage</h2>
                         <code class="language-html">
 &lt;div class="avatar-wrapper"&gt;
     &lt;a class="avatar round"&gt;
-        &lt;span name="name" class="avatar-name"&gt;B&lt;/span&gt;
-        &lt;span name="profile_image" class="avatar-image"&gt;
+        &lt;span key="name" class="avatar-name"&gt;B&lt;/span&gt;
+        &lt;span key="profile_image" class="avatar-image"&gt;
             &lt;img src="images/Velazquez.jpg" onerror="this.style.display='none'"/&gt;
         &lt;/span&gt;
     &lt;/a&gt;
@@ -288,7 +288,7 @@ <h2 class="padding:5px_0px">Demo</h2>
                                     lang="html"
                                     array="demos"
                                     object=""
-                                    name="demo"
+                                    key="demo"
                                     save="false"
                                     id="demo"
                                     input-selector=".demopreview"

diff --git a/docs/flip-item.html b/docs/flip-item.html
@@ -11,10 +11,10 @@
             sizes="32x32"
             href="https://cocreate.app/images/favicon.ico" />
         <meta
-            name="description"
+            key="description"
             content="Utility first css framework, design faster and improve on your css by using native inline styles as classes. No learning curve, use what you already know" />
         <meta
-            name="keywords"
+            key="keywords"
             content="helper classes, utility classes, css framework, css library, inline style classes" />
         <meta name="robots" content="index,follow" />
         <meta
@@ -31,7 +31,7 @@
             href="/docs/index.css"
             array="files"
             object="60888216117c640e7596303f"
-            name="src"
+            key="src"
             type="text/css"
             save="true" />
         <link rel="manifest" href="/manifest.webmanifest" />
@@ -46,7 +46,7 @@
             scroll-down="10"
             array="files"
             object="60395ef42b3ac232657040fd"
-            name="src"></nav>
+            key="src"></nav>
         <sidenav
             id="menuL"
             class="position:fixed top:0px left:0px overflow:hidden background:whitesmoke height:100vh width:0px width:300px@xl"
@@ -57,7 +57,7 @@
             <menu
                 array="files"
                 object="603717b07de7fb350ae9fec8"
-                name="src"></menu>
+                key="src"></menu>
             <div resize="right"></div>
         </sidenav>
         <main
@@ -258,7 +258,7 @@ <h2 class="padding:5px_0px">Demo</h2>
                                     lang="html"
                                     array="demos"
                                     object=""
-                                    name="demo"
+                                    key="demo"
                                     save="false"
                                     id="demo"
                                     input-selector=".demopreview"

diff --git a/docs/index.html b/docs/index.html
@@ -6,7 +6,7 @@
         <meta name="viewport" content="width=device-width, initial-scale=1" />
         <title>CoCreateCSS - A utility first, atomic CSS framework</title>
         <meta
-            name="description"
+            key="description"
             content="A Low-code JavaScript framework for building collaborative No-code platforms, apps and UI" />
         <link
             rel="icon"
@@ -22,7 +22,7 @@
             href="./index.css"
             array="files"
             object="611869abc0e9580010ea635f"
-            name="src"
+            key="src"
             type="text/css" />
         <link rel="manifest" href="/manifest.webmanifest" />
     </head>
@@ -60,7 +60,7 @@
             scroll-down="10"
             array="files"
             object="611aeadec0e9580010eaad98"
-            name="src"></nav>
+            key="src"></nav>
 
         <!-- SideNav Left-->
         <sidenav
@@ -72,7 +72,7 @@
             resize-value="width"
             array="files"
             object="611aeadec0e9580010eaad99"
-            name="src"></sidenav>
+            key="src"></sidenav>
 
         <!-- Modal Viewport/Boundaries -->
         <div
@@ -342,7 +342,7 @@ <h1 class="font-size:2rem">
             style="background-image: url(/assets/banner.png)"
             array="files"
             object="611aeadec0e9580010eaad9b"
-            name="src"></footer>
+            key="src"></footer>
 
         <script src="./apikey.js"></script>
         <script src="https://cdn.cocreate.app/latest/CoCreate.min.js"></script>

diff --git a/docs/utility.html b/docs/utility.html
@@ -11,10 +11,10 @@
             sizes="32x32"
             href="https://cocreate.app/images/favicon.ico" />
         <meta
-            name="description"
+            key="description"
             content="Utility first css framework, design faster and improve on your css by using native inline styles as classes. No learning curve, use what you already know" />
         <meta
-            name="keywords"
+            key="keywords"
             content="utility classes, helper classes, css framework, css library, inline style classes" />
         <meta name="robots" content="index,follow" />
         <meta
@@ -31,7 +31,7 @@
             href="/docs/index.css"
             array="files"
             object="60888216117c640e7596303f"
-            name="src"
+            key="src"
             type="text/css"
             save="true" />
         <link rel="manifest" href="/manifest.webmanifest" />
@@ -56,7 +56,7 @@
             scroll-down="10"
             array="files"
             object="60395ef42b3ac232657040fd"
-            name="src"></nav>
+            key="src"></nav>
         <sidenav
             id="menuL"
             class="position:fixed top:0px left:0px overflow:hidden background:whitesmoke height:100vh width:0px width:300px@xl"
@@ -67,7 +67,7 @@
             <menu
                 array="files"
                 object="603717b07de7fb350ae9fec8"
-                name="src"></menu>
+                key="src"></menu>
             <div resize="right"></div>
         </sidenav>
         <main
@@ -1074,7 +1074,7 @@ <h2 class="padding:5px_0px">Demo</h2>
                                     lang="html"
                                     array="demos"
                                     object=""
-                                    name="demo"
+                                    key="demo"
                                     save="false"
                                     id="demo"
                                     input-selector=".demopreview"