bunny-lab/Borealis
2
0
Fork 0
Code Issues 10 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

Migrated from CRA to Vite for Building

Browse Source
This commit is contained in:
Nicole Rappe
2025-04-30 19:36:55 -06:00
parent 11f95edf02
commit 61ddb6584d
11 changed files with 139 additions and 339 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
Data/Server/WebUI/index.html Normal file
View File

@ -0,0 +1,22 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<!-- Vite serves everything in /public at the site root -->
<link rel="icon" href="/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#000000" />
<meta name="description" content="Borealis — Workflow Automation Tool" />
<link rel="apple-touch-icon" href="/logo192.png" />
<link rel="manifest" href="/manifest.json" />
<title>Borealis</title>
</head>
<body>
<noscript>You need to enable JavaScript to run this app.</noscript>
<div id="root"></div>
<!-- Vite entrypoint; adjust to main.tsx if you switch to TS -->
<script type="module" src="/src/index.jsx"></script>
</body>
</html>

26
Data/Server/WebUI/package.json
View File

@ -3,21 +3,27 @@
"version": "1.0.0",
"private": true,
"scripts": {
"build": "react-scripts build",
"start": "react-scripts start"
"dev": "vite",
"build": "vite build",
"preview": "vite preview"
},
"dependencies": {
"@mui/material": "7.0.2",
"@mui/icons-material": "7.0.2",
"@emotion/react": "11.14.0",
"@emotion/styled": "11.14.0",
"react-resizable": "3.0.5",
"react-color": "2.19.3",
"reactflow": "11.11.4",
"socket.io-client": "4.8.1",
"react-simple-keyboard": "3.8.62",
"@mui/icons-material": "7.0.2",
"@mui/material": "7.0.2",
"normalize.css": "8.0.1",
"react-scripts": "5.0.1"
"react": "19.1.0",
"react-color": "2.19.3",
"react-dom": "19.1.0",
"react-resizable": "3.0.5",
"reactflow": "11.11.4",
"react-simple-keyboard": "3.8.62",
"socket.io-client": "4.8.1"
},
"devDependencies": {
"@vitejs/plugin-react": "^4.0.0",
"vite": "^5.0.0"
},
"browserslist": {
"production": [

21
Data/Server/WebUI/public/index.html
View File

@ -1,21 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#000000" />
<meta
name="Borealis"
content="Workflow Automation Tool"
/>
<link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
<title>Borealis</title>
</head>
<body>
<noscript>You need to enable JavaScript to run this app.</noscript>
<div id="root"></div>
</body>
</html>

28
Data/Server/WebUI/src/App.jsx
View File

@ -62,28 +62,28 @@ import React, {
window.BorealisUpdateRate = 200;
}
// Dynamically load all node components
const nodeContext = require.context("./nodes", true, /\.jsx$/);
// Dynamically load all node components via Vite
const modules = import.meta.glob('./nodes/**/*.jsx', { eager: true });
const nodeTypes = {};
const categorizedNodes = {};
nodeContext.keys().forEach((path) => {
const mod = nodeContext(path);
if (!mod.default) return;
const { type, label, component } = mod.default;
Object.entries(modules).forEach(([path, mod]) => {
const comp = mod.default;
if (!comp) return;
const { type, component } = comp;
if (!type || !component) return;
const pathParts = path.replace("./", "").split("/");
if (pathParts.length < 2) return;
const category = pathParts[0];
// derive category folder name from path: "./nodes/<Category>/File.jsx"
const parts = path.replace('./nodes/', '').split('/');
const category = parts[0];
if (!categorizedNodes[category]) {
categorizedNodes[category] = [];
}
categorizedNodes[category].push(mod.default);
categorizedNodes[category].push(comp);
nodeTypes[type] = component;
});
const darkTheme = createTheme({
palette: {
mode: "dark",

1
Data/Server/WebUI/src/index.js → Data/Server/WebUI/src/index.jsx
View File

@ -4,7 +4,6 @@ import React from 'react';
import ReactDOM from 'react-dom/client';
// Global Styles
import './index.css';
import "normalize.css/normalize.css";
import './Borealis.css'; // Global Theming for All of Borealis

25
Data/Server/WebUI/tsconfig.json Normal file
View File

@ -0,0 +1,25 @@
{
"compilerOptions": {
"target": "ESNext",
"useDefineForClassFields": true,
"lib": ["DOM", "DOM.Iterable", "ESNext"],
"allowJs": false,
"skipLibCheck": true,
"esModuleInterop": false,
"allowSyntheticDefaultImports": true,
"strict": true,
"forceConsistentCasingInFileNames": true,
"module": "ESNext",
"moduleResolution": "Node",
"resolveJsonModule": true,
"isolatedModules": true,
"jsx": "react-jsx",
"baseUrl": ".",
"paths": {
"@/*": ["src/*"]
}
},
"include": ["src"],
"exclude": ["node_modules", "build", "dist"]
}

17
Data/Server/WebUI/vite.config.ts Normal file
View File

@ -0,0 +1,17 @@
////////// PROJECT FILE SEPARATION LINE ////////// CODE AFTER THIS LINE ARE FROM: <ProjectRoot>/Data/Server/WebUI/vite.config.ts
import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react';
import path from 'path';
export default defineConfig({
plugins: [react()],
build: {
outDir: 'build',
emptyOutDir: true
},
resolve: {
alias: {
'@': path.resolve(__dirname, 'src')
}
}
});

131
Data/Server/Workflows/Examples/Logic-Comparison-Example.json
View File

File diff suppressed because one or more lines are too long

126
Data/Server/Workflows/Flyff Universe/Flyff_OCR_Workflow.json
View File

File diff suppressed because one or more lines are too long