vsn 0.1.87 → 0.1.90

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (39) hide show
  1. package/demo/vsn.js +2 -2
  2. package/dist/AST/ClassNode.js +6 -1
  3. package/dist/AST/ClassNode.js.map +1 -1
  4. package/dist/Attribute.js +0 -3
  5. package/dist/Attribute.js.map +1 -1
  6. package/dist/Component.js +60 -0
  7. package/dist/Component.js.map +1 -1
  8. package/dist/DOM/DOMObject.js +2 -1
  9. package/dist/DOM/DOMObject.js.map +1 -1
  10. package/dist/DOM.d.ts +2 -2
  11. package/dist/DOM.js +79 -76
  12. package/dist/DOM.js.map +1 -1
  13. package/dist/Scope/WrappedArray.d.ts +1 -1
  14. package/dist/Scope/WrappedArray.js +2 -2
  15. package/dist/Scope/WrappedArray.js.map +1 -1
  16. package/dist/Tag.d.ts +1 -0
  17. package/dist/Tag.js +8 -6
  18. package/dist/Tag.js.map +1 -1
  19. package/dist/attributes/JSONAttribute.js +4 -3
  20. package/dist/attributes/JSONAttribute.js.map +1 -1
  21. package/dist/attributes/List.d.ts +0 -3
  22. package/dist/attributes/List.js +35 -41
  23. package/dist/attributes/List.js.map +1 -1
  24. package/dist/version.d.ts +1 -1
  25. package/dist/version.js +1 -1
  26. package/package.json +1 -1
  27. package/src/AST/ClassNode.ts +7 -3
  28. package/src/Attribute.ts +0 -1
  29. package/src/Component.ts +8 -0
  30. package/src/DOM/DOMObject.ts +2 -1
  31. package/src/DOM.ts +24 -23
  32. package/src/Scope/WrappedArray.ts +2 -2
  33. package/src/Tag.ts +9 -6
  34. package/src/attributes/JSONAttribute.ts +3 -3
  35. package/src/attributes/List.ts +21 -16
  36. package/src/version.ts +1 -1
  37. package/test/attributes/JSONAttribute.spec.ts +31 -29
  38. package/dist/vsn.min.js +0 -3
  39. package/dist/vsn.min.js.LICENSE.txt +0 -9
package/test/attributes/JSONAttribute.spec.ts CHANGED
@@ -3,23 +3,23 @@ import {DOM} from "../../src/DOM";
3
3
  describe('JSONAttribute', () => {
4
4
  it("vsn-json should work with script/ld-json and an array", (done) => {
5
5
  document.body.innerHTML = `
6
- <script type="application/ld+json" vsn-json:test>
6
+ <script type="application/ld+json" vsn-json:t0>
7
7
  [1,2,3,"four"]
8
8
  </script>
9
9
  `;
10
10
  const dom = new DOM(document);
11
11
  dom.once('built', async () => {
12
- expect(dom.root.scope.get('test')[0]).toBe(1);
13
- expect(dom.root.scope.get('test')[1]).toBe(2);
14
- expect(dom.root.scope.get('test')[2]).toBe(3);
15
- expect(dom.root.scope.get('test')[3]).toBe("four");
12
+ expect(dom.root.scope.get('t0')[0]).toBe(1);
13
+ expect(dom.root.scope.get('t0')[1]).toBe(2);
14
+ expect(dom.root.scope.get('t0')[2]).toBe(3);
15
+ expect(dom.root.scope.get('t0')[3]).toBe("four");
16
16
  done();
17
17
  });
18
18
  });
19
19
 
20
20
  it("vsn-json should work with script/ld-json and an object", (done) => {
21
21
  document.body.innerHTML = `
22
- <script type="application/ld+json" vsn-json:test>
22
+ <script type="application/ld+json" vsn-json:t1>
23
23
  {
24
24
  "testing": [1,2,3,"four"],
25
25
  "test": ["one","two","three",4],
@@ -29,47 +29,49 @@ describe('JSONAttribute', () => {
29
29
  `;
30
30
  const dom = new DOM(document);
31
31
  dom.once('built', async () => {
32
- expect(dom.root.scope.get('test').get("testing")[0]).toBe(1);
33
- expect(dom.root.scope.get('test').get("testing")[1]).toBe(2);
34
- expect(dom.root.scope.get('test').get("testing")[2]).toBe(3);
35
- expect(dom.root.scope.get('test').get("testing")[3]).toBe("four");
36
- expect(dom.root.scope.get('test').get("test")[0]).toBe("one");
37
- expect(dom.root.scope.get('test').get("test")[1]).toBe("two");
38
- expect(dom.root.scope.get('test').get("test")[2]).toBe("three");
39
- expect(dom.root.scope.get('test').get("test")[3]).toBe(4);
40
- expect(dom.root.scope.get('test').get("val")).toBe(111);
32
+ expect(dom.root.scope.get('t1').get("testing")[0]).toBe(1);
33
+ expect(dom.root.scope.get('t1').get("testing")[1]).toBe(2);
34
+ expect(dom.root.scope.get('t1').get("testing")[2]).toBe(3);
35
+ expect(dom.root.scope.get('t1').get("testing")[3]).toBe("four");
36
+ expect(dom.root.scope.get('t1').get("test")[0]).toBe("one");
37
+ expect(dom.root.scope.get('t1').get("test")[1]).toBe("two");
38
+ expect(dom.root.scope.get('t1').get("test")[2]).toBe("three");
39
+ expect(dom.root.scope.get('t1').get("test")[3]).toBe(4);
40
+ expect(dom.root.scope.get('t1').get("val")).toBe(111);
41
41
  done();
42
42
  });
43
43
  });
44
44
 
45
45
  it("vsn-json should work with div and an array", (done) => {
46
46
  document.body.innerHTML = `
47
- <div vsn-json:test="[1,2,3,&quot;four&quot;]"></div>
47
+ <div vsn-json:t2="[1,2,3,&quot;four&quot;]"></div>
48
48
  `;
49
+
49
50
  const dom = new DOM(document);
50
51
  dom.once('built', async () => {
51
- expect(dom.root.scope.get('test')[0]).toBe(1);
52
- expect(dom.root.scope.get('test')[1]).toBe(2);
53
- expect(dom.root.scope.get('test')[2]).toBe(3);
54
- expect(dom.root.scope.get('test')[3]).toBe("four");
52
+ console.log('scope keys', dom.root.scope.keys);
53
+ expect(dom.root.scope.get('t2')[0]).toBe(1);
54
+ expect(dom.root.scope.get('t2')[1]).toBe(2);
55
+ expect(dom.root.scope.get('t2')[2]).toBe(3);
56
+ expect(dom.root.scope.get('t2')[3]).toBe("four");
55
57
  done();
56
58
  });
57
59
  });
58
60
 
59
61
  it("vsn-json should work with div and an object", (done) => {
60
62
  document.body.innerHTML = `
61
- <div vsn-json:test="{&quot;testing&quot;: [1,2,3,&quot;four&quot;],&quot;test&quot;: [&quot;one&quot;,&quot;two&quot;,&quot;three&quot;,4]}"></div>
63
+ <div vsn-json:t3="{&quot;testing&quot;: [1,2,3,&quot;four&quot;],&quot;test&quot;: [&quot;one&quot;,&quot;two&quot;,&quot;three&quot;,4]}"></div>
62
64
  `;
63
65
  const dom = new DOM(document);
64
66
  dom.once('built', async () => {
65
- expect(dom.root.scope.get('test').get("testing")[0]).toBe(1);
66
- expect(dom.root.scope.get('test').get("testing")[1]).toBe(2);
67
- expect(dom.root.scope.get('test').get("testing")[2]).toBe(3);
68
- expect(dom.root.scope.get('test').get("testing")[3]).toBe("four");
69
- expect(dom.root.scope.get('test').get("test")[0]).toBe("one");
70
- expect(dom.root.scope.get('test').get("test")[1]).toBe("two");
71
- expect(dom.root.scope.get('test').get("test")[2]).toBe("three");
72
- expect(dom.root.scope.get('test').get("test")[3]).toBe(4);
67
+ expect(dom.root.scope.get('t3').get("testing")[0]).toBe(1);
68
+ expect(dom.root.scope.get('t3').get("testing")[1]).toBe(2);
69
+ expect(dom.root.scope.get('t3').get("testing")[2]).toBe(3);
70
+ expect(dom.root.scope.get('t3').get("testing")[3]).toBe("four");
71
+ expect(dom.root.scope.get('t3').get("test")[0]).toBe("one");
72
+ expect(dom.root.scope.get('t3').get("test")[1]).toBe("two");
73
+ expect(dom.root.scope.get('t3').get("test")[2]).toBe("three");
74
+ expect(dom.root.scope.get('t3').get("test")[3]).toBe(4);
73
75
  done();
74
76
  });
75
77
  });