local-operator-ui 0.2.0 → 0.2.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/out/main/index.jsc +0 -0
- package/out/preload/index.jsc +0 -0
- package/out/renderer/assets/{theme-CuzpzMRz.js → error-boundary-GcWSKAk-.js} +5748 -4036
- package/out/renderer/assets/{index-DXdSH3wR.js → index-DcAcG3ZD.js} +87419 -86474
- package/out/renderer/assets/{installer-fCmhZBuW.js → installer-BobUZ6f3.js} +18 -18
- package/out/renderer/index.html +3 -3
- package/out/renderer/installer.html +3 -3
- package/package.json +1 -1
- /package/out/renderer/assets/{theme-B9KBGB-g.css → error-boundary-B9KBGB-g.css} +0 -0
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { s as styled,
|
|
1
|
+
import { s as styled, a1 as Box, aG as keyframes, K as Typography, a as reactExports, j as jsxRuntimeExports, t as useTheme, $ as LinearProgress, a0 as Button, bA as ThemeProvider, b4 as darkTheme, bz as CssBaseline, bB as ReactDOM, p as React, bC as ErrorBoundary } from "./error-boundary-GcWSKAk-.js";
|
|
2
2
|
const AppContainer = styled(Box)(() => ({
|
|
3
3
|
display: "flex",
|
|
4
4
|
height: "100vh",
|
|
@@ -14,14 +14,14 @@ const InstallerLayout = styled(Box)(() => ({
|
|
|
14
14
|
flexDirection: "column"
|
|
15
15
|
}
|
|
16
16
|
}));
|
|
17
|
-
const FeatureSection = styled(Box)(({ theme
|
|
17
|
+
const FeatureSection = styled(Box)(({ theme }) => ({
|
|
18
18
|
flex: "1 1 50%",
|
|
19
19
|
display: "flex",
|
|
20
20
|
flexDirection: "column",
|
|
21
21
|
justifyContent: "center",
|
|
22
22
|
alignItems: "center",
|
|
23
23
|
padding: "48px",
|
|
24
|
-
background: `linear-gradient(135deg, ${
|
|
24
|
+
background: `linear-gradient(135deg, ${theme.palette.background.default} 0%, #111111 100%)`,
|
|
25
25
|
position: "relative",
|
|
26
26
|
overflow: "hidden",
|
|
27
27
|
"&::after": {
|
|
@@ -61,12 +61,12 @@ const SpinnerContainer = styled(Box)(() => ({
|
|
|
61
61
|
justifyContent: "center",
|
|
62
62
|
margin: "16px 0"
|
|
63
63
|
}));
|
|
64
|
-
const Spinner = styled(Box)(({ theme
|
|
64
|
+
const Spinner = styled(Box)(({ theme }) => ({
|
|
65
65
|
width: "48px",
|
|
66
66
|
height: "48px",
|
|
67
|
-
border: `3px solid ${
|
|
67
|
+
border: `3px solid ${theme.palette.primary.main}20`,
|
|
68
68
|
borderRadius: "50%",
|
|
69
|
-
borderTopColor:
|
|
69
|
+
borderTopColor: theme.palette.primary.main,
|
|
70
70
|
animation: "spin 1s ease-in-out infinite",
|
|
71
71
|
"@keyframes spin": {
|
|
72
72
|
to: { transform: "rotate(360deg)" }
|
|
@@ -79,7 +79,7 @@ const LogoContainer = styled(Box)(() => ({
|
|
|
79
79
|
alignItems: "center",
|
|
80
80
|
height: "120px"
|
|
81
81
|
}));
|
|
82
|
-
const FeatureIconContainer = styled(Box)(({ theme
|
|
82
|
+
const FeatureIconContainer = styled(Box)(({ theme }) => ({
|
|
83
83
|
width: "80px",
|
|
84
84
|
height: "80px",
|
|
85
85
|
borderRadius: "50%",
|
|
@@ -87,7 +87,7 @@ const FeatureIconContainer = styled(Box)(({ theme: theme2 }) => ({
|
|
|
87
87
|
justifyContent: "center",
|
|
88
88
|
alignItems: "center",
|
|
89
89
|
marginBottom: "24px",
|
|
90
|
-
background: `linear-gradient(135deg, ${
|
|
90
|
+
background: `linear-gradient(135deg, ${theme.palette.primary.dark} 0%, ${theme.palette.primary.main} 100%)`,
|
|
91
91
|
boxShadow: "0 8px 32px rgba(56, 201, 106, 0.2)",
|
|
92
92
|
fontSize: "2.5rem"
|
|
93
93
|
}));
|
|
@@ -122,11 +122,11 @@ const FeatureContent = styled(Box)(
|
|
|
122
122
|
position: "absolute"
|
|
123
123
|
})
|
|
124
124
|
);
|
|
125
|
-
const FeatureTitle = styled(Typography)(({ theme
|
|
125
|
+
const FeatureTitle = styled(Typography)(({ theme }) => ({
|
|
126
126
|
fontSize: "1.75rem",
|
|
127
127
|
fontWeight: 600,
|
|
128
128
|
marginBottom: "16px",
|
|
129
|
-
background: `linear-gradient(90deg, ${
|
|
129
|
+
background: `linear-gradient(90deg, ${theme.palette.primary.main}, ${theme.palette.secondary.main})`,
|
|
130
130
|
WebkitBackgroundClip: "text",
|
|
131
131
|
WebkitTextFillColor: "transparent"
|
|
132
132
|
}));
|
|
@@ -144,11 +144,11 @@ const ProgressDots = styled(Box)(() => ({
|
|
|
144
144
|
bottom: "0"
|
|
145
145
|
}));
|
|
146
146
|
const ProgressDot = styled(Box)(
|
|
147
|
-
({ active, theme
|
|
147
|
+
({ active, theme }) => ({
|
|
148
148
|
width: "8px",
|
|
149
149
|
height: "8px",
|
|
150
150
|
borderRadius: "50%",
|
|
151
|
-
background: active ?
|
|
151
|
+
background: active ? theme.palette.primary.main : "rgba(255, 255, 255, 0.2)",
|
|
152
152
|
transition: "background 0.3s ease"
|
|
153
153
|
})
|
|
154
154
|
);
|
|
@@ -250,7 +250,7 @@ const FeatureCarousel = () => {
|
|
|
250
250
|
);
|
|
251
251
|
};
|
|
252
252
|
const InstallationProgress = () => {
|
|
253
|
-
const
|
|
253
|
+
const theme = useTheme();
|
|
254
254
|
const handleCancel = () => {
|
|
255
255
|
window.api.ipcRenderer.send("cancel-installation");
|
|
256
256
|
};
|
|
@@ -285,7 +285,7 @@ const InstallationProgress = () => {
|
|
|
285
285
|
backgroundColor: "rgba(255, 255, 255, 0.1)",
|
|
286
286
|
"& .MuiLinearProgress-bar": {
|
|
287
287
|
borderRadius: 2,
|
|
288
|
-
background: `linear-gradient(90deg, ${
|
|
288
|
+
background: `linear-gradient(90deg, ${theme.palette.primary.main}, ${theme.palette.secondary.main})`
|
|
289
289
|
}
|
|
290
290
|
}
|
|
291
291
|
}
|
|
@@ -322,7 +322,7 @@ const InstallationProgress = () => {
|
|
|
322
322
|
};
|
|
323
323
|
const logo = "" + new URL("clear-icon-with-text-uwwUBaIu.png", import.meta.url).href;
|
|
324
324
|
const LogoSection = () => {
|
|
325
|
-
const
|
|
325
|
+
const theme = useTheme();
|
|
326
326
|
return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
|
|
327
327
|
/* @__PURE__ */ jsxRuntimeExports.jsx(LogoContainer, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
328
328
|
Box,
|
|
@@ -349,7 +349,7 @@ const LogoSection = () => {
|
|
|
349
349
|
textAlign: "center",
|
|
350
350
|
mb: 4,
|
|
351
351
|
fontWeight: 600,
|
|
352
|
-
background: `linear-gradient(90deg, ${
|
|
352
|
+
background: `linear-gradient(90deg, ${theme.palette.primary.main}, ${theme.palette.secondary.main})`,
|
|
353
353
|
WebkitBackgroundClip: "text",
|
|
354
354
|
WebkitTextFillColor: "transparent"
|
|
355
355
|
},
|
|
@@ -382,7 +382,7 @@ const InstallerContent = () => {
|
|
|
382
382
|
] });
|
|
383
383
|
};
|
|
384
384
|
const InstallerApp = () => {
|
|
385
|
-
return /* @__PURE__ */ jsxRuntimeExports.jsxs(ThemeProvider, { theme, children: [
|
|
385
|
+
return /* @__PURE__ */ jsxRuntimeExports.jsxs(ThemeProvider, { theme: darkTheme, children: [
|
|
386
386
|
/* @__PURE__ */ jsxRuntimeExports.jsx(CssBaseline, {}),
|
|
387
387
|
/* @__PURE__ */ jsxRuntimeExports.jsx(AppContainer, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(InstallerContent, {}) })
|
|
388
388
|
] });
|
|
@@ -392,7 +392,7 @@ document.addEventListener("DOMContentLoaded", () => {
|
|
|
392
392
|
document.getElementById("app")
|
|
393
393
|
);
|
|
394
394
|
root.render(
|
|
395
|
-
/* @__PURE__ */ jsxRuntimeExports.jsx(React.StrictMode, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(ThemeProvider, { theme, children: [
|
|
395
|
+
/* @__PURE__ */ jsxRuntimeExports.jsx(React.StrictMode, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(ThemeProvider, { theme: darkTheme, children: [
|
|
396
396
|
/* @__PURE__ */ jsxRuntimeExports.jsx(CssBaseline, {}),
|
|
397
397
|
/* @__PURE__ */ jsxRuntimeExports.jsx(ErrorBoundary, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(InstallerApp, {}) })
|
|
398
398
|
] }) })
|
package/out/renderer/index.html
CHANGED
|
@@ -8,9 +8,9 @@
|
|
|
8
8
|
<!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP -->
|
|
9
9
|
<meta http-equiv="Content-Security-Policy"
|
|
10
10
|
content="default-src 'self'; connect-src 'self' http://localhost:1111 http://127.0.0.1:1111; script-src 'self'; style-src 'self' 'unsafe-inline'; img-src 'self' data: http://localhost:1111 http://127.0.0.1:1111; media-src 'self' http://localhost:1111 http://127.0.0.1:1111; font-src 'self'" />
|
|
11
|
-
<script type="module" crossorigin src="./assets/index-
|
|
12
|
-
<link rel="modulepreload" crossorigin href="./assets/
|
|
13
|
-
<link rel="stylesheet" crossorigin href="./assets/
|
|
11
|
+
<script type="module" crossorigin src="./assets/index-DcAcG3ZD.js"></script>
|
|
12
|
+
<link rel="modulepreload" crossorigin href="./assets/error-boundary-GcWSKAk-.js">
|
|
13
|
+
<link rel="stylesheet" crossorigin href="./assets/error-boundary-B9KBGB-g.css">
|
|
14
14
|
<link rel="stylesheet" crossorigin href="./assets/index-BkBEAEYS.css">
|
|
15
15
|
</head>
|
|
16
16
|
|
|
@@ -8,9 +8,9 @@
|
|
|
8
8
|
<!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP -->
|
|
9
9
|
<meta http-equiv="Content-Security-Policy"
|
|
10
10
|
content="default-src 'self'; connect-src 'self' http://localhost:1111 http://127.0.0.1:1111; script-src 'self'; style-src 'self' 'unsafe-inline'; img-src 'self' data: http://localhost:1111 http://127.0.0.1:1111; media-src 'self' http://localhost:1111 http://127.0.0.1:1111; font-src 'self'" />
|
|
11
|
-
<script type="module" crossorigin src="./assets/installer-
|
|
12
|
-
<link rel="modulepreload" crossorigin href="./assets/
|
|
13
|
-
<link rel="stylesheet" crossorigin href="./assets/
|
|
11
|
+
<script type="module" crossorigin src="./assets/installer-BobUZ6f3.js"></script>
|
|
12
|
+
<link rel="modulepreload" crossorigin href="./assets/error-boundary-GcWSKAk-.js">
|
|
13
|
+
<link rel="stylesheet" crossorigin href="./assets/error-boundary-B9KBGB-g.css">
|
|
14
14
|
</head>
|
|
15
15
|
|
|
16
16
|
<body>
|
package/package.json
CHANGED
|
File without changes
|