slicejs-web-framework 3.2.3 → 3.3.1

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 (124) hide show
  1. package/.opencode/opencode.json +13 -13
  2. package/LICENSE +21 -21
  3. package/README.md +97 -174
  4. package/Slice/Components/Structural/ContextManager/ContextManager.js +369 -369
  5. package/Slice/Components/Structural/ContextManager/ContextManagerDebugger.js +420 -297
  6. package/Slice/Components/Structural/Controller/Controller.js +1129 -1131
  7. package/Slice/Components/Structural/Debugger/Debugger.html +72 -72
  8. package/Slice/Components/Structural/Debugger/Debugger.js +1497 -1547
  9. package/Slice/Components/Structural/EventManager/EventManager.js +338 -338
  10. package/Slice/Components/Structural/EventManager/EventManagerDebugger.js +476 -361
  11. package/Slice/Components/Structural/Logger/Log.js +10 -10
  12. package/Slice/Components/Structural/Logger/Logger.js +145 -146
  13. package/Slice/Components/Structural/Router/Router.js +752 -721
  14. package/Slice/Components/Structural/StylesManager/StylesManager.js +78 -78
  15. package/Slice/Components/Structural/StylesManager/ThemeManager/ThemeManager.js +84 -84
  16. package/Slice/Slice.js +530 -542
  17. package/Slice/tests/build-bundled-component-without-category.test.js +103 -103
  18. package/Slice/tests/build-js-only-visual-components.test.js +144 -144
  19. package/Slice/tests/bundle-v2-runtime-contract.test.js +728 -728
  20. package/Slice/tests/public-env-runtime-accessors.test.js +44 -44
  21. package/Slice/tests/router-loading-finally.test.js +68 -68
  22. package/api/index.js +286 -286
  23. package/api/middleware/securityMiddleware.js +252 -252
  24. package/api/tests/public-env-resolver.test.js +193 -193
  25. package/api/utils/publicEnvResolver.js +117 -117
  26. package/package.json +40 -38
  27. package/sliceConfig.schema.json +109 -109
  28. package/src/App/index.html +16 -22
  29. package/src/App/index.js +20 -23
  30. package/src/App/style.css +11 -40
  31. package/src/Components/AppComponents/AboutSection/AboutSection.css +9 -0
  32. package/src/Components/AppComponents/AboutSection/AboutSection.html +8 -0
  33. package/src/Components/AppComponents/AboutSection/AboutSection.js +12 -0
  34. package/src/Components/AppComponents/AppShell/AppShell.css +10 -0
  35. package/src/Components/AppComponents/AppShell/AppShell.html +4 -0
  36. package/src/Components/AppComponents/AppShell/AppShell.js +36 -0
  37. package/src/Components/AppComponents/HomeSection/HomeSection.css +20 -0
  38. package/src/Components/AppComponents/HomeSection/HomeSection.html +10 -0
  39. package/src/Components/AppComponents/HomeSection/HomeSection.js +19 -0
  40. package/src/Components/components.js +8 -27
  41. package/src/Styles/sliceStyles.css +34 -34
  42. package/src/Themes/Dark.css +42 -42
  43. package/src/Themes/Light.css +31 -31
  44. package/src/Themes/Slice.css +47 -47
  45. package/src/routes.js +9 -15
  46. package/src/sliceConfig.json +74 -73
  47. package/types/index.d.ts +207 -207
  48. package/Slice/Components/Structural/Debugger/Debugger.css +0 -620
  49. package/src/Components/AppComponents/HomePage/HomePage.css +0 -201
  50. package/src/Components/AppComponents/HomePage/HomePage.html +0 -37
  51. package/src/Components/AppComponents/HomePage/HomePage.js +0 -210
  52. package/src/Components/AppComponents/Playground/Playground.css +0 -12
  53. package/src/Components/AppComponents/Playground/Playground.html +0 -0
  54. package/src/Components/AppComponents/Playground/Playground.js +0 -111
  55. package/src/Components/Service/FetchManager/FetchManager.js +0 -133
  56. package/src/Components/Service/IndexedDbManager/IndexedDbManager.js +0 -141
  57. package/src/Components/Service/LocalStorageManager/LocalStorageManager.js +0 -45
  58. package/src/Components/Visual/Button/Button.css +0 -47
  59. package/src/Components/Visual/Button/Button.html +0 -5
  60. package/src/Components/Visual/Button/Button.js +0 -93
  61. package/src/Components/Visual/Card/Card.css +0 -68
  62. package/src/Components/Visual/Card/Card.html +0 -7
  63. package/src/Components/Visual/Card/Card.js +0 -107
  64. package/src/Components/Visual/Checkbox/Checkbox.css +0 -87
  65. package/src/Components/Visual/Checkbox/Checkbox.html +0 -8
  66. package/src/Components/Visual/Checkbox/Checkbox.js +0 -86
  67. package/src/Components/Visual/CodeVisualizer/CodeVisualizer.css +0 -130
  68. package/src/Components/Visual/CodeVisualizer/CodeVisualizer.html +0 -4
  69. package/src/Components/Visual/CodeVisualizer/CodeVisualizer.js +0 -262
  70. package/src/Components/Visual/Details/Details.css +0 -70
  71. package/src/Components/Visual/Details/Details.html +0 -9
  72. package/src/Components/Visual/Details/Details.js +0 -76
  73. package/src/Components/Visual/DropDown/DropDown.css +0 -60
  74. package/src/Components/Visual/DropDown/DropDown.html +0 -5
  75. package/src/Components/Visual/DropDown/DropDown.js +0 -63
  76. package/src/Components/Visual/Grid/Grid.css +0 -7
  77. package/src/Components/Visual/Grid/Grid.html +0 -1
  78. package/src/Components/Visual/Grid/Grid.js +0 -57
  79. package/src/Components/Visual/Icon/Icon.css +0 -510
  80. package/src/Components/Visual/Icon/Icon.html +0 -1
  81. package/src/Components/Visual/Icon/Icon.js +0 -89
  82. package/src/Components/Visual/Icon/slc.eot +0 -0
  83. package/src/Components/Visual/Icon/slc.json +0 -555
  84. package/src/Components/Visual/Icon/slc.styl +0 -507
  85. package/src/Components/Visual/Icon/slc.svg +0 -1485
  86. package/src/Components/Visual/Icon/slc.symbol.svg +0 -1059
  87. package/src/Components/Visual/Icon/slc.ttf +0 -0
  88. package/src/Components/Visual/Icon/slc.woff +0 -0
  89. package/src/Components/Visual/Icon/slc.woff2 +0 -0
  90. package/src/Components/Visual/Input/Input.css +0 -91
  91. package/src/Components/Visual/Input/Input.html +0 -4
  92. package/src/Components/Visual/Input/Input.js +0 -215
  93. package/src/Components/Visual/Layout/Layout.css +0 -0
  94. package/src/Components/Visual/Layout/Layout.html +0 -0
  95. package/src/Components/Visual/Layout/Layout.js +0 -49
  96. package/src/Components/Visual/Link/Link.css +0 -8
  97. package/src/Components/Visual/Link/Link.html +0 -1
  98. package/src/Components/Visual/Link/Link.js +0 -63
  99. package/src/Components/Visual/Loading/Loading.css +0 -56
  100. package/src/Components/Visual/Loading/Loading.html +0 -83
  101. package/src/Components/Visual/Loading/Loading.js +0 -38
  102. package/src/Components/Visual/MultiRoute/MultiRoute.js +0 -93
  103. package/src/Components/Visual/Navbar/Navbar.css +0 -115
  104. package/src/Components/Visual/Navbar/Navbar.html +0 -44
  105. package/src/Components/Visual/Navbar/Navbar.js +0 -141
  106. package/src/Components/Visual/NotFound/NotFound.css +0 -117
  107. package/src/Components/Visual/NotFound/NotFound.html +0 -24
  108. package/src/Components/Visual/NotFound/NotFound.js +0 -16
  109. package/src/Components/Visual/Route/Route.js +0 -93
  110. package/src/Components/Visual/Select/Select.css +0 -84
  111. package/src/Components/Visual/Select/Select.html +0 -8
  112. package/src/Components/Visual/Select/Select.js +0 -195
  113. package/src/Components/Visual/Switch/Switch.css +0 -76
  114. package/src/Components/Visual/Switch/Switch.html +0 -8
  115. package/src/Components/Visual/Switch/Switch.js +0 -102
  116. package/src/Components/Visual/TreeItem/TreeItem.css +0 -36
  117. package/src/Components/Visual/TreeItem/TreeItem.html +0 -1
  118. package/src/Components/Visual/TreeItem/TreeItem.js +0 -126
  119. package/src/Components/Visual/TreeView/TreeView.css +0 -8
  120. package/src/Components/Visual/TreeView/TreeView.html +0 -1
  121. package/src/Components/Visual/TreeView/TreeView.js +0 -48
  122. package/src/images/Slice.js-logo.png +0 -0
  123. package/src/images/im2/Slice.js-logo.png +0 -0
  124. package/src/testing.js +0 -888
package/Slice/Components/Structural/Debugger/Debugger.html CHANGED
@@ -1,73 +1,73 @@
1
- <div id="debugger-container">
2
- <div class="debugger-header">
3
- <div class="header-content">
4
- <div class="component-info">
5
- <div class="component-icon">🔍</div>
6
- <div class="component-details">
7
- <div class="component-name">Component Inspector</div>
8
- <div class="component-id">Ready to debug</div>
9
- </div>
10
- </div>
11
- <div class="header-actions">
12
- <button class="minimize-btn" title="Minimize">−</button>
13
- <button id="close-debugger" title="Close">×</button>
14
- </div>
15
- </div>
16
- </div>
17
-
18
- <div class="debugger-content">
19
- <div class="tabs-container">
20
- <div class="tab-nav">
21
- <button class="tab-btn active" data-tab="props">📋 Props</button>
22
- <button class="tab-btn" data-tab="info">ℹī¸ Info</button>
23
- </div>
24
- </div>
25
-
26
- <div class="tab-content">
27
- <div class="tab-pane active" id="props-tab">
28
- <div class="props-container"></div>
29
- <div class="props-actions">
30
- <div class="action-buttons">
31
- <button class="action-btn primary" id="apply-changes">✅ Apply Changes</button>
32
- <button class="action-btn secondary" id="reset-values">🔄 Reset Values</button>
33
- </div>
34
- <div class="actions-note">
35
- <small>💡 Press Enter on any input to apply changes automatically</small>
36
- </div>
37
- </div>
38
- </div>
39
-
40
- <div class="tab-pane" id="info-tab">
41
- <div class="info-container">
42
- <div class="info-list"></div>
43
- </div>
44
- </div>
45
- </div>
46
- </div>
47
-
48
- <!-- Modal para editar objetos/funciones -->
49
- <div class="editor-modal" id="editor-modal">
50
- <div class="modal-content">
51
- <div class="modal-header">
52
- <h3 id="modal-title">Edit Property</h3>
53
- <button class="modal-close" id="modal-close">×</button>
54
- </div>
55
- <div class="modal-body">
56
- <div class="editor-type-selector">
57
- <button class="type-btn active" data-type="json">📋 JSON</button>
58
- <button class="type-btn" data-type="function">⚡ Function</button>
59
- </div>
60
- <div class="editor-container">
61
- <textarea id="property-editor" spellcheck="false"></textarea>
62
- </div>
63
- <div class="editor-footer">
64
- <div class="validation-message"></div>
65
- </div>
66
- </div>
67
- <div class="modal-actions">
68
- <button class="modal-btn cancel" id="modal-cancel">Cancel</button>
69
- <button class="modal-btn save" id="modal-save">Save Changes</button>
70
- </div>
71
- </div>
72
- </div>
1
+ <div id="debugger-container">
2
+ <div class="debugger-header">
3
+ <div class="header-content">
4
+ <div class="component-info">
5
+ <div class="component-icon">🔍</div>
6
+ <div class="component-details">
7
+ <div class="component-name">Component Inspector</div>
8
+ <div class="component-id">Ready to debug</div>
9
+ </div>
10
+ </div>
11
+ <div class="header-actions">
12
+ <button class="minimize-btn" title="Minimize">−</button>
13
+ <button id="close-debugger" title="Close">×</button>
14
+ </div>
15
+ </div>
16
+ </div>
17
+
18
+ <div class="debugger-content">
19
+ <div class="tabs-container">
20
+ <div class="tab-nav">
21
+ <button class="tab-btn active" data-tab="props">📋 Props</button>
22
+ <button class="tab-btn" data-tab="info">ℹī¸ Info</button>
23
+ </div>
24
+ </div>
25
+
26
+ <div class="tab-content">
27
+ <div class="tab-pane active" id="props-tab">
28
+ <div class="props-container"></div>
29
+ <div class="props-actions">
30
+ <div class="action-buttons">
31
+ <button class="action-btn primary" id="apply-changes">✅ Apply Changes</button>
32
+ <button class="action-btn secondary" id="reset-values">🔄 Reset Values</button>
33
+ </div>
34
+ <div class="actions-note">
35
+ <small>💡 Press Enter on any input to apply changes automatically</small>
36
+ </div>
37
+ </div>
38
+ </div>
39
+
40
+ <div class="tab-pane" id="info-tab">
41
+ <div class="info-container">
42
+ <div class="info-list"></div>
43
+ </div>
44
+ </div>
45
+ </div>
46
+ </div>
47
+
48
+ <!-- Modal para editar objetos/funciones -->
49
+ <div class="editor-modal" id="editor-modal">
50
+ <div class="modal-content">
51
+ <div class="modal-header">
52
+ <h3 id="modal-title">Edit Property</h3>
53
+ <button class="modal-close" id="modal-close">×</button>
54
+ </div>
55
+ <div class="modal-body">
56
+ <div class="editor-type-selector">
57
+ <button class="type-btn active" data-type="json">📋 JSON</button>
58
+ <button class="type-btn" data-type="function">⚡ Function</button>
59
+ </div>
60
+ <div class="editor-container">
61
+ <textarea id="property-editor" spellcheck="false"></textarea>
62
+ </div>
63
+ <div class="editor-footer">
64
+ <div class="validation-message"></div>
65
+ </div>
66
+ </div>
67
+ <div class="modal-actions">
68
+ <button class="modal-btn cancel" id="modal-cancel">Cancel</button>
69
+ <button class="modal-btn save" id="modal-save">Save Changes</button>
70
+ </div>
71
+ </div>
72
+ </div>
73
73
  </div>