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.
- package/.opencode/opencode.json +13 -13
- package/LICENSE +21 -21
- package/README.md +97 -174
- package/Slice/Components/Structural/ContextManager/ContextManager.js +369 -369
- package/Slice/Components/Structural/ContextManager/ContextManagerDebugger.js +420 -297
- package/Slice/Components/Structural/Controller/Controller.js +1129 -1131
- package/Slice/Components/Structural/Debugger/Debugger.html +72 -72
- package/Slice/Components/Structural/Debugger/Debugger.js +1497 -1547
- package/Slice/Components/Structural/EventManager/EventManager.js +338 -338
- package/Slice/Components/Structural/EventManager/EventManagerDebugger.js +476 -361
- package/Slice/Components/Structural/Logger/Log.js +10 -10
- package/Slice/Components/Structural/Logger/Logger.js +145 -146
- package/Slice/Components/Structural/Router/Router.js +752 -721
- package/Slice/Components/Structural/StylesManager/StylesManager.js +78 -78
- package/Slice/Components/Structural/StylesManager/ThemeManager/ThemeManager.js +84 -84
- package/Slice/Slice.js +530 -542
- package/Slice/tests/build-bundled-component-without-category.test.js +103 -103
- package/Slice/tests/build-js-only-visual-components.test.js +144 -144
- package/Slice/tests/bundle-v2-runtime-contract.test.js +728 -728
- package/Slice/tests/public-env-runtime-accessors.test.js +44 -44
- package/Slice/tests/router-loading-finally.test.js +68 -68
- package/api/index.js +286 -286
- package/api/middleware/securityMiddleware.js +252 -252
- package/api/tests/public-env-resolver.test.js +193 -193
- package/api/utils/publicEnvResolver.js +117 -117
- package/package.json +40 -38
- package/sliceConfig.schema.json +109 -109
- package/src/App/index.html +16 -22
- package/src/App/index.js +20 -23
- package/src/App/style.css +11 -40
- package/src/Components/AppComponents/AboutSection/AboutSection.css +9 -0
- package/src/Components/AppComponents/AboutSection/AboutSection.html +8 -0
- package/src/Components/AppComponents/AboutSection/AboutSection.js +12 -0
- package/src/Components/AppComponents/AppShell/AppShell.css +10 -0
- package/src/Components/AppComponents/AppShell/AppShell.html +4 -0
- package/src/Components/AppComponents/AppShell/AppShell.js +36 -0
- package/src/Components/AppComponents/HomeSection/HomeSection.css +20 -0
- package/src/Components/AppComponents/HomeSection/HomeSection.html +10 -0
- package/src/Components/AppComponents/HomeSection/HomeSection.js +19 -0
- package/src/Components/components.js +8 -27
- package/src/Styles/sliceStyles.css +34 -34
- package/src/Themes/Dark.css +42 -42
- package/src/Themes/Light.css +31 -31
- package/src/Themes/Slice.css +47 -47
- package/src/routes.js +9 -15
- package/src/sliceConfig.json +74 -73
- package/types/index.d.ts +207 -207
- package/Slice/Components/Structural/Debugger/Debugger.css +0 -620
- package/src/Components/AppComponents/HomePage/HomePage.css +0 -201
- package/src/Components/AppComponents/HomePage/HomePage.html +0 -37
- package/src/Components/AppComponents/HomePage/HomePage.js +0 -210
- package/src/Components/AppComponents/Playground/Playground.css +0 -12
- package/src/Components/AppComponents/Playground/Playground.html +0 -0
- package/src/Components/AppComponents/Playground/Playground.js +0 -111
- package/src/Components/Service/FetchManager/FetchManager.js +0 -133
- package/src/Components/Service/IndexedDbManager/IndexedDbManager.js +0 -141
- package/src/Components/Service/LocalStorageManager/LocalStorageManager.js +0 -45
- package/src/Components/Visual/Button/Button.css +0 -47
- package/src/Components/Visual/Button/Button.html +0 -5
- package/src/Components/Visual/Button/Button.js +0 -93
- package/src/Components/Visual/Card/Card.css +0 -68
- package/src/Components/Visual/Card/Card.html +0 -7
- package/src/Components/Visual/Card/Card.js +0 -107
- package/src/Components/Visual/Checkbox/Checkbox.css +0 -87
- package/src/Components/Visual/Checkbox/Checkbox.html +0 -8
- package/src/Components/Visual/Checkbox/Checkbox.js +0 -86
- package/src/Components/Visual/CodeVisualizer/CodeVisualizer.css +0 -130
- package/src/Components/Visual/CodeVisualizer/CodeVisualizer.html +0 -4
- package/src/Components/Visual/CodeVisualizer/CodeVisualizer.js +0 -262
- package/src/Components/Visual/Details/Details.css +0 -70
- package/src/Components/Visual/Details/Details.html +0 -9
- package/src/Components/Visual/Details/Details.js +0 -76
- package/src/Components/Visual/DropDown/DropDown.css +0 -60
- package/src/Components/Visual/DropDown/DropDown.html +0 -5
- package/src/Components/Visual/DropDown/DropDown.js +0 -63
- package/src/Components/Visual/Grid/Grid.css +0 -7
- package/src/Components/Visual/Grid/Grid.html +0 -1
- package/src/Components/Visual/Grid/Grid.js +0 -57
- package/src/Components/Visual/Icon/Icon.css +0 -510
- package/src/Components/Visual/Icon/Icon.html +0 -1
- package/src/Components/Visual/Icon/Icon.js +0 -89
- package/src/Components/Visual/Icon/slc.eot +0 -0
- package/src/Components/Visual/Icon/slc.json +0 -555
- package/src/Components/Visual/Icon/slc.styl +0 -507
- package/src/Components/Visual/Icon/slc.svg +0 -1485
- package/src/Components/Visual/Icon/slc.symbol.svg +0 -1059
- package/src/Components/Visual/Icon/slc.ttf +0 -0
- package/src/Components/Visual/Icon/slc.woff +0 -0
- package/src/Components/Visual/Icon/slc.woff2 +0 -0
- package/src/Components/Visual/Input/Input.css +0 -91
- package/src/Components/Visual/Input/Input.html +0 -4
- package/src/Components/Visual/Input/Input.js +0 -215
- package/src/Components/Visual/Layout/Layout.css +0 -0
- package/src/Components/Visual/Layout/Layout.html +0 -0
- package/src/Components/Visual/Layout/Layout.js +0 -49
- package/src/Components/Visual/Link/Link.css +0 -8
- package/src/Components/Visual/Link/Link.html +0 -1
- package/src/Components/Visual/Link/Link.js +0 -63
- package/src/Components/Visual/Loading/Loading.css +0 -56
- package/src/Components/Visual/Loading/Loading.html +0 -83
- package/src/Components/Visual/Loading/Loading.js +0 -38
- package/src/Components/Visual/MultiRoute/MultiRoute.js +0 -93
- package/src/Components/Visual/Navbar/Navbar.css +0 -115
- package/src/Components/Visual/Navbar/Navbar.html +0 -44
- package/src/Components/Visual/Navbar/Navbar.js +0 -141
- package/src/Components/Visual/NotFound/NotFound.css +0 -117
- package/src/Components/Visual/NotFound/NotFound.html +0 -24
- package/src/Components/Visual/NotFound/NotFound.js +0 -16
- package/src/Components/Visual/Route/Route.js +0 -93
- package/src/Components/Visual/Select/Select.css +0 -84
- package/src/Components/Visual/Select/Select.html +0 -8
- package/src/Components/Visual/Select/Select.js +0 -195
- package/src/Components/Visual/Switch/Switch.css +0 -76
- package/src/Components/Visual/Switch/Switch.html +0 -8
- package/src/Components/Visual/Switch/Switch.js +0 -102
- package/src/Components/Visual/TreeItem/TreeItem.css +0 -36
- package/src/Components/Visual/TreeItem/TreeItem.html +0 -1
- package/src/Components/Visual/TreeItem/TreeItem.js +0 -126
- package/src/Components/Visual/TreeView/TreeView.css +0 -8
- package/src/Components/Visual/TreeView/TreeView.html +0 -1
- package/src/Components/Visual/TreeView/TreeView.js +0 -48
- package/src/images/Slice.js-logo.png +0 -0
- package/src/images/im2/Slice.js-logo.png +0 -0
- package/src/testing.js +0 -888
|
@@ -1,44 +1,44 @@
|
|
|
1
|
-
import test from 'node:test';
|
|
2
|
-
import assert from 'node:assert/strict';
|
|
3
|
-
|
|
4
|
-
globalThis.alert = () => {};
|
|
5
|
-
|
|
6
|
-
const { default: Slice } = await import('../Slice.js');
|
|
7
|
-
|
|
8
|
-
function createSliceInstance() {
|
|
9
|
-
return new Slice({
|
|
10
|
-
paths: {},
|
|
11
|
-
themeManager: {},
|
|
12
|
-
stylesManager: {},
|
|
13
|
-
logger: {},
|
|
14
|
-
debugger: {},
|
|
15
|
-
loading: {},
|
|
16
|
-
events: {}
|
|
17
|
-
});
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
test('getEnv returns fallback for missing key and stored value for known key', () => {
|
|
21
|
-
const sliceInstance = createSliceInstance();
|
|
22
|
-
|
|
23
|
-
assert.equal(typeof sliceInstance.getEnv, 'function');
|
|
24
|
-
assert.equal(typeof sliceInstance.setPublicEnv, 'function');
|
|
25
|
-
assert.equal(sliceInstance.getEnv('SLICE_PUBLIC_MISSING', 'fallback'), 'fallback');
|
|
26
|
-
|
|
27
|
-
sliceInstance.setPublicEnv({ SLICE_PUBLIC_API_URL: 'https://api.example.com' });
|
|
28
|
-
assert.equal(sliceInstance.getEnv('SLICE_PUBLIC_API_URL'), 'https://api.example.com');
|
|
29
|
-
});
|
|
30
|
-
|
|
31
|
-
test('getPublicEnv returns a copy and only includes SLICE_PUBLIC_ keys', () => {
|
|
32
|
-
const sliceInstance = createSliceInstance();
|
|
33
|
-
|
|
34
|
-
sliceInstance.setPublicEnv({
|
|
35
|
-
SLICE_PUBLIC_FLAG: 'true',
|
|
36
|
-
INTERNAL_SECRET: 'hidden'
|
|
37
|
-
});
|
|
38
|
-
|
|
39
|
-
const snapshot = sliceInstance.getPublicEnv();
|
|
40
|
-
assert.deepEqual(snapshot, { SLICE_PUBLIC_FLAG: 'true' });
|
|
41
|
-
|
|
42
|
-
snapshot.SLICE_PUBLIC_FLAG = 'mutated';
|
|
43
|
-
assert.equal(sliceInstance.getEnv('SLICE_PUBLIC_FLAG'), 'true');
|
|
44
|
-
});
|
|
1
|
+
import test from 'node:test';
|
|
2
|
+
import assert from 'node:assert/strict';
|
|
3
|
+
|
|
4
|
+
globalThis.alert = () => {};
|
|
5
|
+
|
|
6
|
+
const { default: Slice } = await import('../Slice.js');
|
|
7
|
+
|
|
8
|
+
function createSliceInstance() {
|
|
9
|
+
return new Slice({
|
|
10
|
+
paths: {},
|
|
11
|
+
themeManager: {},
|
|
12
|
+
stylesManager: {},
|
|
13
|
+
logger: {},
|
|
14
|
+
debugger: {},
|
|
15
|
+
loading: {},
|
|
16
|
+
events: {}
|
|
17
|
+
});
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
test('getEnv returns fallback for missing key and stored value for known key', () => {
|
|
21
|
+
const sliceInstance = createSliceInstance();
|
|
22
|
+
|
|
23
|
+
assert.equal(typeof sliceInstance.getEnv, 'function');
|
|
24
|
+
assert.equal(typeof sliceInstance.setPublicEnv, 'function');
|
|
25
|
+
assert.equal(sliceInstance.getEnv('SLICE_PUBLIC_MISSING', 'fallback'), 'fallback');
|
|
26
|
+
|
|
27
|
+
sliceInstance.setPublicEnv({ SLICE_PUBLIC_API_URL: 'https://api.example.com' });
|
|
28
|
+
assert.equal(sliceInstance.getEnv('SLICE_PUBLIC_API_URL'), 'https://api.example.com');
|
|
29
|
+
});
|
|
30
|
+
|
|
31
|
+
test('getPublicEnv returns a copy and only includes SLICE_PUBLIC_ keys', () => {
|
|
32
|
+
const sliceInstance = createSliceInstance();
|
|
33
|
+
|
|
34
|
+
sliceInstance.setPublicEnv({
|
|
35
|
+
SLICE_PUBLIC_FLAG: 'true',
|
|
36
|
+
INTERNAL_SECRET: 'hidden'
|
|
37
|
+
});
|
|
38
|
+
|
|
39
|
+
const snapshot = sliceInstance.getPublicEnv();
|
|
40
|
+
assert.deepEqual(snapshot, { SLICE_PUBLIC_FLAG: 'true' });
|
|
41
|
+
|
|
42
|
+
snapshot.SLICE_PUBLIC_FLAG = 'mutated';
|
|
43
|
+
assert.equal(sliceInstance.getEnv('SLICE_PUBLIC_FLAG'), 'true');
|
|
44
|
+
});
|
|
@@ -1,68 +1,68 @@
|
|
|
1
|
-
import test from 'node:test';
|
|
2
|
-
import assert from 'node:assert/strict';
|
|
3
|
-
|
|
4
|
-
import Router from '../Components/Structural/Router/Router.js';
|
|
5
|
-
|
|
6
|
-
test('handleRoute stops loading when build throws on error path', async () => {
|
|
7
|
-
const originalSlice = globalThis.slice;
|
|
8
|
-
const originalDocument = globalThis.document;
|
|
9
|
-
|
|
10
|
-
const targetElement = {
|
|
11
|
-
innerHTML: 'existing',
|
|
12
|
-
appendChild() {},
|
|
13
|
-
};
|
|
14
|
-
|
|
15
|
-
try {
|
|
16
|
-
globalThis.document = {
|
|
17
|
-
querySelector(selector) {
|
|
18
|
-
if (selector === '#app') {
|
|
19
|
-
return targetElement;
|
|
20
|
-
}
|
|
21
|
-
return null;
|
|
22
|
-
},
|
|
23
|
-
};
|
|
24
|
-
|
|
25
|
-
const loadingCalls = [];
|
|
26
|
-
|
|
27
|
-
globalThis.slice = {
|
|
28
|
-
loading: {
|
|
29
|
-
start() {
|
|
30
|
-
loadingCalls.push('start');
|
|
31
|
-
},
|
|
32
|
-
stop() {
|
|
33
|
-
loadingCalls.push('stop');
|
|
34
|
-
},
|
|
35
|
-
},
|
|
36
|
-
controller: {
|
|
37
|
-
getComponent() {
|
|
38
|
-
return null;
|
|
39
|
-
},
|
|
40
|
-
},
|
|
41
|
-
build: async () => {
|
|
42
|
-
throw new Error('boom');
|
|
43
|
-
},
|
|
44
|
-
router: {
|
|
45
|
-
activeRoute: null,
|
|
46
|
-
},
|
|
47
|
-
};
|
|
48
|
-
|
|
49
|
-
const router = new Router([]);
|
|
50
|
-
|
|
51
|
-
await assert.rejects(
|
|
52
|
-
() =>
|
|
53
|
-
router.handleRoute(
|
|
54
|
-
{
|
|
55
|
-
component: 'Dashboard',
|
|
56
|
-
parentRoute: null,
|
|
57
|
-
},
|
|
58
|
-
{}
|
|
59
|
-
),
|
|
60
|
-
/boom/
|
|
61
|
-
);
|
|
62
|
-
|
|
63
|
-
assert.deepEqual(loadingCalls, ['start', 'stop']);
|
|
64
|
-
} finally {
|
|
65
|
-
globalThis.slice = originalSlice;
|
|
66
|
-
globalThis.document = originalDocument;
|
|
67
|
-
}
|
|
68
|
-
});
|
|
1
|
+
import test from 'node:test';
|
|
2
|
+
import assert from 'node:assert/strict';
|
|
3
|
+
|
|
4
|
+
import Router from '../Components/Structural/Router/Router.js';
|
|
5
|
+
|
|
6
|
+
test('handleRoute stops loading when build throws on error path', async () => {
|
|
7
|
+
const originalSlice = globalThis.slice;
|
|
8
|
+
const originalDocument = globalThis.document;
|
|
9
|
+
|
|
10
|
+
const targetElement = {
|
|
11
|
+
innerHTML: 'existing',
|
|
12
|
+
appendChild() {},
|
|
13
|
+
};
|
|
14
|
+
|
|
15
|
+
try {
|
|
16
|
+
globalThis.document = {
|
|
17
|
+
querySelector(selector) {
|
|
18
|
+
if (selector === '#app') {
|
|
19
|
+
return targetElement;
|
|
20
|
+
}
|
|
21
|
+
return null;
|
|
22
|
+
},
|
|
23
|
+
};
|
|
24
|
+
|
|
25
|
+
const loadingCalls = [];
|
|
26
|
+
|
|
27
|
+
globalThis.slice = {
|
|
28
|
+
loading: {
|
|
29
|
+
start() {
|
|
30
|
+
loadingCalls.push('start');
|
|
31
|
+
},
|
|
32
|
+
stop() {
|
|
33
|
+
loadingCalls.push('stop');
|
|
34
|
+
},
|
|
35
|
+
},
|
|
36
|
+
controller: {
|
|
37
|
+
getComponent() {
|
|
38
|
+
return null;
|
|
39
|
+
},
|
|
40
|
+
},
|
|
41
|
+
build: async () => {
|
|
42
|
+
throw new Error('boom');
|
|
43
|
+
},
|
|
44
|
+
router: {
|
|
45
|
+
activeRoute: null,
|
|
46
|
+
},
|
|
47
|
+
};
|
|
48
|
+
|
|
49
|
+
const router = new Router([]);
|
|
50
|
+
|
|
51
|
+
await assert.rejects(
|
|
52
|
+
() =>
|
|
53
|
+
router.handleRoute(
|
|
54
|
+
{
|
|
55
|
+
component: 'Dashboard',
|
|
56
|
+
parentRoute: null,
|
|
57
|
+
},
|
|
58
|
+
{}
|
|
59
|
+
),
|
|
60
|
+
/boom/
|
|
61
|
+
);
|
|
62
|
+
|
|
63
|
+
assert.deepEqual(loadingCalls, ['start', 'stop']);
|
|
64
|
+
} finally {
|
|
65
|
+
globalThis.slice = originalSlice;
|
|
66
|
+
globalThis.document = originalDocument;
|
|
67
|
+
}
|
|
68
|
+
});
|