154 lines
4.3 KiB
TypeScript
154 lines
4.3 KiB
TypeScript
|
import yaml from '@rollup/plugin-yaml'
|
||
|
import react from '@vitejs/plugin-react'
|
||
|
import path from 'path'
|
||
|
import toml from 'rollup-plugin-toml'
|
||
|
import { promises as fs } from 'fs'
|
||
|
import { defineConfig, Plugin } from 'vite'
|
||
|
import { watchDottedNames } from '../modele-social/build.js'
|
||
|
|
||
|
export default defineConfig({
|
||
|
resolve: {
|
||
|
alias: {
|
||
|
Actions: path.resolve('source/actions/'),
|
||
|
Components: path.resolve('source/components/'),
|
||
|
Selectors: path.resolve('source/selectors/'),
|
||
|
Reducers: path.resolve('source/reducers/'),
|
||
|
Types: path.resolve('source/types/'),
|
||
|
Images: path.resolve('source/images/'),
|
||
|
DesignSystem: path.resolve('source/design-system'),
|
||
|
Data: path.resolve('source/data'),
|
||
|
Hooks: path.resolve('source/hooks'),
|
||
|
API: path.resolve('source/api'),
|
||
|
},
|
||
|
extensions: ['.js', '.ts', '.jsx', '.tsx', '.json'],
|
||
|
},
|
||
|
root: 'source',
|
||
|
plugins: [
|
||
|
react({
|
||
|
babel: {
|
||
|
plugins: ['babel-plugin-styled-components'],
|
||
|
},
|
||
|
}),
|
||
|
yaml(),
|
||
|
toml,
|
||
|
multipleSPA({
|
||
|
defaultSite: 'mon-entreprise',
|
||
|
templatePath: './source/template.html',
|
||
|
sites: {
|
||
|
'mon-entreprise': {
|
||
|
entry: '/entry.fr.tsx',
|
||
|
title:
|
||
|
"mon-entreprise.urssaf.fr : L'assistant officiel du créateur d'entreprise",
|
||
|
description:
|
||
|
'Du statut juridique à la première embauche, en passant par la simulation des cotisations, vous trouverez ici toutes les ressources pour démarrer votre activité.',
|
||
|
shareImage: 'https://mon-entreprise.urssaf.fr/images/logo-share.png',
|
||
|
},
|
||
|
infrance: {
|
||
|
entry: '/entry.en.tsx',
|
||
|
title:
|
||
|
'My company in France: A step-by-step guide to start a business in France',
|
||
|
description:
|
||
|
'Find the type of company that suits you and follow the steps to register your company. Discover the French social security system by simulating your hiring costs. Discover the procedures to hire in France and learn the basics of French labour law.',
|
||
|
shareImage:
|
||
|
'https://mon-entreprise.urssaf.fr/images/logo-mycompany-share.png',
|
||
|
},
|
||
|
},
|
||
|
}),
|
||
|
],
|
||
|
})
|
||
|
|
||
|
type MultipleSPAOptions = {
|
||
|
defaultSite: string
|
||
|
templatePath: string
|
||
|
sites: Record<string, Record<string, string>>
|
||
|
}
|
||
|
|
||
|
/**
|
||
|
* A custom plugin to create multiple virtual html files from a template. Will
|
||
|
* generate distinct entry points and single-page application outputs.
|
||
|
*/
|
||
|
function multipleSPA(options: MultipleSPAOptions): Plugin {
|
||
|
const fillTemplate = async (siteName: string) => {
|
||
|
const siteData = options.sites[siteName]
|
||
|
const template = await fs.readFile(options.templatePath, 'utf-8')
|
||
|
const filledTemplate = template
|
||
|
.toString()
|
||
|
.replace(/\{\{(.+)\}\}/g, (_match, p1) => siteData[p1.trim()])
|
||
|
return filledTemplate
|
||
|
}
|
||
|
|
||
|
return {
|
||
|
name: 'multiple-spa',
|
||
|
enforce: 'pre',
|
||
|
|
||
|
configureServer(vite) {
|
||
|
// Small hack: This call shouldn't be here, but it's the easiest way to
|
||
|
// start the watcher with the development server. We could use native
|
||
|
// ViteJS watch API, but it would require changing more code and maybe the
|
||
|
// whole "modele-social" package build process.
|
||
|
watchDottedNames()
|
||
|
|
||
|
// eslint-disable-next-line @typescript-eslint/no-misused-promises
|
||
|
vite.middlewares.use(async (req, res, next) => {
|
||
|
const url = req.originalUrl
|
||
|
if (url === '/') {
|
||
|
res.writeHead(302, { Location: '/' + options.defaultSite })
|
||
|
res.end()
|
||
|
} else if (
|
||
|
url &&
|
||
|
Object.keys(options.sites).some((name) =>
|
||
|
url.slice(1).startsWith(name)
|
||
|
)
|
||
|
) {
|
||
|
const siteName = url.slice(1).split('/')[0]
|
||
|
const content = await vite.transformIndexHtml(
|
||
|
'/',
|
||
|
await fillTemplate(siteName),
|
||
|
url
|
||
|
)
|
||
|
res.end(content)
|
||
|
} else {
|
||
|
next()
|
||
|
}
|
||
|
})
|
||
|
},
|
||
|
|
||
|
config(config, { command }) {
|
||
|
if (command === 'build' && !config.build?.ssr) {
|
||
|
config.build = {
|
||
|
...config.build,
|
||
|
rollupOptions: {
|
||
|
input: Object.fromEntries(
|
||
|
Object.keys(options.sites).map((name) => [
|
||
|
name,
|
||
|
`virtual:${name}.html`,
|
||
|
])
|
||
|
),
|
||
|
},
|
||
|
}
|
||
|
}
|
||
|
},
|
||
|
|
||
|
resolveId(id) {
|
||
|
const pathname = id.split('/').at(-1)
|
||
|
if (pathname?.startsWith('virtual:')) {
|
||
|
return pathname.replace('virtual:', '')
|
||
|
}
|
||
|
return null
|
||
|
},
|
||
|
|
||
|
async load(id) {
|
||
|
if (
|
||
|
Object.keys(options.sites).some((name) => id.endsWith(name + '.html'))
|
||
|
) {
|
||
|
return await fillTemplate(
|
||
|
id
|
||
|
.split('/')
|
||
|
.at(-1)
|
||
|
.replace(/\.html$/, '')
|
||
|
)
|
||
|
}
|
||
|
},
|
||
|
}
|
||
|
}
|