Replace webpack with vite

vrimar · Jun 2, 2023 · a05a422 · a05a422
1 parent 5c2c909
commit a05a422
Show file tree

Hide file tree

Showing 16 changed files with 6,122 additions and 8,398 deletions.
diff --git a/.gitignore b/.gitignore
@@ -1,6 +1,5 @@
 .vscode
 node_modules
 generated
-public
-.awcache
+dist
 lib
diff --git a/.npmignore b/.npmignore
@@ -5,7 +5,7 @@ scripts
 test
 .editorconfig
 .travis.yml
-webpack.config.js
+vite.config.js
 .eslintrc.js
 .eslintignore
 tsconfig*
diff --git a/docs/global.d.ts b/docs/global.d.ts
@@ -1 +1,2 @@
+/// <reference types="vite/client" />
 declare const VERSION: String;
diff --git a/docs/src/index.template.ejs → docs/index.html b/docs/src/index.template.ejs → docs/index.html
@@ -6,14 +6,13 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
   <meta name="description" content="Construct-ui: A Mithril.js UI library">
   <title>
-    <%= htmlWebpackPlugin.options.title %>
+    <%= APP_TITLE %>
   </title>
 </head>
 
 <body>
   <div id="Docs"></div>
-  <script
-    src="https://cdn.polyfill.io/v3/polyfill.js?features=default,Array.prototype.includes,Array.prototype.find,Array.prototype.findIndex"></script>
+  <script type="module" src="src/index.ts"></script>
 </body>
 
 </html>
diff --git a/docs/src/favicon.ico → docs/public/favicon.ico b/docs/src/favicon.ico → docs/public/favicon.ico
diff --git a/docs/src/components/Main.ts b/docs/src/components/Main.ts
@@ -2,10 +2,9 @@ import m from 'mithril';
 import { Content, Nav } from './';
 import { IDocumentationData } from '..';
 import { ResponsiveManager, Drawer, Icons, Button, getClosest } from '@/';
+import logoSrc from '../logo.svg';
 
-const logoSrc = require('../logo.svg');
-
-export default class Main implements m.Component<IDocumentationData> {
+export class Main implements m.Component<IDocumentationData> {
   private isDrawerOpen: boolean = false;
   private scrollPosition: number;
 

diff --git a/docs/src/index.ts b/docs/src/index.ts
@@ -1,13 +1,13 @@
 import './style.scss';
-import './favicon.ico';
 import m from 'mithril';
-import Main from './components/Main';
+import { Main } from './components/Main';
 import { IMarkdownPluginData, ITypescriptPluginData } from '@documentalist/client';
 import { normalizeDocs } from './utils/normalizeDocs';
+import json from '../generated/docs.json';
 
 export type Data = IMarkdownPluginData & ITypescriptPluginData;
 
-const docs = normalizeDocs(require('../generated/docs.json') as Data);
+const docs = normalizeDocs(json as any);
 
 export interface IDocumentationData {
   docs: IMarkdownPluginData & ITypescriptPluginData;
@@ -41,10 +41,3 @@ const initRoutes = (layout: any) => {
 };
 
 initRoutes(Main);
-
-if (module.hot) {
-  module.hot.accept('./components/Main', () => {
-    const main = require('./components/Main').default;
-    initRoutes(main);
-  });
-}
diff --git a/docs/src/style.scss b/docs/src/style.scss
@@ -1,4 +1,4 @@
-@import '@/index.scss';
+@import '../../src/index.scss';
 @import '../../src/_shared/examples/index';
 
 $cui-docs-nav-width: 220px;

diff --git a/docs/tsconfig.json b/docs/tsconfig.json
@@ -2,7 +2,7 @@
   "extends": "../tsconfig.json",
   "compilerOptions": {
     "declaration": false,
-    "module": "commonjs",
+    "module": "ES2020",
     "resolveJsonModule": true
   },
   "include": [

diff --git a/docs/vite.config.ts b/docs/vite.config.ts
@@ -0,0 +1,34 @@
+import { defineConfig, PluginOption } from 'vite';
+import legacy from '@vitejs/plugin-legacy';
+import tsconfigPaths from 'vite-tsconfig-paths';
+import checker from 'vite-plugin-checker';
+import packageJson from '../package.json';
+
+const transformHtmlPlugin = (data: any) => ({
+  name: 'transform-html',
+  transformIndexHtml: {
+    enforce: 'pre',
+    transform: html => html.replace(
+      /<%=\s*(\w+)\s*%>/gi,
+      (_, p1) => data[p1] || ''
+    )
+  }
+}) as PluginOption;
+
+export default defineConfig({
+  define: {
+    VERSION: JSON.stringify(packageJson.version)
+  },
+  plugins: [
+    transformHtmlPlugin({
+      APP_TITLE: `Construct-ui: ${packageJson.description} - v${packageJson.version}`
+    }),
+    tsconfigPaths(),
+    checker({
+      typescript: true
+    }),
+    legacy({
+      targets: ['defaults', 'not IE 11']
+    })
+  ]
+});
diff --git a/docs/webpack.config.js b/docs/webpack.config.js
Original file line number	Diff line number	Diff line change
		@@ -1 +1,2 @@
		/// <reference types="vite/client" />
		declare const VERSION: String;