Skip to content

Commit 4e317ef

Browse files
frankpaganfrankpagan
committed
fix: crud attributes renamed
1 parent 345d8af commit 4e317ef

File tree

6 files changed

+64
-65
lines changed

6 files changed

+64
-65
lines changed

‎CoCreate.config.js

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,8 +4,8 @@ module.exports = {
44
"host": "",
55
"sources": [
66
{
7-
"collection": "files",
8-
"document": {
7+
"array": "files",
8+
"object": {
99
"_id": "637ca39950234ef1671ce312",
1010
"name": "index.html",
1111
"path": "/docs/css-parser/index.html",

‎demo/atomic-css.html

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -23,8 +23,8 @@
2323
<link
2424
rel="stylesheet"
2525
href="/docs/index.css"
26-
collection="files"
27-
document_id="60888216117c640e7596303f"
26+
array="files"
27+
object="60888216117c640e7596303f"
2828
name="src"
2929
type="text/css"
3030
save="true" />
@@ -42,7 +42,7 @@
4242
</head>
4343

4444
<body class="margin:15px_10px">
45-
<div collection="" document_id="" name="" id="CoCreateCSS">
45+
<div array="" object="" name="" id="CoCreateCSS">
4646
<div
4747
class="display:flex flex-wrap:wrap justify-content:space-between">
4848
<div class="display:flex align-items:center">
@@ -1023,8 +1023,8 @@ <h2 class="padding:5px_0px">Demo</h2>
10231023
<textarea
10241024
type="code"
10251025
lang="html"
1026-
collection="demos"
1027-
document_id=""
1026+
array="demos"
1027+
object=""
10281028
name="demo"
10291029
save="false"
10301030
id="demo"
@@ -1101,11 +1101,11 @@ <h2 class="padding:5px_0px">Demo</h2>
11011101

11021102
<script src="./dist/CoCreateCSS.min.js"></script>
11031103
<script type="text/javascript">
1104-
var copy = document.querySelectorAll(".copy");
1104+
var copy = object.querySelectorAll(".copy");
11051105

11061106
for (const copied of copy) {
11071107
copied.onclick = function () {
1108-
document.execCommand("copy");
1108+
object.execCommand("copy");
11091109
};
11101110
copied.addEventListener("copy", function (event) {
11111111
event.preventDefault();

‎demo/test.1.html

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -19,12 +19,12 @@
1919
rel="stylesheet"
2020
href="https://cdn.cocreate.app/latest/CoCreate.min.css"
2121
type="text/css" />
22-
<!--<link rel="stylesheet" href="https://ws.cocreate.app/docs/index.css" type="text/css" save="true" collection="files" document_id="60888216117c640e7596303f" name="src" />-->
22+
<!--<link rel="stylesheet" href="https://ws.cocreate.app/docs/index.css" type="text/css" save="true" array="files" object="60888216117c640e7596303f" name="src" />-->
2323
<link
2424
rel="stylesheet"
2525
href="../src/index.css"
26-
collection="files"
27-
document_id="60888216117c640e7596303f"
26+
array="files"
27+
object="60888216117c640e7596303f"
2828
name="src"
2929
type="text/css"
3030
parse="true"

‎demo/test.html

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -22,8 +22,8 @@
2222
<link
2323
rel="stylesheet"
2424
href="../test.css"
25-
collection="files"
26-
document_id="60888216117c640e7596303f"
25+
array="files"
26+
object="60888216117c640e7596303f"
2727
name="src"
2828
type="text/css"
2929
parse="true"
@@ -91,8 +91,8 @@ <h1 class="color:white@dark color:yellow@light">
9191
scroll="sticky-nav,hide-nav"
9292
scroll-up="10"
9393
scroll-down="10"
94-
collection="files"
95-
document_id="60395ef42b3ac232657040fd"
94+
array="files"
95+
object="60395ef42b3ac232657040fd"
9696
name="src"></nav>
9797
<sidenav
9898
id="menuL"
@@ -102,8 +102,8 @@ <h1 class="color:white@dark color:yellow@light">
102102
resize-property="margin-left"
103103
resize-value="width">
104104
<menu
105-
collection="files"
106-
document_id="603717b07de7fb350ae9fec8"
105+
array="files"
106+
object="603717b07de7fb350ae9fec8"
107107
name="src"></menu>
108108
<div resize="right"></div>
109109
</sidenav>

‎docs/index.html

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -29,8 +29,8 @@
2929
<link
3030
rel="stylesheet"
3131
href="/docs/index.css"
32-
collection="files"
33-
document_id="60888216117c640e7596303f"
32+
array="files"
33+
object="60888216117c640e7596303f"
3434
name="src"
3535
type="text/css"
3636
save="true" />
@@ -54,8 +54,8 @@
5454
scroll="sticky-nav,hide-nav"
5555
scroll-up="10"
5656
scroll-down="10"
57-
collection="files"
58-
document_id="60395ef42b3ac232657040fd"
57+
array="files"
58+
object="60395ef42b3ac232657040fd"
5959
name="src"></nav>
6060
<sidenav
6161
id="menuL"
@@ -65,8 +65,8 @@
6565
resize-property="margin-left"
6666
resize-value="width">
6767
<menu
68-
collection="files"
69-
document_id="603717b07de7fb350ae9fec8"
68+
array="files"
69+
object="603717b07de7fb350ae9fec8"
7070
name="src"></menu>
7171
<div resize="right"></div>
7272
</sidenav>
@@ -1072,8 +1072,8 @@ <h2 class="padding:5px_0px">Demo</h2>
10721072
<textarea
10731073
type="code"
10741074
lang="html"
1075-
collection="demos"
1076-
document_id=""
1075+
array="demos"
1076+
object=""
10771077
name="demo"
10781078
save="false"
10791079
id="demo"
@@ -1155,11 +1155,11 @@ <h2 class="padding:5px_0px">Demo</h2>
11551155
<script src="./apikey.js"></script>
11561156
<script src="https://cdn.cocreate.app/latest/CoCreate.min.js"></script>
11571157
<script type="text/javascript">
1158-
// var copy = document.querySelectorAll(".copy");
1158+
// var copy = object.querySelectorAll(".copy");
11591159

11601160
// for (const copied of copy) {
11611161
// copied.onclick = function() {
1162-
// document.execCommand("copy");
1162+
// object.execCommand("copy");
11631163
// };
11641164
// copied.addEventListener("copy", function(event) {
11651165
// event.preventDefault();

‎src/index.js

Lines changed: 36 additions & 37 deletions
Original file line numberDiff line numberDiff line change
@@ -31,15 +31,15 @@ let parse;
3131
function init(linkTag) {
3232
if (linkTag) {
3333
parse = linkTag.getAttribute('parse');
34-
34+
3535
let styleEl = document.createElement("style");
3636
styleEl.setAttribute('component', 'css-parser');
3737
document.head.appendChild(styleEl);
3838
styleElSheet = styleEl.sheet;
3939

4040
if (parse == undefined)
4141
parse = localStorage.getItem('cssParser')
42-
42+
4343
if (parse == 'true') {
4444
parseLinkCSS();
4545
let elements = document.querySelectorAll("[class]");
@@ -48,10 +48,10 @@ function init(linkTag) {
4848
}
4949

5050
}
51-
}
52-
53-
function initElements (elements) {
54-
for(let element of elements)
51+
}
52+
53+
function initElements(elements) {
54+
for (let element of elements)
5555
initElement(element);
5656
addNewRules();
5757
}
@@ -88,9 +88,9 @@ function parseLinkCSS() {
8888
function parseClassList(classList) {
8989
for (let className of classList) {
9090
if (classNameList.has(className)) continue;
91-
91+
9292
if (className.includes('@dark') || className.includes('@light')) {
93-
createThemeRule(className) ;
93+
createThemeRule(className);
9494
}
9595
else if (className.includes(':')) {
9696
if (className.includes('@')) {
@@ -117,7 +117,7 @@ function createRule(className) {
117117
let property = res[0];
118118
let suffix = parseValue(res[1]);
119119
let value = res[1].split("@")[0].replace(/_/g, " ");
120-
120+
121121
let rule = "";
122122
if (res.length > 2) {
123123
for (let i = 0; i < res.length - 2; i++) {
@@ -133,17 +133,17 @@ function createRule(className) {
133133

134134
function parseValue(value) {
135135
return value
136-
.replace(/\./g, "\\.")
137-
.replace(/%/g, "\\%")
138-
.replace(/@/g, "\\@")
139-
.replace(/\(/g, "\\(")
140-
.replace(/\)/g, "\\)")
141-
.replace(/#/g, "\\#")
142-
.replace(/,/g, "\\,")
143-
.replace(/!/g, "\\!")
144-
.replace(/\//g, "\\/")
145-
.replace(/\"/g, "\\\"")
146-
.replace(/\'/g, "\\'");
136+
.replace(/\./g, "\\.")
137+
.replace(/%/g, "\\%")
138+
.replace(/@/g, "\\@")
139+
.replace(/\(/g, "\\(")
140+
.replace(/\)/g, "\\)")
141+
.replace(/#/g, "\\#")
142+
.replace(/,/g, "\\,")
143+
.replace(/!/g, "\\!")
144+
.replace(/\//g, "\\/")
145+
.replace(/\"/g, "\\\"")
146+
.replace(/\'/g, "\\'");
147147
}
148148

149149
function createMediaRule(className) {
@@ -175,14 +175,14 @@ function createThemeRule(className) {
175175
let classname = className;
176176
let pseudo, theme;
177177
[className, theme] = className.split('@');
178-
178+
179179
if (theme.includes(':')) {
180180
theme = theme.split(':');
181181
pseudo = theme;
182182
theme = theme[0];
183183
pseudo.shift();
184184
}
185-
185+
186186
let res = className.split(':');
187187
if (res.length > 2) {
188188
console.log('pseudo names need to be added after theme');
@@ -191,7 +191,7 @@ function createThemeRule(className) {
191191
let property = res[0];
192192
let suffix = parseValue(res[1]);
193193
let value = res[1].replace(/_/g, " ");
194-
194+
195195
let rule = "";
196196
if (pseudo) {
197197
suffix += "\\@" + theme;
@@ -266,21 +266,21 @@ function addNewRules() {
266266

267267
let delayTimer;
268268
function save() {
269-
if (linkTag && linkTag.hasAttribute('document_id') && linkTag.getAttribute('save') != 'false') {
269+
if (linkTag && linkTag.hasAttribute('object') && linkTag.getAttribute('save') != 'false') {
270270
clearTimeout(delayTimer);
271-
delayTimer = setTimeout(function() {
271+
delayTimer = setTimeout(function () {
272272
const onlyUnique = (value, index, self) => {
273273
return self.indexOf(value) === index;
274274
};
275-
275+
276276
let css = parsedCSS.concat(linkCSS).filter(onlyUnique);
277277
crud.save(linkTag, css.join('\r\n'));
278278
}, 3000);
279279
}
280280
}
281-
281+
282282
const observerInit = () => {
283-
283+
284284
observer.init({
285285
name: "ccCss",
286286
observe: ['childList'],
@@ -290,22 +290,22 @@ const observerInit = () => {
290290
initElements(mutation.addedNodes);
291291
}
292292
});
293-
293+
294294
observer.init({
295295
name: "ccCss",
296296
observe: ["attributes"],
297297
attributeName: ["class", "className"],
298298
callback: mutation => {
299299
if (parse != 'false')
300-
initElements([mutation.target]);
300+
initElements([mutation.target]);
301301
}
302302
});
303303
};
304304

305305
observer.init({
306306
name: "cssParseAddedNode",
307-
observe: ['addedNodes'],
308-
target: 'link[parse], link[save], link[document_id]',
307+
observe: ['addedNodes'],
308+
target: 'link[parse], link[save], link[object]',
309309
callback: mutation => {
310310
init(mutation.target);
311311
}
@@ -314,16 +314,15 @@ observer.init({
314314
observer.init({
315315
name: "cssParseattributes",
316316
observe: ["attributes"],
317-
attributeName: ["parse", "save", "document_id"],
317+
attributeName: ["parse", "save", "object"],
318318
target: 'link',
319319
callback: mutation => {
320-
init(mutation.target);
320+
init(mutation.target);
321321
}
322322
});
323323

324-
let linkTag = document.querySelector('link[parse], link[collection][document_id][name]');
324+
let linkTag = document.querySelector('link[parse], link[array][object][name]');
325325
if (linkTag)
326326
init(linkTag);
327327

328-
export default {initElements};
329-
328+
export default { initElements };

0 commit comments

Comments
 (0)