slicejs-web-framework 3.2.1 → 3.2.3
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 +14 -0
- package/LICENSE +21 -21
- package/README.md +174 -174
- package/Slice/Components/Structural/ContextManager/ContextManager.js +369 -369
- package/Slice/Components/Structural/ContextManager/ContextManagerDebugger.js +297 -297
- package/Slice/Components/Structural/Controller/Controller.js +1138 -1129
- package/Slice/Components/Structural/Controller/allowedValuesValidation.js +52 -0
- package/Slice/Components/Structural/Debugger/Debugger.css +619 -619
- package/Slice/Components/Structural/Debugger/Debugger.html +72 -72
- package/Slice/Components/Structural/Debugger/Debugger.js +1547 -1547
- package/Slice/Components/Structural/EventManager/EventManager.js +338 -338
- package/Slice/Components/Structural/EventManager/EventManagerDebugger.js +361 -361
- package/Slice/Components/Structural/Logger/Log.js +10 -10
- package/Slice/Components/Structural/Logger/Logger.js +146 -146
- package/Slice/Components/Structural/Router/Router.js +721 -721
- package/Slice/Components/Structural/StylesManager/StylesManager.js +78 -78
- package/Slice/Components/Structural/StylesManager/ThemeManager/ThemeManager.js +84 -84
- package/Slice/Slice.js +542 -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/props-allowed-values-validation.test.js +119 -0
- 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 +38 -37
- package/sliceConfig.schema.json +109 -109
- package/src/App/index.html +22 -22
- package/src/App/index.js +23 -23
- package/src/App/style.css +40 -40
- package/src/Components/AppComponents/HomePage/HomePage.css +201 -201
- package/src/Components/AppComponents/HomePage/HomePage.html +37 -37
- package/src/Components/AppComponents/HomePage/HomePage.js +210 -210
- package/src/Components/AppComponents/Playground/Playground.css +11 -11
- package/src/Components/AppComponents/Playground/Playground.js +111 -111
- package/src/Components/Service/FetchManager/FetchManager.js +133 -133
- package/src/Components/Service/IndexedDbManager/IndexedDbManager.js +141 -141
- package/src/Components/Service/LocalStorageManager/LocalStorageManager.js +45 -45
- package/src/Components/Visual/Button/Button.css +47 -47
- package/src/Components/Visual/Button/Button.html +5 -5
- package/src/Components/Visual/Button/Button.js +92 -92
- package/src/Components/Visual/Card/Card.css +68 -68
- package/src/Components/Visual/Card/Card.html +7 -7
- package/src/Components/Visual/Card/Card.js +107 -107
- package/src/Components/Visual/Checkbox/Checkbox.css +87 -87
- package/src/Components/Visual/Checkbox/Checkbox.html +8 -8
- package/src/Components/Visual/Checkbox/Checkbox.js +86 -86
- package/src/Components/Visual/CodeVisualizer/CodeVisualizer.css +129 -129
- package/src/Components/Visual/CodeVisualizer/CodeVisualizer.html +3 -3
- package/src/Components/Visual/CodeVisualizer/CodeVisualizer.js +262 -262
- package/src/Components/Visual/Details/Details.css +70 -70
- package/src/Components/Visual/Details/Details.html +9 -9
- package/src/Components/Visual/Details/Details.js +76 -76
- package/src/Components/Visual/DropDown/DropDown.css +60 -60
- package/src/Components/Visual/DropDown/DropDown.html +5 -5
- package/src/Components/Visual/DropDown/DropDown.js +63 -63
- package/src/Components/Visual/Grid/Grid.css +7 -7
- package/src/Components/Visual/Grid/Grid.html +1 -1
- package/src/Components/Visual/Grid/Grid.js +57 -57
- package/src/Components/Visual/Icon/Icon.css +510 -510
- package/src/Components/Visual/Icon/Icon.js +89 -89
- package/src/Components/Visual/Icon/slc.json +554 -554
- package/src/Components/Visual/Icon/slc.styl +507 -507
- package/src/Components/Visual/Icon/slc.svg +1485 -1485
- package/src/Components/Visual/Icon/slc.symbol.svg +1058 -1058
- package/src/Components/Visual/Input/Input.css +91 -91
- package/src/Components/Visual/Input/Input.html +4 -4
- package/src/Components/Visual/Input/Input.js +215 -215
- package/src/Components/Visual/Layout/Layout.js +49 -49
- package/src/Components/Visual/Link/Link.css +8 -8
- package/src/Components/Visual/Link/Link.html +1 -1
- package/src/Components/Visual/Link/Link.js +63 -63
- package/src/Components/Visual/Loading/Loading.css +56 -56
- package/src/Components/Visual/Loading/Loading.html +83 -83
- package/src/Components/Visual/Loading/Loading.js +38 -38
- package/src/Components/Visual/MultiRoute/MultiRoute.js +93 -93
- package/src/Components/Visual/Navbar/Navbar.css +115 -115
- package/src/Components/Visual/Navbar/Navbar.html +44 -44
- package/src/Components/Visual/Navbar/Navbar.js +141 -141
- package/src/Components/Visual/NotFound/NotFound.css +116 -116
- package/src/Components/Visual/NotFound/NotFound.html +23 -23
- package/src/Components/Visual/NotFound/NotFound.js +16 -16
- package/src/Components/Visual/Route/Route.js +93 -93
- package/src/Components/Visual/Select/Select.css +84 -84
- package/src/Components/Visual/Select/Select.html +8 -8
- package/src/Components/Visual/Select/Select.js +195 -195
- package/src/Components/Visual/Switch/Switch.css +76 -76
- package/src/Components/Visual/Switch/Switch.html +8 -8
- package/src/Components/Visual/Switch/Switch.js +102 -102
- package/src/Components/Visual/TreeItem/TreeItem.css +36 -36
- package/src/Components/Visual/TreeItem/TreeItem.html +1 -1
- package/src/Components/Visual/TreeItem/TreeItem.js +126 -126
- package/src/Components/Visual/TreeView/TreeView.css +8 -8
- package/src/Components/Visual/TreeView/TreeView.html +1 -1
- package/src/Components/Visual/TreeView/TreeView.js +48 -48
- package/src/Components/components.js +27 -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 +15 -15
- package/src/sliceConfig.json +73 -73
- package/src/testing.js +887 -887
- package/types/index.d.ts +207 -0
|
@@ -1,193 +1,193 @@
|
|
|
1
|
-
import test from 'node:test';
|
|
2
|
-
import assert from 'node:assert/strict';
|
|
3
|
-
import { mkdtemp, rm, writeFile } from 'node:fs/promises';
|
|
4
|
-
import path from 'node:path';
|
|
5
|
-
import { tmpdir } from 'node:os';
|
|
6
|
-
|
|
7
|
-
const resolverModulePath = new URL('../utils/publicEnvResolver.js', import.meta.url);
|
|
8
|
-
|
|
9
|
-
async function withTempEnvFile(contents, callback) {
|
|
10
|
-
const dir = await mkdtemp(path.join(tmpdir(), 'slice-public-env-'));
|
|
11
|
-
const envFilePath = path.join(dir, '.env');
|
|
12
|
-
|
|
13
|
-
try {
|
|
14
|
-
await writeFile(envFilePath, contents, 'utf8');
|
|
15
|
-
await callback(envFilePath);
|
|
16
|
-
} finally {
|
|
17
|
-
await rm(dir, { recursive: true, force: true });
|
|
18
|
-
}
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
test('resolvePublicEnv filters only SLICE_PUBLIC_ keys', async () => {
|
|
22
|
-
const { resolvePublicEnv } = await import(resolverModulePath.href);
|
|
23
|
-
|
|
24
|
-
await withTempEnvFile(
|
|
25
|
-
['SLICE_PUBLIC_FROM_FILE=file-visible', 'PRIVATE_KEY=hidden-file-value', 'SLICE_API_URL=hidden-file-api-url'].join('\n'),
|
|
26
|
-
async (envFilePath) => {
|
|
27
|
-
const payload = resolvePublicEnv({
|
|
28
|
-
mode: 'development',
|
|
29
|
-
envFilePath,
|
|
30
|
-
processEnv: {
|
|
31
|
-
SLICE_PUBLIC_FROM_PROCESS: 'process-visible',
|
|
32
|
-
SECRET_TOKEN: 'hidden-process-token',
|
|
33
|
-
NODE_ENV: 'development',
|
|
34
|
-
},
|
|
35
|
-
});
|
|
36
|
-
|
|
37
|
-
assert.equal(payload.mode, 'development');
|
|
38
|
-
assert.deepEqual(payload.env, {
|
|
39
|
-
SLICE_PUBLIC_FROM_FILE: 'file-visible',
|
|
40
|
-
SLICE_PUBLIC_FROM_PROCESS: 'process-visible',
|
|
41
|
-
});
|
|
42
|
-
}
|
|
43
|
-
);
|
|
44
|
-
});
|
|
45
|
-
|
|
46
|
-
test('resolvePublicEnv uses process.env values over .env values', async () => {
|
|
47
|
-
const { resolvePublicEnv } = await import(resolverModulePath.href);
|
|
48
|
-
|
|
49
|
-
await withTempEnvFile('SLICE_PUBLIC_API_URL=https://from-file.example', async (envFilePath) => {
|
|
50
|
-
const payload = resolvePublicEnv({
|
|
51
|
-
mode: 'development',
|
|
52
|
-
envFilePath,
|
|
53
|
-
processEnv: {
|
|
54
|
-
SLICE_PUBLIC_API_URL: 'https://from-process.example',
|
|
55
|
-
},
|
|
56
|
-
});
|
|
57
|
-
|
|
58
|
-
assert.equal(payload.mode, 'development');
|
|
59
|
-
assert.equal(payload.env.SLICE_PUBLIC_API_URL, 'https://from-process.example');
|
|
60
|
-
});
|
|
61
|
-
});
|
|
62
|
-
|
|
63
|
-
test('resolvePublicEnv warns about suspicious public key names without exposing values', async () => {
|
|
64
|
-
const { resolvePublicEnv } = await import(resolverModulePath.href);
|
|
65
|
-
const warnings = [];
|
|
66
|
-
const logger = {
|
|
67
|
-
warn: (...args) => warnings.push(args.map(String).join(' ')),
|
|
68
|
-
};
|
|
69
|
-
|
|
70
|
-
await withTempEnvFile('SLICE_PUBLIC_API_KEY=super-secret-value', async (envFilePath) => {
|
|
71
|
-
const payload = resolvePublicEnv({
|
|
72
|
-
mode: 'development',
|
|
73
|
-
envFilePath,
|
|
74
|
-
processEnv: {},
|
|
75
|
-
logger,
|
|
76
|
-
});
|
|
77
|
-
|
|
78
|
-
assert.equal(payload.mode, 'development');
|
|
79
|
-
assert.equal(payload.env.SLICE_PUBLIC_API_KEY, 'super-secret-value');
|
|
80
|
-
assert.equal(warnings.length, 1);
|
|
81
|
-
assert.match(warnings[0], /SLICE_PUBLIC_API_KEY/);
|
|
82
|
-
assert.doesNotMatch(warnings[0], /super-secret-value/);
|
|
83
|
-
});
|
|
84
|
-
});
|
|
85
|
-
|
|
86
|
-
test('resolvePublicEnv warns once when suspicious key appears in .env and processEnv', async () => {
|
|
87
|
-
const { resolvePublicEnv } = await import(resolverModulePath.href);
|
|
88
|
-
const warnings = [];
|
|
89
|
-
const logger = {
|
|
90
|
-
warn: (...args) => warnings.push(args.map(String).join(' ')),
|
|
91
|
-
};
|
|
92
|
-
|
|
93
|
-
await withTempEnvFile('SLICE_PUBLIC_API_KEY=from-file-secret', async (envFilePath) => {
|
|
94
|
-
const payload = resolvePublicEnv({
|
|
95
|
-
mode: 'development',
|
|
96
|
-
envFilePath,
|
|
97
|
-
processEnv: {
|
|
98
|
-
SLICE_PUBLIC_API_KEY: 'from-process-secret',
|
|
99
|
-
},
|
|
100
|
-
logger,
|
|
101
|
-
});
|
|
102
|
-
|
|
103
|
-
assert.equal(payload.env.SLICE_PUBLIC_API_KEY, 'from-process-secret');
|
|
104
|
-
assert.equal(warnings.length, 1);
|
|
105
|
-
assert.match(warnings[0], /SLICE_PUBLIC_API_KEY/);
|
|
106
|
-
assert.doesNotMatch(warnings[0], /from-file-secret|from-process-secret/);
|
|
107
|
-
});
|
|
108
|
-
});
|
|
109
|
-
|
|
110
|
-
test('resolvePublicEnv parses first key when .env starts with BOM', async () => {
|
|
111
|
-
const { resolvePublicEnv } = await import(resolverModulePath.href);
|
|
112
|
-
|
|
113
|
-
await withTempEnvFile('\uFEFFSLICE_PUBLIC_TITLE=Slice App', async (envFilePath) => {
|
|
114
|
-
const payload = resolvePublicEnv({
|
|
115
|
-
mode: 'development',
|
|
116
|
-
envFilePath,
|
|
117
|
-
processEnv: {},
|
|
118
|
-
});
|
|
119
|
-
|
|
120
|
-
assert.equal(payload.env.SLICE_PUBLIC_TITLE, 'Slice App');
|
|
121
|
-
});
|
|
122
|
-
});
|
|
123
|
-
|
|
124
|
-
test('resolvePublicEnv strips inline comments for unquoted values', async () => {
|
|
125
|
-
const { resolvePublicEnv } = await import(resolverModulePath.href);
|
|
126
|
-
|
|
127
|
-
await withTempEnvFile('SLICE_PUBLIC_ORIGIN=https://slice.dev # dev origin', async (envFilePath) => {
|
|
128
|
-
const payload = resolvePublicEnv({
|
|
129
|
-
mode: 'development',
|
|
130
|
-
envFilePath,
|
|
131
|
-
processEnv: {},
|
|
132
|
-
});
|
|
133
|
-
|
|
134
|
-
assert.equal(payload.env.SLICE_PUBLIC_ORIGIN, 'https://slice.dev');
|
|
135
|
-
});
|
|
136
|
-
});
|
|
137
|
-
|
|
138
|
-
test('resolvePublicEnv strips trailing comments after quoted values', async () => {
|
|
139
|
-
const { resolvePublicEnv } = await import(resolverModulePath.href);
|
|
140
|
-
|
|
141
|
-
await withTempEnvFile('SLICE_PUBLIC_X="value" # comment', async (envFilePath) => {
|
|
142
|
-
const payload = resolvePublicEnv({
|
|
143
|
-
mode: 'development',
|
|
144
|
-
envFilePath,
|
|
145
|
-
processEnv: {},
|
|
146
|
-
});
|
|
147
|
-
|
|
148
|
-
assert.equal(payload.env.SLICE_PUBLIC_X, 'value');
|
|
149
|
-
});
|
|
150
|
-
});
|
|
151
|
-
|
|
152
|
-
test('createPublicEnvProvider caches in production and recomputes in development', async () => {
|
|
153
|
-
const { createPublicEnvProvider } = await import(resolverModulePath.href);
|
|
154
|
-
|
|
155
|
-
await withTempEnvFile('SLICE_PUBLIC_COUNTER=from-file', async (envFilePath) => {
|
|
156
|
-
let processValue = 'first-value';
|
|
157
|
-
const processEnv = {
|
|
158
|
-
get SLICE_PUBLIC_COUNTER() {
|
|
159
|
-
return processValue;
|
|
160
|
-
},
|
|
161
|
-
};
|
|
162
|
-
|
|
163
|
-
const productionProvider = createPublicEnvProvider({
|
|
164
|
-
mode: 'production',
|
|
165
|
-
envFilePath,
|
|
166
|
-
processEnv,
|
|
167
|
-
});
|
|
168
|
-
assert.equal(typeof productionProvider.getPayload, 'function');
|
|
169
|
-
|
|
170
|
-
const firstProduction = productionProvider.getPayload();
|
|
171
|
-
processValue = 'second-value';
|
|
172
|
-
const secondProduction = productionProvider.getPayload();
|
|
173
|
-
|
|
174
|
-
assert.equal(firstProduction.mode, 'production');
|
|
175
|
-
assert.equal(firstProduction.env.SLICE_PUBLIC_COUNTER, 'first-value');
|
|
176
|
-
assert.equal(secondProduction.env.SLICE_PUBLIC_COUNTER, 'first-value');
|
|
177
|
-
|
|
178
|
-
const developmentProvider = createPublicEnvProvider({
|
|
179
|
-
mode: 'development',
|
|
180
|
-
envFilePath,
|
|
181
|
-
processEnv,
|
|
182
|
-
});
|
|
183
|
-
assert.equal(typeof developmentProvider.getPayload, 'function');
|
|
184
|
-
|
|
185
|
-
const firstDevelopment = developmentProvider.getPayload();
|
|
186
|
-
processValue = 'third-value';
|
|
187
|
-
const secondDevelopment = developmentProvider.getPayload();
|
|
188
|
-
|
|
189
|
-
assert.equal(firstDevelopment.mode, 'development');
|
|
190
|
-
assert.equal(firstDevelopment.env.SLICE_PUBLIC_COUNTER, 'second-value');
|
|
191
|
-
assert.equal(secondDevelopment.env.SLICE_PUBLIC_COUNTER, 'third-value');
|
|
192
|
-
});
|
|
193
|
-
});
|
|
1
|
+
import test from 'node:test';
|
|
2
|
+
import assert from 'node:assert/strict';
|
|
3
|
+
import { mkdtemp, rm, writeFile } from 'node:fs/promises';
|
|
4
|
+
import path from 'node:path';
|
|
5
|
+
import { tmpdir } from 'node:os';
|
|
6
|
+
|
|
7
|
+
const resolverModulePath = new URL('../utils/publicEnvResolver.js', import.meta.url);
|
|
8
|
+
|
|
9
|
+
async function withTempEnvFile(contents, callback) {
|
|
10
|
+
const dir = await mkdtemp(path.join(tmpdir(), 'slice-public-env-'));
|
|
11
|
+
const envFilePath = path.join(dir, '.env');
|
|
12
|
+
|
|
13
|
+
try {
|
|
14
|
+
await writeFile(envFilePath, contents, 'utf8');
|
|
15
|
+
await callback(envFilePath);
|
|
16
|
+
} finally {
|
|
17
|
+
await rm(dir, { recursive: true, force: true });
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
test('resolvePublicEnv filters only SLICE_PUBLIC_ keys', async () => {
|
|
22
|
+
const { resolvePublicEnv } = await import(resolverModulePath.href);
|
|
23
|
+
|
|
24
|
+
await withTempEnvFile(
|
|
25
|
+
['SLICE_PUBLIC_FROM_FILE=file-visible', 'PRIVATE_KEY=hidden-file-value', 'SLICE_API_URL=hidden-file-api-url'].join('\n'),
|
|
26
|
+
async (envFilePath) => {
|
|
27
|
+
const payload = resolvePublicEnv({
|
|
28
|
+
mode: 'development',
|
|
29
|
+
envFilePath,
|
|
30
|
+
processEnv: {
|
|
31
|
+
SLICE_PUBLIC_FROM_PROCESS: 'process-visible',
|
|
32
|
+
SECRET_TOKEN: 'hidden-process-token',
|
|
33
|
+
NODE_ENV: 'development',
|
|
34
|
+
},
|
|
35
|
+
});
|
|
36
|
+
|
|
37
|
+
assert.equal(payload.mode, 'development');
|
|
38
|
+
assert.deepEqual(payload.env, {
|
|
39
|
+
SLICE_PUBLIC_FROM_FILE: 'file-visible',
|
|
40
|
+
SLICE_PUBLIC_FROM_PROCESS: 'process-visible',
|
|
41
|
+
});
|
|
42
|
+
}
|
|
43
|
+
);
|
|
44
|
+
});
|
|
45
|
+
|
|
46
|
+
test('resolvePublicEnv uses process.env values over .env values', async () => {
|
|
47
|
+
const { resolvePublicEnv } = await import(resolverModulePath.href);
|
|
48
|
+
|
|
49
|
+
await withTempEnvFile('SLICE_PUBLIC_API_URL=https://from-file.example', async (envFilePath) => {
|
|
50
|
+
const payload = resolvePublicEnv({
|
|
51
|
+
mode: 'development',
|
|
52
|
+
envFilePath,
|
|
53
|
+
processEnv: {
|
|
54
|
+
SLICE_PUBLIC_API_URL: 'https://from-process.example',
|
|
55
|
+
},
|
|
56
|
+
});
|
|
57
|
+
|
|
58
|
+
assert.equal(payload.mode, 'development');
|
|
59
|
+
assert.equal(payload.env.SLICE_PUBLIC_API_URL, 'https://from-process.example');
|
|
60
|
+
});
|
|
61
|
+
});
|
|
62
|
+
|
|
63
|
+
test('resolvePublicEnv warns about suspicious public key names without exposing values', async () => {
|
|
64
|
+
const { resolvePublicEnv } = await import(resolverModulePath.href);
|
|
65
|
+
const warnings = [];
|
|
66
|
+
const logger = {
|
|
67
|
+
warn: (...args) => warnings.push(args.map(String).join(' ')),
|
|
68
|
+
};
|
|
69
|
+
|
|
70
|
+
await withTempEnvFile('SLICE_PUBLIC_API_KEY=super-secret-value', async (envFilePath) => {
|
|
71
|
+
const payload = resolvePublicEnv({
|
|
72
|
+
mode: 'development',
|
|
73
|
+
envFilePath,
|
|
74
|
+
processEnv: {},
|
|
75
|
+
logger,
|
|
76
|
+
});
|
|
77
|
+
|
|
78
|
+
assert.equal(payload.mode, 'development');
|
|
79
|
+
assert.equal(payload.env.SLICE_PUBLIC_API_KEY, 'super-secret-value');
|
|
80
|
+
assert.equal(warnings.length, 1);
|
|
81
|
+
assert.match(warnings[0], /SLICE_PUBLIC_API_KEY/);
|
|
82
|
+
assert.doesNotMatch(warnings[0], /super-secret-value/);
|
|
83
|
+
});
|
|
84
|
+
});
|
|
85
|
+
|
|
86
|
+
test('resolvePublicEnv warns once when suspicious key appears in .env and processEnv', async () => {
|
|
87
|
+
const { resolvePublicEnv } = await import(resolverModulePath.href);
|
|
88
|
+
const warnings = [];
|
|
89
|
+
const logger = {
|
|
90
|
+
warn: (...args) => warnings.push(args.map(String).join(' ')),
|
|
91
|
+
};
|
|
92
|
+
|
|
93
|
+
await withTempEnvFile('SLICE_PUBLIC_API_KEY=from-file-secret', async (envFilePath) => {
|
|
94
|
+
const payload = resolvePublicEnv({
|
|
95
|
+
mode: 'development',
|
|
96
|
+
envFilePath,
|
|
97
|
+
processEnv: {
|
|
98
|
+
SLICE_PUBLIC_API_KEY: 'from-process-secret',
|
|
99
|
+
},
|
|
100
|
+
logger,
|
|
101
|
+
});
|
|
102
|
+
|
|
103
|
+
assert.equal(payload.env.SLICE_PUBLIC_API_KEY, 'from-process-secret');
|
|
104
|
+
assert.equal(warnings.length, 1);
|
|
105
|
+
assert.match(warnings[0], /SLICE_PUBLIC_API_KEY/);
|
|
106
|
+
assert.doesNotMatch(warnings[0], /from-file-secret|from-process-secret/);
|
|
107
|
+
});
|
|
108
|
+
});
|
|
109
|
+
|
|
110
|
+
test('resolvePublicEnv parses first key when .env starts with BOM', async () => {
|
|
111
|
+
const { resolvePublicEnv } = await import(resolverModulePath.href);
|
|
112
|
+
|
|
113
|
+
await withTempEnvFile('\uFEFFSLICE_PUBLIC_TITLE=Slice App', async (envFilePath) => {
|
|
114
|
+
const payload = resolvePublicEnv({
|
|
115
|
+
mode: 'development',
|
|
116
|
+
envFilePath,
|
|
117
|
+
processEnv: {},
|
|
118
|
+
});
|
|
119
|
+
|
|
120
|
+
assert.equal(payload.env.SLICE_PUBLIC_TITLE, 'Slice App');
|
|
121
|
+
});
|
|
122
|
+
});
|
|
123
|
+
|
|
124
|
+
test('resolvePublicEnv strips inline comments for unquoted values', async () => {
|
|
125
|
+
const { resolvePublicEnv } = await import(resolverModulePath.href);
|
|
126
|
+
|
|
127
|
+
await withTempEnvFile('SLICE_PUBLIC_ORIGIN=https://slice.dev # dev origin', async (envFilePath) => {
|
|
128
|
+
const payload = resolvePublicEnv({
|
|
129
|
+
mode: 'development',
|
|
130
|
+
envFilePath,
|
|
131
|
+
processEnv: {},
|
|
132
|
+
});
|
|
133
|
+
|
|
134
|
+
assert.equal(payload.env.SLICE_PUBLIC_ORIGIN, 'https://slice.dev');
|
|
135
|
+
});
|
|
136
|
+
});
|
|
137
|
+
|
|
138
|
+
test('resolvePublicEnv strips trailing comments after quoted values', async () => {
|
|
139
|
+
const { resolvePublicEnv } = await import(resolverModulePath.href);
|
|
140
|
+
|
|
141
|
+
await withTempEnvFile('SLICE_PUBLIC_X="value" # comment', async (envFilePath) => {
|
|
142
|
+
const payload = resolvePublicEnv({
|
|
143
|
+
mode: 'development',
|
|
144
|
+
envFilePath,
|
|
145
|
+
processEnv: {},
|
|
146
|
+
});
|
|
147
|
+
|
|
148
|
+
assert.equal(payload.env.SLICE_PUBLIC_X, 'value');
|
|
149
|
+
});
|
|
150
|
+
});
|
|
151
|
+
|
|
152
|
+
test('createPublicEnvProvider caches in production and recomputes in development', async () => {
|
|
153
|
+
const { createPublicEnvProvider } = await import(resolverModulePath.href);
|
|
154
|
+
|
|
155
|
+
await withTempEnvFile('SLICE_PUBLIC_COUNTER=from-file', async (envFilePath) => {
|
|
156
|
+
let processValue = 'first-value';
|
|
157
|
+
const processEnv = {
|
|
158
|
+
get SLICE_PUBLIC_COUNTER() {
|
|
159
|
+
return processValue;
|
|
160
|
+
},
|
|
161
|
+
};
|
|
162
|
+
|
|
163
|
+
const productionProvider = createPublicEnvProvider({
|
|
164
|
+
mode: 'production',
|
|
165
|
+
envFilePath,
|
|
166
|
+
processEnv,
|
|
167
|
+
});
|
|
168
|
+
assert.equal(typeof productionProvider.getPayload, 'function');
|
|
169
|
+
|
|
170
|
+
const firstProduction = productionProvider.getPayload();
|
|
171
|
+
processValue = 'second-value';
|
|
172
|
+
const secondProduction = productionProvider.getPayload();
|
|
173
|
+
|
|
174
|
+
assert.equal(firstProduction.mode, 'production');
|
|
175
|
+
assert.equal(firstProduction.env.SLICE_PUBLIC_COUNTER, 'first-value');
|
|
176
|
+
assert.equal(secondProduction.env.SLICE_PUBLIC_COUNTER, 'first-value');
|
|
177
|
+
|
|
178
|
+
const developmentProvider = createPublicEnvProvider({
|
|
179
|
+
mode: 'development',
|
|
180
|
+
envFilePath,
|
|
181
|
+
processEnv,
|
|
182
|
+
});
|
|
183
|
+
assert.equal(typeof developmentProvider.getPayload, 'function');
|
|
184
|
+
|
|
185
|
+
const firstDevelopment = developmentProvider.getPayload();
|
|
186
|
+
processValue = 'third-value';
|
|
187
|
+
const secondDevelopment = developmentProvider.getPayload();
|
|
188
|
+
|
|
189
|
+
assert.equal(firstDevelopment.mode, 'development');
|
|
190
|
+
assert.equal(firstDevelopment.env.SLICE_PUBLIC_COUNTER, 'second-value');
|
|
191
|
+
assert.equal(secondDevelopment.env.SLICE_PUBLIC_COUNTER, 'third-value');
|
|
192
|
+
});
|
|
193
|
+
});
|
|
@@ -1,117 +1,117 @@
|
|
|
1
|
-
import { readFileSync, existsSync } from 'node:fs';
|
|
2
|
-
|
|
3
|
-
const PUBLIC_PREFIX = 'SLICE_PUBLIC_';
|
|
4
|
-
const SUSPICIOUS_TERMS = ['SECRET', 'TOKEN', 'PASSWORD', 'PRIVATE', 'API_KEY', 'ACCESS_KEY', 'CREDENTIAL'];
|
|
5
|
-
|
|
6
|
-
function parseEnvFile(envFilePath) {
|
|
7
|
-
if (!envFilePath || !existsSync(envFilePath)) {
|
|
8
|
-
return {};
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
const fileContent = readFileSync(envFilePath, 'utf8').replace(/^\uFEFF/, '');
|
|
12
|
-
const parsed = {};
|
|
13
|
-
const lines = fileContent.split(/\r?\n/);
|
|
14
|
-
|
|
15
|
-
for (const rawLine of lines) {
|
|
16
|
-
const line = rawLine.trim();
|
|
17
|
-
|
|
18
|
-
if (!line || line.startsWith('#')) {
|
|
19
|
-
continue;
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
const equalsIndex = line.indexOf('=');
|
|
23
|
-
if (equalsIndex === -1) {
|
|
24
|
-
continue;
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
let key = line.slice(0, equalsIndex).trim();
|
|
28
|
-
if (!key) {
|
|
29
|
-
continue;
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
if (key.startsWith('export ')) {
|
|
33
|
-
key = key.slice('export '.length).trim();
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
let value = line.slice(equalsIndex + 1).trim();
|
|
37
|
-
|
|
38
|
-
const quotedWithOptionalCommentMatch = value.match(/^(["'])(.*?)\1(?:\s+#.*)?$/);
|
|
39
|
-
|
|
40
|
-
if (quotedWithOptionalCommentMatch) {
|
|
41
|
-
value = quotedWithOptionalCommentMatch[2];
|
|
42
|
-
} else {
|
|
43
|
-
value = value.replace(/\s+#.*$/, '').trimEnd();
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
parsed[key] = value;
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
return parsed;
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
function warnSuspiciousKey(key, logger, warnedKeys) {
|
|
53
|
-
const upperKey = key.toUpperCase();
|
|
54
|
-
const isSuspicious = SUSPICIOUS_TERMS.some((term) => upperKey.includes(term));
|
|
55
|
-
|
|
56
|
-
if (isSuspicious && !warnedKeys.has(key) && logger && typeof logger.warn === 'function') {
|
|
57
|
-
logger.warn(`[slice-env] Suspicious public environment key detected: ${key}`);
|
|
58
|
-
warnedKeys.add(key);
|
|
59
|
-
}
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
function buildPublicPayload({ envFromFile, processEnv, logger }) {
|
|
63
|
-
const env = {};
|
|
64
|
-
const warnedKeys = new Set();
|
|
65
|
-
|
|
66
|
-
for (const [key, value] of Object.entries(envFromFile)) {
|
|
67
|
-
if (key.startsWith(PUBLIC_PREFIX)) {
|
|
68
|
-
env[key] = String(value ?? '');
|
|
69
|
-
warnSuspiciousKey(key, logger, warnedKeys);
|
|
70
|
-
}
|
|
71
|
-
}
|
|
72
|
-
|
|
73
|
-
for (const [key, value] of Object.entries(processEnv || {})) {
|
|
74
|
-
if (key.startsWith(PUBLIC_PREFIX)) {
|
|
75
|
-
env[key] = String(value ?? '');
|
|
76
|
-
warnSuspiciousKey(key, logger, warnedKeys);
|
|
77
|
-
}
|
|
78
|
-
}
|
|
79
|
-
|
|
80
|
-
return env;
|
|
81
|
-
}
|
|
82
|
-
|
|
83
|
-
export function resolvePublicEnv({ mode, envFilePath, processEnv = process.env, logger = console }) {
|
|
84
|
-
const envFromFile = parseEnvFile(envFilePath);
|
|
85
|
-
const env = buildPublicPayload({
|
|
86
|
-
envFromFile,
|
|
87
|
-
processEnv,
|
|
88
|
-
logger,
|
|
89
|
-
});
|
|
90
|
-
|
|
91
|
-
return {
|
|
92
|
-
mode,
|
|
93
|
-
env,
|
|
94
|
-
};
|
|
95
|
-
}
|
|
96
|
-
|
|
97
|
-
export function createPublicEnvProvider({ mode, envFilePath, processEnv = process.env, logger = console }) {
|
|
98
|
-
if (mode === 'production') {
|
|
99
|
-
let cachedPayload;
|
|
100
|
-
|
|
101
|
-
return {
|
|
102
|
-
getPayload() {
|
|
103
|
-
if (!cachedPayload) {
|
|
104
|
-
cachedPayload = resolvePublicEnv({ mode, envFilePath, processEnv, logger });
|
|
105
|
-
}
|
|
106
|
-
|
|
107
|
-
return cachedPayload;
|
|
108
|
-
},
|
|
109
|
-
};
|
|
110
|
-
}
|
|
111
|
-
|
|
112
|
-
return {
|
|
113
|
-
getPayload() {
|
|
114
|
-
return resolvePublicEnv({ mode, envFilePath, processEnv, logger });
|
|
115
|
-
},
|
|
116
|
-
};
|
|
117
|
-
}
|
|
1
|
+
import { readFileSync, existsSync } from 'node:fs';
|
|
2
|
+
|
|
3
|
+
const PUBLIC_PREFIX = 'SLICE_PUBLIC_';
|
|
4
|
+
const SUSPICIOUS_TERMS = ['SECRET', 'TOKEN', 'PASSWORD', 'PRIVATE', 'API_KEY', 'ACCESS_KEY', 'CREDENTIAL'];
|
|
5
|
+
|
|
6
|
+
function parseEnvFile(envFilePath) {
|
|
7
|
+
if (!envFilePath || !existsSync(envFilePath)) {
|
|
8
|
+
return {};
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
const fileContent = readFileSync(envFilePath, 'utf8').replace(/^\uFEFF/, '');
|
|
12
|
+
const parsed = {};
|
|
13
|
+
const lines = fileContent.split(/\r?\n/);
|
|
14
|
+
|
|
15
|
+
for (const rawLine of lines) {
|
|
16
|
+
const line = rawLine.trim();
|
|
17
|
+
|
|
18
|
+
if (!line || line.startsWith('#')) {
|
|
19
|
+
continue;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
const equalsIndex = line.indexOf('=');
|
|
23
|
+
if (equalsIndex === -1) {
|
|
24
|
+
continue;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
let key = line.slice(0, equalsIndex).trim();
|
|
28
|
+
if (!key) {
|
|
29
|
+
continue;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
if (key.startsWith('export ')) {
|
|
33
|
+
key = key.slice('export '.length).trim();
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
let value = line.slice(equalsIndex + 1).trim();
|
|
37
|
+
|
|
38
|
+
const quotedWithOptionalCommentMatch = value.match(/^(["'])(.*?)\1(?:\s+#.*)?$/);
|
|
39
|
+
|
|
40
|
+
if (quotedWithOptionalCommentMatch) {
|
|
41
|
+
value = quotedWithOptionalCommentMatch[2];
|
|
42
|
+
} else {
|
|
43
|
+
value = value.replace(/\s+#.*$/, '').trimEnd();
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
parsed[key] = value;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
return parsed;
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
function warnSuspiciousKey(key, logger, warnedKeys) {
|
|
53
|
+
const upperKey = key.toUpperCase();
|
|
54
|
+
const isSuspicious = SUSPICIOUS_TERMS.some((term) => upperKey.includes(term));
|
|
55
|
+
|
|
56
|
+
if (isSuspicious && !warnedKeys.has(key) && logger && typeof logger.warn === 'function') {
|
|
57
|
+
logger.warn(`[slice-env] Suspicious public environment key detected: ${key}`);
|
|
58
|
+
warnedKeys.add(key);
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
function buildPublicPayload({ envFromFile, processEnv, logger }) {
|
|
63
|
+
const env = {};
|
|
64
|
+
const warnedKeys = new Set();
|
|
65
|
+
|
|
66
|
+
for (const [key, value] of Object.entries(envFromFile)) {
|
|
67
|
+
if (key.startsWith(PUBLIC_PREFIX)) {
|
|
68
|
+
env[key] = String(value ?? '');
|
|
69
|
+
warnSuspiciousKey(key, logger, warnedKeys);
|
|
70
|
+
}
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
for (const [key, value] of Object.entries(processEnv || {})) {
|
|
74
|
+
if (key.startsWith(PUBLIC_PREFIX)) {
|
|
75
|
+
env[key] = String(value ?? '');
|
|
76
|
+
warnSuspiciousKey(key, logger, warnedKeys);
|
|
77
|
+
}
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
return env;
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
export function resolvePublicEnv({ mode, envFilePath, processEnv = process.env, logger = console }) {
|
|
84
|
+
const envFromFile = parseEnvFile(envFilePath);
|
|
85
|
+
const env = buildPublicPayload({
|
|
86
|
+
envFromFile,
|
|
87
|
+
processEnv,
|
|
88
|
+
logger,
|
|
89
|
+
});
|
|
90
|
+
|
|
91
|
+
return {
|
|
92
|
+
mode,
|
|
93
|
+
env,
|
|
94
|
+
};
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
export function createPublicEnvProvider({ mode, envFilePath, processEnv = process.env, logger = console }) {
|
|
98
|
+
if (mode === 'production') {
|
|
99
|
+
let cachedPayload;
|
|
100
|
+
|
|
101
|
+
return {
|
|
102
|
+
getPayload() {
|
|
103
|
+
if (!cachedPayload) {
|
|
104
|
+
cachedPayload = resolvePublicEnv({ mode, envFilePath, processEnv, logger });
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
return cachedPayload;
|
|
108
|
+
},
|
|
109
|
+
};
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
return {
|
|
113
|
+
getPayload() {
|
|
114
|
+
return resolvePublicEnv({ mode, envFilePath, processEnv, logger });
|
|
115
|
+
},
|
|
116
|
+
};
|
|
117
|
+
}
|