@optimizely/ocp-local-env 1.0.1 → 1.0.2
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/dist/package.json +1 -1
- package/dist/public/{bundle.fa87c838198caf8c051a.js → bundle.4315164773ec7e7712dc.js} +3 -3
- package/dist/public/bundle.4315164773ec7e7712dc.js.map +1 -0
- package/dist/public/index.html +1 -1
- package/dist/src/ui/components/EnvViewer.js +21 -1
- package/dist/src/ui/components/EnvViewer.js.map +1 -1
- package/package.json +1 -1
- package/dist/public/bundle.fa87c838198caf8c051a.js.map +0 -1
- /package/dist/public/{bundle.fa87c838198caf8c051a.js.LICENSE.txt → bundle.4315164773ec7e7712dc.js.LICENSE.txt} +0 -0
package/dist/public/index.html
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
<!doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>OCP Local Testing Tool</title><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"><script defer="defer" src="/bundle.
|
|
1
|
+
<!doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>OCP Local Testing Tool</title><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"><script defer="defer" src="/bundle.4315164773ec7e7712dc.js"></script></head><body><div id="root"></div></body></html>
|
|
@@ -1,10 +1,27 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
2
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
6
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
7
|
const react_1 = require("react");
|
|
8
|
+
const EyeIcon_1 = __importDefault(require("./common/EyeIcon"));
|
|
5
9
|
require("./EnvViewer.css");
|
|
6
10
|
const EnvViewer = ({ apiBaseUrl, envVersion }) => {
|
|
7
11
|
const [envData, setEnvData] = (0, react_1.useState)(null);
|
|
12
|
+
const [visibleVars, setVisibleVars] = (0, react_1.useState)(new Set());
|
|
13
|
+
const toggleVarVisibility = (name) => {
|
|
14
|
+
setVisibleVars((prev) => {
|
|
15
|
+
const next = new Set(prev);
|
|
16
|
+
if (next.has(name)) {
|
|
17
|
+
next.delete(name);
|
|
18
|
+
}
|
|
19
|
+
else {
|
|
20
|
+
next.add(name);
|
|
21
|
+
}
|
|
22
|
+
return next;
|
|
23
|
+
});
|
|
24
|
+
};
|
|
8
25
|
const fetchData = (0, react_1.useCallback)(async () => {
|
|
9
26
|
try {
|
|
10
27
|
const res = await fetch(`${apiBaseUrl}/env`);
|
|
@@ -29,7 +46,10 @@ const EnvViewer = ({ apiBaseUrl, envVersion }) => {
|
|
|
29
46
|
const { variables, missingVars } = envData;
|
|
30
47
|
const hasVars = variables.length > 0;
|
|
31
48
|
const hasMissing = missingVars.length > 0;
|
|
32
|
-
return ((0, jsx_runtime_1.jsx)("div", { className: "env-viewer compact-store", children: (0, jsx_runtime_1.jsxs)("div", { className: "store-sections", children: [(0, jsx_runtime_1.jsxs)("div", { className: "store-section", children: [(0, jsx_runtime_1.jsxs)("div", { className: "section-header env-section-label", children: [(0, jsx_runtime_1.jsx)("span", { className: "section-name", children: "Environment Variables" }), (0, jsx_runtime_1.jsxs)("span", { className: "field-count", children: ["(", variables.length, ")"] })] }), (0, jsx_runtime_1.jsx)("div", { className: "section-fields", children: hasVars ? (variables.map((v) =>
|
|
49
|
+
return ((0, jsx_runtime_1.jsx)("div", { className: "env-viewer compact-store", children: (0, jsx_runtime_1.jsxs)("div", { className: "store-sections", children: [(0, jsx_runtime_1.jsxs)("div", { className: "store-section", children: [(0, jsx_runtime_1.jsxs)("div", { className: "section-header env-section-label", children: [(0, jsx_runtime_1.jsx)("span", { className: "section-name", children: "Environment Variables" }), (0, jsx_runtime_1.jsxs)("span", { className: "field-count", children: ["(", variables.length, ")"] })] }), (0, jsx_runtime_1.jsx)("div", { className: "section-fields", children: hasVars ? (variables.map((v) => {
|
|
50
|
+
const isVisible = visibleVars.has(v.name);
|
|
51
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: "field-row env-field-row", children: [(0, jsx_runtime_1.jsx)("div", { className: "field-key env-field-key", children: v.name }), (0, jsx_runtime_1.jsx)("div", { className: "field-value env-field-value", children: isVisible ? ((0, jsx_runtime_1.jsxs)("span", { className: "string-field-value", children: ["\"", v.value, "\""] })) : ((0, jsx_runtime_1.jsx)("span", { className: "hidden-field-value", children: '•'.repeat(12) })) }), (0, jsx_runtime_1.jsxs)("div", { className: "field-metadata", children: [(0, jsx_runtime_1.jsx)(EyeIcon_1.default, { isVisible: isVisible, onClick: () => toggleVarVisibility(v.name), className: "metadata-icon" }), (0, jsx_runtime_1.jsx)("span", { className: "metadata-badge env-source", children: v.source })] })] }, v.name));
|
|
52
|
+
})) : ((0, jsx_runtime_1.jsx)("div", { className: "empty-store", children: "No APP_ENV_* variables found in .env or .env.local" })) })] }), hasMissing && ((0, jsx_runtime_1.jsxs)("div", { className: "store-section", children: [(0, jsx_runtime_1.jsxs)("div", { className: "section-header env-section-label", children: [(0, jsx_runtime_1.jsx)("span", { className: "section-name env-missing-name", children: "Missing Variables" }), (0, jsx_runtime_1.jsxs)("span", { className: "field-count", children: ["(", missingVars.length, ")"] })] }), (0, jsx_runtime_1.jsx)("div", { className: "section-fields", children: missingVars.map((name) => ((0, jsx_runtime_1.jsxs)("div", { className: "field-row env-field-row", children: [(0, jsx_runtime_1.jsx)("div", { className: "field-key env-field-key env-missing-key", children: name }), (0, jsx_runtime_1.jsx)("div", { className: "field-value", children: (0, jsx_runtime_1.jsx)("span", { className: "empty-field-value", children: "not defined" }) }), (0, jsx_runtime_1.jsx)("div", { className: "field-metadata", children: (0, jsx_runtime_1.jsx)("span", { className: "metadata-badge env-missing-badge", children: "declared in app.yml" }) })] }, name))) })] })), (0, jsx_runtime_1.jsxs)("div", { className: "store-section", children: [(0, jsx_runtime_1.jsx)("div", { className: "section-header env-section-label", children: (0, jsx_runtime_1.jsx)("span", { className: "section-name", children: "Instructions" }) }), (0, jsx_runtime_1.jsxs)("div", { className: "section-fields env-help-content", children: [(0, jsx_runtime_1.jsx)("p", { children: "Environment variables provide application-level secrets and configuration values that your app code can use at runtime." }), (0, jsx_runtime_1.jsxs)("p", { children: ["Access them in your code via ", (0, jsx_runtime_1.jsx)("code", { children: "process.env.APP_ENV_YOUR_VAR" }), "."] }), (0, jsx_runtime_1.jsxs)("p", { children: ["Every environment variable must be declared in ", (0, jsx_runtime_1.jsx)("code", { children: "app.yml" }), " under the ", (0, jsx_runtime_1.jsx)("code", { children: "environment" }), " section and prefixed with ", (0, jsx_runtime_1.jsx)("code", { children: "APP_ENV_" }), "."] }), (0, jsx_runtime_1.jsxs)("p", { children: ["The ", (0, jsx_runtime_1.jsx)("code", { children: ".env" }), " file contains values used both when pushing to OCP and during local development. The ", (0, jsx_runtime_1.jsx)("code", { children: ".env.local" }), " file overrides values for local development only."] })] })] })] }) }));
|
|
33
53
|
};
|
|
34
54
|
exports.default = EnvViewer;
|
|
35
55
|
//# sourceMappingURL=EnvViewer.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EnvViewer.js","sourceRoot":"","sources":["../../../../src/ui/components/EnvViewer.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"EnvViewer.js","sourceRoot":"","sources":["../../../../src/ui/components/EnvViewer.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED