Skip to content

Commit fcbeedf

Browse files
frankpaganfrankpagan
committed
fix: update demos and bump dependencies
1 parent 33e00ff commit fcbeedf

10 files changed

+100
-186
lines changed

‎demo/CoCreate-card.html

Lines changed: 0 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -76,12 +76,6 @@
7676

7777
</div>
7878

79-
<script>
80-
var CoCreateConfig = {
81-
apiKey: 'c2b08663-06e3-440c-ef6f-13978b42883a',
82-
organization_id: '5ff747727005da1c272740ab'
83-
}
84-
</script>
8579

8680
<!--CoCreateJS-->
8781
<script src="https://cdn.cocreate.app/latest/CoCreate.min.js"></script>

‎demo/CoCreate-navbar.1.html

Lines changed: 2 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@
77
<meta name="viewport" content="width=device-width, initial-scale=1">
88
<link rel="icon" href="https://cdn.cocreate.app/favicon.ico" type="image/ico" sizes="16x16">
99
<title>Navbar | CoCreate</title>
10-
<link rel="stylesheet" src="https://server.cocreate.app/CoCreateCSS/dist/CoCreateCSS.css" />
10+
<link rel="stylesheet" src="https://cdn.cocreate.app/latest/CoCreate.min.css" />
1111

1212
</head>
1313

@@ -85,19 +85,9 @@
8585
<div resize="right"></div>
8686
</div>
8787

88-
<script>
89-
var CoCreateConfig = {
90-
apiKey: 'c2b08663-06e3-440c-ef6f-13978b42883a',
91-
organization_id: '5ff747727005da1c272740ab'
92-
}
93-
</script>
9488

9589
<!--CoCreateJS-->
96-
97-
<script src="https://server.cocreate.app/CoCreateCSS/dist/CoCreateCSS.js"></script>
90+
<script src="https://cdn.cocreate.app/latest/CoCreate.min.js"></script>
9891

99-
<!--CoCreateUI-->
100-
101-
10292
</body>
10393
</html>

‎demo/CoCreate-navbar.html

Lines changed: 3 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -10,8 +10,6 @@
1010

1111
<!-- CoCreateCSS -->
1212
<link rel="stylesheet" href="https://cdn.cocreate.app/CoCreate.min.css" type="text/css" />
13-
14-
1513

1614
</head>
1715

@@ -84,23 +82,11 @@
8482
</div>
8583

8684
<div id="menuL" class="cocreate-sidenav bg-medium-light-gray" content_id="content" sidenav_default_desktop="expanded" sidenav_default_tablet="collapsed">
87-
88-
89-
<div resize="right"></div>
85+
<div resize="right"></div>
9086
</div>
9187

92-
<script>
93-
var CoCreateConfig = {
94-
apiKey: 'c2b08663-06e3-440c-ef6f-13978b42883a',
95-
organization_id: '5ff747727005da1c272740ab'
96-
}
97-
</script>
98-
9988
<!--CoCreateJS-->
10089
<script src="https://cdn.cocreate.app/latest/CoCreate.min.js"></script>
101-
102-
<!--CoCreateUI-->
103-
104-
105-
</body>
90+
91+
</body>
10692
</html>

‎demo/CoCreate-smooth-scroll.html

Lines changed: 1 addition & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -154,12 +154,7 @@ <h2 id="three">Section Three</h2>
154154
<div resize="right"></div>
155155
</div>
156156

157-
<script>
158-
var CoCreateConfig = {
159-
apiKey: 'c2b08663-06e3-440c-ef6f-13978b42883a',
160-
organization_id: '5ff747727005da1c272740ab'
161-
}
162-
</script>
157+
163158

164159
<!--CoCreateJS-->
165160
<!--<script src="https://cdn.cocreate.app/latest/CoCreate.min.js"></script>-->

‎demo/avatar.html

Lines changed: 22 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -119,30 +119,28 @@ <h2 class="padding:5px_0px">Demo</h2>
119119
</span>
120120
</div>
121121
<div class="position:sticky top:0 padding:15px_0px height:100vh">
122-
<!-- SandBox -->
123-
<div class="container svColumn overflow:hidden card position:relative border-radius:2px width:auto height:100%" id="sandbox">
124-
<div class="font-size:20px position:absolute top:10px right:10px opacity:0.6">
125-
<a class="margin-right:10px" id="code" show="#preview" hide="#code, #view"><i class="far fa-eye"></i></a>
126-
<a class="margin-right:10px" id="preview" show="#code, #view" hide="#preview" hidden><i class="fas fa-code"></i></a>
127-
<a class="margin-right:5px" fullscreen target="#playground"><i class="fas fa-expand"></i></a>
128-
</div>
129-
<div class="svRow">
130-
131-
<div class="svColumn">
132-
133-
<div class="svPanel" id="view">
134-
<textarea collection="demos" document_id="" name="demo" save="false" id="demo" class="height:100% width:100% border:none resize:none padding:5px"></textarea>
135-
</div>
136-
<div class="svSplitter svHorizontal"> </div>
137-
138-
<div class="svPanel">
139-
<iframe get-value="#demo" frameBorder="0" height="100%" width="100%" class="min-width:300px"></iframe>
140-
</div>
141-
142-
</div>
143-
</div>
144-
</div>
145-
<!-- End SandBox -->
122+
<!-- SandBox -->
123+
<div class="position:relative overflow:hidden card border-radius:2px width:auto height:600px margin-top:20px" id="playground">
124+
125+
<div id="demo-code" resizable class="position:relative height:50%">
126+
<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>
127+
<div resize="bottom" class="background:lightgrey"></div>
128+
</div>
129+
130+
<div id="demo-preview" class="position:relative display:flex height:100% background-color:white">
131+
<div get-value="#demo" class="padding:20px"></div>
132+
</div>
133+
134+
<div class="font-size:20px position:absolute top:10px right:10px opacity:0.6">
135+
<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>
136+
<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>
137+
<a class="margin-right:10px" id="code" show="#code-slash" hide="#code, #demo-code"><i class="fa fa-code"></i></a>
138+
<a class="margin-right:10px" hidden id="code-slash" show="#code, #demo-code" hide="#code-slash"><i class="fas fa-code"></i></a>
139+
<a class="margin-right:5px" fullscreen target="#playground"><i class="fas fa-expand"></i></a>
140+
</div>
141+
142+
</div>
143+
<!-- End SandBox -->
146144
</div>
147145
</div>
148146

‎demo/flip-item.html

Lines changed: 2 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -9,16 +9,7 @@
99
<title>Avatar | CoCreate</title>
1010

1111
<!-- CoCreateCSS -->
12-
<link rel="stylesheet" href="https://cdn.cocreate.app/latest/CoCreate.min.css" type="text/css" />
13-
14-
<!-- CoCreate Avatar -->
15-
<!--<link rel="stylesheet" href="./CoCreate-avatar.css" type="text/css" />-->
16-
17-
<!-- CoCreate Flip Item -->
18-
<!--<link rel="stylesheet" href="https://cdn.cocreate.app/CoCreate-flip-item.min.css" type="text/css" />-->
19-
<link rel="stylesheet" href="https://server.cocreate.app/CoCreate-components/CoCreate-flip-item/src/CoCreate-flip-item.css" type="text/css" />
20-
21-
12+
<link rel="stylesheet" href="https://cdn.cocreate.app/latest/CoCreate.min.css" type="text/css" />
2213

2314
</head>
2415

@@ -34,17 +25,7 @@ <h5>some text</h5>
3425

3526

3627
<!-- CoCreateJS -->
37-
<!--<script src="https://cdn.cocreate.app/latest/CoCreate.min.js"></script>-->
38-
<script src="https://server.cocreate.app/CoCreateCSS/dist/CoCreateCSS.js"></script>
39-
<script>
40-
window.addEventListener('newCoCreateCssStyles', function(event) {
41-
const { isOnload, styleList } = event.detail;
42-
console.log('>>>.', isOnload, styleList)
43-
})
44-
</script>
45-
<!-- CoCreate Color -->
46-
<!--<script src="https://server.cocreate.app/CoCreate-components/CoCreate-color/src/CoCreate-color.js"></script>-->
47-
28+
<script src="https://cdn.cocreate.app/latest/CoCreate.min.js"></script>
4829

4930
</body>
5031

‎docs/avatar.html

Lines changed: 22 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -117,30 +117,28 @@ <h2 class="padding:5px_0px">Demo</h2>
117117
</span>
118118
</div>
119119
<div class="position:sticky top:0 padding:15px_0px height:100vh">
120-
<!-- SandBox -->
121-
<div class="container svColumn overflow:hidden card position:relative border-radius:2px width:auto height:100%" id="sandbox">
122-
<div class="font-size:20px position:absolute top:10px right:10px opacity:0.6">
123-
<a class="margin-right:10px" id="code" show="#preview" hide="#code, #view"><i class="far fa-eye"></i></a>
124-
<a class="margin-right:10px" id="preview" show="#code, #view" hide="#preview" hidden><i class="fas fa-code"></i></a>
125-
<a class="margin-right:5px" fullscreen target="#playground"><i class="fas fa-expand"></i></a>
126-
</div>
127-
<div class="svRow">
128-
129-
<div class="svColumn">
130-
131-
<div class="svPanel" id="view">
132-
<textarea collection="demos" document_id="" name="demo" save="false" id="demo" class="height:100% width:100% border:none resize:none padding:5px"></textarea>
133-
</div>
134-
<div class="svSplitter svHorizontal"> </div>
135-
136-
<div class="svPanel">
137-
<iframe get-value="#demo" frameBorder="0" height="100%" width="100%" class="min-width:300px"></iframe>
138-
</div>
139-
140-
</div>
141-
</div>
142-
</div>
143-
<!-- End SandBox -->
120+
<!-- SandBox -->
121+
<div class="position:relative overflow:hidden card border-radius:2px width:auto height:600px margin-top:20px" id="playground">
122+
123+
<div id="demo-code" resizable class="position:relative height:50%">
124+
<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>
125+
<div resize="bottom" class="background:lightgrey"></div>
126+
</div>
127+
128+
<div id="demo-preview" class="position:relative display:flex height:100% background-color:white">
129+
<div get-value="#demo" class="padding:20px"></div>
130+
</div>
131+
132+
<div class="font-size:20px position:absolute top:10px right:10px opacity:0.6">
133+
<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>
134+
<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>
135+
<a class="margin-right:10px" id="code" show="#code-slash" hide="#code, #demo-code"><i class="fa fa-code"></i></a>
136+
<a class="margin-right:10px" hidden id="code-slash" show="#code, #demo-code" hide="#code-slash"><i class="fas fa-code"></i></a>
137+
<a class="margin-right:5px" fullscreen target="#playground"><i class="fas fa-expand"></i></a>
138+
</div>
139+
140+
</div>
141+
<!-- End SandBox -->
144142
</div>
145143
</div>
146144

‎docs/flip-item.html

Lines changed: 22 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -87,30 +87,28 @@ <h2 class="padding:5px_0px">Demo</h2>
8787
</span>
8888
</div>
8989
<div class="position:sticky top:0 padding:15px_0px height:100vh">
90-
<!-- SandBox -->
91-
<div class="container svColumn overflow:hidden card position:relative border-radius:2px width:auto height:100%" id="sandbox">
92-
<div class="font-size:20px position:absolute top:10px right:10px opacity:0.6">
93-
<a class="margin-right:10px" id="code" show="#preview" hide="#code, #view"><i class="far fa-eye"></i></a>
94-
<a class="margin-right:10px" id="preview" show="#code, #view" hide="#preview" hidden><i class="fas fa-code"></i></a>
95-
<a class="margin-right:5px" fullscreen target="#playground"><i class="fas fa-expand"></i></a>
96-
</div>
97-
<div class="svRow">
98-
99-
<div class="svColumn">
100-
101-
<div class="svPanel" id="view">
102-
<textarea collection="demos" document_id="" name="demo" save="false" id="demo" class="height:100% width:100% border:none resize:none padding:5px"></textarea>
103-
</div>
104-
<div class="svSplitter svHorizontal"> </div>
105-
106-
<div class="svPanel">
107-
<iframe get-value="#demo" frameBorder="0" height="100%" width="100%" class="min-width:300px"></iframe>
108-
</div>
109-
110-
</div>
111-
</div>
112-
</div>
113-
<!-- End SandBox -->
90+
<!-- SandBox -->
91+
<div class="position:relative overflow:hidden card border-radius:2px width:auto height:600px margin-top:20px" id="playground">
92+
93+
<div id="demo-code" resizable class="position:relative height:50%">
94+
<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>
95+
<div resize="bottom" class="background:lightgrey"></div>
96+
</div>
97+
98+
<div id="demo-preview" class="position:relative display:flex height:100% background-color:white">
99+
<div get-value="#demo" class="padding:20px"></div>
100+
</div>
101+
102+
<div class="font-size:20px position:absolute top:10px right:10px opacity:0.6">
103+
<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>
104+
<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>
105+
<a class="margin-right:10px" id="code" show="#code-slash" hide="#code, #demo-code"><i class="fa fa-code"></i></a>
106+
<a class="margin-right:10px" hidden id="code-slash" show="#code, #demo-code" hide="#code-slash"><i class="fas fa-code"></i></a>
107+
<a class="margin-right:5px" fullscreen target="#playground"><i class="fas fa-expand"></i></a>
108+
</div>
109+
110+
</div>
111+
<!-- End SandBox -->
114112
</div>
115113
</div>
116114

‎docs/utility.html

Lines changed: 22 additions & 44 deletions
Original file line numberDiff line numberDiff line change
@@ -738,50 +738,28 @@ <h2 class="padding:5px_0px">Demo</h2>
738738
</span>
739739
</div>
740740
<div class="position:sticky top:0 padding:15px_0px height:100vh">
741-
<div class="container svColumn overflow:hidden card border-radius:2px width:auto height:100% box-shadow-300" id="form-sandbox">
742-
<div class="font-size:20px position:absolute top:10px right:10px opacity:0.6 z-index:7">
743-
<a class="margin-right:10px" id="preview" show="preview" hide="code"><i class="far fa-eye"></i></a>
744-
<a class="margin-right:10px" id="code" show="code" hide="preview" hidden><i class="fas fa-code"></i></a>
745-
<!--<a class="margin-right:10px"><i class="far fa-window-maximize"></i></a>-->
746-
<a target="modal" href="module_activity_datatable.html"
747-
pass-collection="modules"
748-
pass-document_id=""
749-
pass-filter-value=""
750-
pass-prefix=""
751-
pass_to="render"
752-
modal-width="600px"
753-
modal-height="400px"
754-
modal-color="#229954"
755-
modal-header="false"
756-
class="margin-right:10px">
757-
<i class="fas fa-external-link-alt"></i>
758-
</a>
759-
<a class="margin-right:5px" fullscreen target="#playground-1"><i class="fas fa-expand"></i></a>
760-
</div>
761-
762-
<div class="svRow">
763-
764-
<div class="svColumn">
765-
766-
<div class="svPanel">
767-
<div realtime="false"
768-
collection="modules"
769-
document_id="5eefe30952c6e94c75fb5e3f"
770-
name="html"
771-
id="7"
772-
class="codemirror min-width:300px">
773-
</div>
774-
</div>
775-
<div class="svSplitter svHorizontal"> </div>
776-
777-
<div class="svPanel">
778-
<iframe get-value="#7" frameBorder="0" height="100%" width="100%" class="min-width:300px"></iframe>
779-
</div>
780-
781-
</div>
782-
</div>
783-
</div>
784-
<!-- End SandBox -->
741+
<!-- SandBox -->
742+
<div class="position:relative overflow:hidden card border-radius:2px width:auto height:600px margin-top:20px" id="playground">
743+
744+
<div id="demo-code" resizable class="position:relative height:50%">
745+
<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>
746+
<div resize="bottom" class="background:lightgrey"></div>
747+
</div>
748+
749+
<div id="demo-preview" class="position:relative display:flex height:100% background-color:white">
750+
<div get-value="#demo" class="padding:20px"></div>
751+
</div>
752+
753+
<div class="font-size:20px position:absolute top:10px right:10px opacity:0.6">
754+
<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>
755+
<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>
756+
<a class="margin-right:10px" id="code" show="#code-slash" hide="#code, #demo-code"><i class="fa fa-code"></i></a>
757+
<a class="margin-right:10px" hidden id="code-slash" show="#code, #demo-code" hide="#code-slash"><i class="fas fa-code"></i></a>
758+
<a class="margin-right:5px" fullscreen target="#playground"><i class="fas fa-expand"></i></a>
759+
</div>
760+
761+
</div>
762+
<!-- End SandBox -->
785763
</div>
786764
</div>
787765
</div>

‎package.json

Lines changed: 4 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -20,9 +20,7 @@
2020
"html5-framework",
2121
"javascript-framework"
2222
],
23-
"publishConfig": {
24-
"access": "public"
25-
},
23+
"publishConfig": { "access": "public" },
2624
"scripts": {
2725
"start": "npx webpack --config webpack.config.js",
2826
"build": "NODE_ENV=production npx webpack --config webpack.config.js",
@@ -36,9 +34,7 @@
3634
},
3735
"author": "CoCreate LLC",
3836
"license": "MIT",
39-
"bugs": {
40-
"url": "https://github.com/CoCreate-app/CoCreateCSS/issues"
41-
},
37+
"bugs": { "url": "https://github.com/CoCreate-app/CoCreateCSS/issues" },
4238
"homepage": "https://cocreate.app/css/",
4339
"funding": {
4440
"type": "GitHub Sponsors ❤",
@@ -62,7 +58,7 @@
6258
"webpack-log": "^3.0.1"
6359
},
6460
"dependencies": {
65-
"@cocreate/docs": "^1.4.21",
66-
"@cocreate/hosting": "^1.6.22"
61+
"@cocreate/docs": "^1.4.22",
62+
"@cocreate/hosting": "^1.6.23"
6763
}
6864
}

0 commit comments

Comments
 (0)