mirror of
https://github.com/bigcapitalhq/bigcapital.git
synced 2026-02-20 23:00:34 +00:00
wip
This commit is contained in:
Ahmed Bouhuolia
@@ -24,4 +24,4 @@ RUN pnpm run build:webapp
|
|||||||
FROM nginx
|
FROM nginx
|
||||||
|
|
||||||
COPY ./packages/webapp/nginx/sites/default.conf /etc/nginx/conf.d/default.conf
|
COPY ./packages/webapp/nginx/sites/default.conf /etc/nginx/conf.d/default.conf
|
||||||
COPY --from=build /app/packages/webapp/build /usr/share/nginx/html
|
COPY --from=build /app/packages/webapp/dist /usr/share/nginx/html
|
||||||
|
|||||||
@@ -1,56 +0,0 @@
|
|||||||
<!doctype html>
|
|
||||||
<html dir="ltr" lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="utf-8" />
|
|
||||||
<link
|
|
||||||
rel="icon"
|
|
||||||
href="%PUBLIC_URL%/favicons/favicon-32.ico"
|
|
||||||
sizes="32x32"
|
|
||||||
/>
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
||||||
<meta name="theme-color" content="#000000" />
|
|
||||||
<meta
|
|
||||||
name="description"
|
|
||||||
content="Bigcapital Financial Managment Software"
|
|
||||||
/>
|
|
||||||
<!-- <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" /> -->
|
|
||||||
<!--
|
|
||||||
manifest.json provides metadata used when your web app is installed on a
|
|
||||||
user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
|
|
||||||
-->
|
|
||||||
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
|
|
||||||
|
|
||||||
<!--
|
|
||||||
Notice the use of %PUBLIC_URL% in the tags above.
|
|
||||||
It will be replaced with the URL of the `public` folder during the build.
|
|
||||||
Only files inside the `public` folder can be referenced from the HTML.
|
|
||||||
|
|
||||||
Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
|
|
||||||
work correctly both with client-side routing and a non-root public URL.
|
|
||||||
Learn how to configure a non-root public URL by running `npm run build`.
|
|
||||||
-->
|
|
||||||
<title>Bigcapital</title>
|
|
||||||
</head>
|
|
||||||
<body class="bp4-dark">
|
|
||||||
<noscript>You need to enable JavaScript to run this app.</noscript>
|
|
||||||
<div id="root"></div>
|
|
||||||
<div id="nprogress"></div>
|
|
||||||
<!--
|
|
||||||
This HTML file is a template.
|
|
||||||
If you open it directly in the browser, you will see an empty page.
|
|
||||||
|
|
||||||
You can add webfonts, meta tags, or analytics to this file.
|
|
||||||
The build step will place the bundled scripts into the <body> tag.
|
|
||||||
|
|
||||||
To begin the development, run `npm start` or `yarn start`.
|
|
||||||
To create a production bundle, use `npm run build` or `yarn build`.
|
|
||||||
-->
|
|
||||||
|
|
||||||
<link
|
|
||||||
rel="stylesheet"
|
|
||||||
href="https://cdnjs.cloudflare.com/ajax/libs/flexboxgrid/6.3.1/flexboxgrid.min.css"
|
|
||||||
type="text/css"
|
|
||||||
/>
|
|
||||||
<script src="https://app.lemonsqueezy.com/js/lemon.js"></script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@@ -62,9 +62,6 @@ const initialState = {
|
|||||||
warehouseTransfer: {
|
warehouseTransfer: {
|
||||||
tableSize: 'small',
|
tableSize: 'small',
|
||||||
},
|
},
|
||||||
projectTasks: {
|
|
||||||
tableSize: 'small',
|
|
||||||
},
|
|
||||||
projectTasks: {
|
projectTasks: {
|
||||||
tableSize: 'medium',
|
tableSize: 'medium',
|
||||||
},
|
},
|
||||||
|
|||||||
100
packages/webapp/vite.config.ts
Normal file
100
packages/webapp/vite.config.ts
Normal file
@@ -0,0 +1,100 @@
|
|||||||
|
import react from '@vitejs/plugin-react';
|
||||||
|
import { readFile } from 'node:fs/promises';
|
||||||
|
import path from 'node:path';
|
||||||
|
import { defineConfig, loadEnv, Plugin } from 'vite';
|
||||||
|
|
||||||
|
const allowedEnvPrefixes = ['VITE_', 'REACT_APP_', 'PUBLIC_URL'];
|
||||||
|
|
||||||
|
const reactVirtualizedCompat = (): Plugin => ({
|
||||||
|
name: 'react-virtualized-compat',
|
||||||
|
enforce: 'pre',
|
||||||
|
transform(code, id) {
|
||||||
|
const needsShim =
|
||||||
|
id.includes(
|
||||||
|
'node_modules/react-virtualized/dist/es/WindowScroller/utils/onScroll.js',
|
||||||
|
) ||
|
||||||
|
id.includes(
|
||||||
|
'node_modules/react-virtualized/dist/es/WindowScroller/utils/dimensions.js',
|
||||||
|
);
|
||||||
|
if (needsShim) {
|
||||||
|
console.info('Applying react-virtualized shim:', id);
|
||||||
|
return code.replace(
|
||||||
|
/import \{ bpfrpt_proptype_WindowScroller \} from "\.\.\/WindowScroller\.js";/g,
|
||||||
|
'const bpfrpt_proptype_WindowScroller = null;',
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
return null;
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
const reactVirtualizedOptimizePatch = () => ({
|
||||||
|
name: 'react-virtualized-optimize-patch',
|
||||||
|
setup(build) {
|
||||||
|
const filter =
|
||||||
|
/react-virtualized\/dist\/es\/WindowScroller\/utils\/(onScroll|dimensions)\.js$/;
|
||||||
|
build.onLoad({ filter }, async args => {
|
||||||
|
const contents = await readFile(args.path, 'utf-8');
|
||||||
|
return {
|
||||||
|
contents: contents.replace(
|
||||||
|
/import \{ bpfrpt_proptype_WindowScroller \} from "\.\.\/WindowScroller\.js";/g,
|
||||||
|
'const bpfrpt_proptype_WindowScroller = null;',
|
||||||
|
),
|
||||||
|
loader: 'js',
|
||||||
|
};
|
||||||
|
});
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
const pickClientEnv = (env: Record<string, string>) =>
|
||||||
|
Object.fromEntries(
|
||||||
|
Object.entries(env).filter(([key]) =>
|
||||||
|
allowedEnvPrefixes.some(prefix => key.startsWith(prefix)),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
|
||||||
|
// https://vitejs.dev/config/
|
||||||
|
export default defineConfig(({ mode }) => {
|
||||||
|
const rootDir = __dirname;
|
||||||
|
const env = loadEnv(mode, rootDir, '');
|
||||||
|
const clientEnv = pickClientEnv(env);
|
||||||
|
const port = Number(env.PORT) || 4000;
|
||||||
|
|
||||||
|
return {
|
||||||
|
plugins: [react(), reactVirtualizedCompat()],
|
||||||
|
root: rootDir,
|
||||||
|
resolve: {
|
||||||
|
alias: {
|
||||||
|
'@': path.resolve(rootDir, 'src'),
|
||||||
|
'@public': path.resolve(rootDir, 'public'),
|
||||||
|
path: 'path-browserify',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
define: {
|
||||||
|
'process.env': {
|
||||||
|
NODE_ENV: mode,
|
||||||
|
PUBLIC_URL: clientEnv.PUBLIC_URL ?? '/',
|
||||||
|
...clientEnv,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
server: {
|
||||||
|
host: true,
|
||||||
|
port,
|
||||||
|
proxy: {
|
||||||
|
'/api': {
|
||||||
|
target: env.VITE_API_PROXY_TARGET || 'http://localhost:3000',
|
||||||
|
changeOrigin: true,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
build: {
|
||||||
|
outDir: 'dist',
|
||||||
|
},
|
||||||
|
optimizeDeps: {
|
||||||
|
esbuildOptions: {
|
||||||
|
plugins: [reactVirtualizedOptimizePatch()],
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
});
|
||||||
|
|
||||||
Reference in New Issue
Block a user