feat: name attribute and variable renamed to key

frankpagan · frankpagan · commit 3a130e38f88c · 2023-08-04T11:58:26.000-06:00
diff --git a/demo/atomic-css.html b/demo/atomic-css.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
@@ -25,7 +25,7 @@
             href="/docs/index.css"
             array="files"
             object="60888216117c640e7596303f"
-            name="src"
+            key="src"
             type="text/css"
             save="true" />
 
@@ -42,7 +42,7 @@
     </head>
 
     <body class="margin:15px_10px">
-        <div array="" object="" name="" id="CoCreateCSS">
+        <div array="" object="" key="" id="CoCreateCSS">
             <div
                 class="display:flex flex-wrap:wrap justify-content:space-between">
                 <div class="display:flex align-items:center">
@@ -1025,7 +1025,7 @@ <h2 class="padding:5px_0px">Demo</h2>
                                     lang="html"
                                     array="demos"
                                     object=""
-                                    name="demo"
+                                    key="demo"
                                     save="false"
                                     id="demo"
                                     class="height:100% width:100% outline:none border:none resize:none padding:5px"></textarea>
diff --git a/demo/test.1.html b/demo/test.1.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"
@@ -19,13 +19,13 @@
             rel="stylesheet"
             href="https://cdn.cocreate.app/latest/CoCreate.min.css"
             type="text/css" />
-        <!--<link rel="stylesheet" href="https://ws.cocreate.app/docs/index.css" type="text/css" save="true" array="files" object="60888216117c640e7596303f" name="src" />-->
+        <!--<link rel="stylesheet" href="https://ws.cocreate.app/docs/index.css" type="text/css" save="true" array="files" object="60888216117c640e7596303f" key="src" />-->
         <link
             rel="stylesheet"
             href="../src/index.css"
             array="files"
             object="60888216117c640e7596303f"
-            name="src"
+            key="src"
             type="text/css"
             parse="true"
             save="true" />
diff --git a/demo/test.html b/demo/test.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"
@@ -24,7 +24,7 @@
             href="../test.css"
             array="files"
             object="60888216117c640e7596303f"
-            name="src"
+            key="src"
             type="text/css"
             parse="true"
             save="true" />
@@ -93,7 +93,7 @@ <h1 class="color:white@dark color:yellow@light">
             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"
@@ -104,7 +104,7 @@ <h1 class="color:white@dark color:yellow@light">
             <menu
                 array="files"
                 object="603717b07de7fb350ae9fec8"
-                name="src"></menu>
+                key="src"></menu>
             <div resize="right"></div>
         </sidenav>
 
@@ -129,7 +129,7 @@ <h1 class="color:white@dark color:yellow@light">
                         </div>
                         <div
                             class="display:flex flex-wrap:wrap align-items:center flex-direction:row-reverse"
-                            classname="test">
+                            classkey="test">
                             hehehe
                         </div>
                         <div class="test">first one</div>
diff --git a/docs/index.html b/docs/index.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"
                                     class="height:100% width:100% outline:none border:none resize:none padding:5px"></textarea>
diff --git a/src/index.js b/src/index.js
@@ -321,7 +321,7 @@ observer.init({
     }
 });
 
-let linkTag = document.querySelector('link[parse], link[array][object][name]');
+let linkTag = document.querySelector('link[parse], link[array][object][key]');
 if (linkTag)
     init(linkTag);
 

Original file line number	Diff line number	Diff line change
`@@ -321,7 +321,7 @@ observer.init({`
`321`	`321`	`}`
`322`	`322`	`});`
`323`	`323`
`324`		`-let linkTag = document.querySelector('link[parse], link[array][object][name]');`
	`324`	`+let linkTag = document.querySelector('link[parse], link[array][object][key]');`
`325`	`325`	`if (linkTag)`
`326`	`326`	`init(linkTag);`
`327`	`327`