mirror of
https://github.com/enso-org/enso.git
synced 2024-12-21 06:01:59 +03:00
a7dba72b84
This makes it clearer which files contain React components, and which do not.
# Important Notes
The main things that should be tested to confirm that this did not break anything is the two files containing Tailwind classes:
- Shortcuts ("delete" in context menu should still be red. `text-delete` is used elsewhere though, so this should not be broken either way)
- Indentation of directory contents (multiple levels)
Many of the others should more or less be self-testing:
- `index.tsx` -> `index.ts` would break the entire app if not handled properly
- `hooks.tsx` contains `useNavigate` which would break routing if absent, and `useToastAndLog` which would break most toast notifications.
- `http.tsx` contains the HTTP client which would break all backend requests
- `useRefresh.tsx` would... break login and logout if it was broken I guess
74 lines
2.6 KiB
TypeScript
74 lines
2.6 KiB
TypeScript
/** @file File watch and compile service. */
|
|
import * as fs from 'node:fs/promises'
|
|
import * as path from 'node:path'
|
|
import * as url from 'node:url'
|
|
|
|
import * as esbuild from 'esbuild'
|
|
|
|
import * as bundler from './esbuild-config'
|
|
|
|
// =================
|
|
// === Constants ===
|
|
// =================
|
|
|
|
/** The path of this file. */
|
|
const THIS_PATH = path.resolve(path.dirname(url.fileURLToPath(import.meta.url)))
|
|
/** This must be port `8080` because it is defined as such in AWS. */
|
|
const PORT = 8080
|
|
// `outputPath` does not have to be a real directory because `write` is `false`,
|
|
// meaning that files will not be written to the filesystem.
|
|
// However, the path should still be non-empty in order for `esbuild.serve` to work properly.
|
|
const OPTS = bundler.bundlerOptions({ outputPath: '/', devMode: true })
|
|
OPTS.define['REDIRECT_OVERRIDE'] = JSON.stringify(`http://localhost:${PORT}`)
|
|
OPTS.entryPoints.push(
|
|
path.resolve(THIS_PATH, 'src', 'index.html'),
|
|
path.resolve(THIS_PATH, 'src', 'index.ts'),
|
|
path.resolve(THIS_PATH, 'src', 'serviceWorker.ts')
|
|
)
|
|
OPTS.write = false
|
|
OPTS.loader['.html'] = 'copy'
|
|
OPTS.plugins.push({
|
|
name: 'inject-mock-modules',
|
|
setup: build => {
|
|
build.onResolve({ filter: /^\..+$/ }, async args => {
|
|
const importerIsMockFile = /[\\/]lib[\\/]dashboard[\\/]mock[\\/]/.test(args.importer)
|
|
const sourcePath = path.resolve(path.dirname(args.importer), args.path)
|
|
if (!importerIsMockFile && /[\\/]lib[\\/]dashboard[\\/]src[\\/]/.test(sourcePath)) {
|
|
const mockPath = sourcePath
|
|
.replace('/lib/dashboard/src/', '/lib/dashboard/mock/')
|
|
.replace('\\lib\\dashboard\\src\\', '\\lib\\dashboard\\mock\\')
|
|
try {
|
|
await fs.access(mockPath + '.ts', fs.constants.R_OK)
|
|
return { path: mockPath + '.ts' }
|
|
} catch {
|
|
try {
|
|
await fs.access(mockPath + '.tsx', fs.constants.R_OK)
|
|
return { path: mockPath + '.tsx' }
|
|
} catch {
|
|
return
|
|
}
|
|
}
|
|
} else {
|
|
// The `if` case above always returns.
|
|
// eslint-disable-next-line no-restricted-syntax
|
|
return
|
|
}
|
|
})
|
|
},
|
|
})
|
|
|
|
// ===============
|
|
// === Watcher ===
|
|
// ===============
|
|
|
|
/** Start the esbuild watcher. */
|
|
async function serve() {
|
|
const builder = await esbuild.context(OPTS)
|
|
await builder.serve({
|
|
port: PORT,
|
|
servedir: OPTS.outdir,
|
|
})
|
|
}
|
|
|
|
void serve()
|