fix: update demos and bump dependencies

CoCreate-app · Dec 22, 2022 · e96feb5 · e96feb5
1 parent 4149ad0
commit e96feb5
Show file tree

Hide file tree

Showing 4 changed files with 28 additions and 50 deletions.
diff --git a/demo/index.html b/demo/index.html
@@ -8,12 +8,7 @@
     <link rel="icon" href="https://cdn.cocreate.app/favicon.ico" type="image/ico" sizes="16x16">
     <title>Select | CoCreate</title>
 
-    <link rel="stylesheet" href="https://server.cocreate.app/css/CoCreate.min.css" type="text/css" />
-    <!--<link rel="stylesheet" href="https://cdn.cocreate.app/CoCreate.min.css" type="text/css" />-->
-    <!--<link rel="stylesheet" href="./CoCreate-select.css" type="text/css" />-->
-    <!--<link rel="stylesheet" href="https://server.cocreate.app/CoCreate-components/CoCreate-floating-label/src/CoCreate-floating-label.css" type="text/css" />-->
-
-
+    <link rel="stylesheet" href="https://cdn.cocreate.app/latest/CoCreate.min.css" type="text/css" />       
 
   </head>
   <body>
@@ -72,17 +67,9 @@ <h3 >value 3</h3>
       </cocreate-select>
 
     </form>
-
-	    <script>
-	      var CoCreateConfig = {
-	        apiKey: 'c2b08663-06e3-440c-ef6f-13978b42883a',
-	        organization_id: '5ff747727005da1c272740ab',
-	        host: 'ws.cocreate.app'
-	      }
-	    </script>
 
-        <!--<script src="../dist/CoCreate-search.js"></script>-->
-	    <script src="../../../CoCreateJS/dist/CoCreate.js" ></script>
+    <!--<script src="../dist/CoCreate-search.js"></script>-->
+    <script src="https://cdn.cocreate.app/latest/CoCreate.min.js"></script>
 
   </body>
 </html>
diff --git a/docs/index.html b/docs/index.html
@@ -69,30 +69,28 @@ <h4><span>search</span> <span class="cocreate-badge success">string</span> <span
                     <!-- SandBox -->
                     <h2 class="border-bottom:1px_solid_lightgrey padding:5px_0px">Demo</h2>
                     <div class="position:sticky top:0 padding:15px_0px height:100vh">
-						<!-- SandBox -->
-						<div class="container svColumn overflow:hidden card position:relative border-radius:2px width:auto height:100%" id="sandbox">
-							<div class="font-size:20px position:absolute top:10px right:10px opacity:0.6">
-								<a class="margin-right:10px" id="code" show="#preview" hide="#code, #view"><i class="far fa-eye"></i></a>
-								<a class="margin-right:10px" id="preview" show="#code, #view" hide="#preview" hidden><i class="fas fa-code"></i></a>
-								<a class="margin-right:5px" fullscreen target="#playground"><i class="fas fa-expand"></i></a>
-							</div>
-							<div class="svRow">
-
-								<div class="svColumn">
-
-									<div class="svPanel" id="view">
-										<textarea collection="demos" document_id="" name="demo" save="false" id="demo" class="height:100% width:100% border:none resize:none padding:5px"></textarea>
-									</div>
-									<div class="svSplitter svHorizontal"> </div>
-
-									<div class="svPanel">
-										<iframe get-value="#demo" frameBorder="0" height="100%" width="100%" class="min-width:300px"></iframe>
-									</div>
-
-								</div>
-							</div>
-						</div>
-						<!-- End SandBox -->
+                        <!-- SandBox -->
+                        <div class="position:relative overflow:hidden card border-radius:2px width:auto height:600px margin-top:20px" id="playground">
+
+                            <div id="demo-code" resizable class="position:relative height:50%">
+                                <textarea type="code" lang="html" collection="demos" document_id="" name="demo" save="false" id="demo" class="height:100% width:100% outline:none border:none resize:none padding:5px"></textarea>
+                                <div resize="bottom" class="background:lightgrey"></div>
+                            </div>
+
+                            <div id="demo-preview" class="position:relative display:flex height:100% background-color:white">
+                                <div get-value="#demo" class="padding:20px"></div>
+                            </div>
+
+                            <div class="font-size:20px position:absolute top:10px right:10px opacity:0.6">
+                                <a class="margin-right:10px" id="eye" show="#eye-slash" hide="#eye, #demo-preview" toggle="code-height" toggle-target="#demo-code"><i class="far fa-eye"></i></a>
+                                <a class="margin-right:10px" hidden id="eye-slash" show="#eye, #demo-preview" hide="#eye-slash" toggle="code-height" toggle-target="#demo-code"><i class="fas fa-eye-slash"></i></a>
+                                <a class="margin-right:10px" id="code" show="#code-slash" hide="#code, #demo-code"><i class="fa fa-code"></i></a>
+                                <a class="margin-right:10px" hidden id="code-slash" show="#code, #demo-code" hide="#code-slash"><i class="fas fa-code"></i></a>
+                                <a class="margin-right:5px" fullscreen target="#playground"><i class="fas fa-expand"></i></a>
+                            </div>
+
+                        </div>
+                        <!-- End SandBox -->
     			    </div>
                 </div>
 

diff --git a/package.json b/package.json
@@ -20,9 +20,7 @@
     "html5-framework",
     "javascript-framework"
   ],
-  "publishConfig": {
-    "access": "public"
-  },
+  "publishConfig": { "access": "public" },
   "scripts": {
     "start": "npx webpack --config webpack.config.js",
     "build": "NODE_ENV=production npx webpack --config webpack.config.js",
@@ -36,9 +34,7 @@
   },
   "author": "CoCreate LLC",
   "license": "MIT",
-  "bugs": {
-    "url": "https://github.com/CoCreate-app/CoCreate-search/issues"
-  },
+  "bugs": { "url": "https://github.com/CoCreate-app/CoCreate-search/issues" },
   "homepage": "https://cocreate.app/docs/search",
   "funding": {
     "type": "GitHub Sponsors ❤",
@@ -59,7 +55,5 @@
     "webpack-cli": "^4.5.0",
     "webpack-log": "^3.0.1"
   },
-  "dependencies": {
-    "@cocreate/docs": "^1.4.21"
-  }
+  "dependencies": { "@cocreate/docs": "^1.4.22" }
 }
diff --git a/webpack.config.js b/webpack.config.js
@@ -15,7 +15,6 @@ module.exports = {
     libraryExport: "default",
     library: ["CoCreate", "search"],
     globalObject: "this",
-    // publicPath: 'https://server.cocreate.app/CoCreateJS/dist/'
   },
 
   plugins: [