os-js
diff --git a/‎.gitignore
+1 b/‎.gitignore
+1
diff --git a/‎dist/.gitignore
-1 b/‎dist/.gitignore
-1
diff --git a/‎package-lock.json
+284-274 b/‎package-lock.json
+284-274
diff --git a/‎package.json
+3-4 b/‎package.json
+3-4
diff --git a/‎src/client/index.ejs renamed to ‎src/client/index.html
+3-1 b/‎src/client/index.ejs renamed to ‎src/client/index.html
+3-1
diff --git a/‎src/client/index.scss
+5-5 b/‎src/client/index.scss
+5-5
diff --git a/‎vite.config.js
+42 b/‎vite.config.js
+42
diff --git a/‎webpack.config.js
-107 b/‎webpack.config.js
-107
@@ -5,3 +5,4 @@ node_modules
 /sessions
 /.env*
 /session-store.db
+/dist/
@@ -17,8 +17,8 @@
     "make:application": "osjs-cli make:application",
     "make:iframe-application": "osjs-cli make:iframe-application",
     "make:provider": "osjs-cli make:provider",
-    "build": "webpack",
-    "watch": "webpack --watch"
+    "build": "vite build",
+    "watch": "vite build --watch"
   },
   "keywords": [
     "osjs"
@@ -27,8 +27,7 @@
   "license": "BSD-2-Clause",
   "devDependencies": {
     "@osjs/dev-meta": "^2.1.0",
-    "html-webpack-plugin": "^3.2.0",
-    "source-map-loader": "^0.2.4"
+    "vite": "^3.2.4"
   },
   "dependencies": {
     "@osjs/calculator-application": "^1.2.8",
 
@@ -10,7 +10,9 @@
     <meta name="google" content="notranslate" />
     <meta name="description" content="OS.js - JavaScript Cloud/Web Desktop Platform" />
     <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
-    <title><%= htmlWebpackPlugin.options.title %></title>
+    <title>OS.js</title>
+    <script src="index.js" type="module" defer></script>
+    <link rel="icon" href="favicon.png">
   </head>
   <body>
   </body>
 
@@ -34,11 +34,11 @@
 // OS.js defaults.
 //
 
-@import "~typeface-roboto/index.css";
-@import "~@osjs/client/dist/main.css";
-@import "~@osjs/gui/dist/main.css";
-@import "~@osjs/dialogs/dist/main.css";
-@import "~@osjs/panels/dist/main.css";
+@import "typeface-roboto/index.css";
+@import "@osjs/client/dist/main.css";
+@import "@osjs/gui/dist/main.css";
+@import "@osjs/dialogs/dist/main.css";
+@import "@osjs/panels/dist/main.css";
 
 body,
 html {
 
@@ -0,0 +1,42 @@
+// @ts-ignore
+const npm = require('./package.json');
+
+const assetsDir = '';
+
+const outputDefaults = {
+  // remove hashes from filenames
+  entryFileNames: `${assetsDir}[name].js`,
+  chunkFileNames: `${assetsDir}[name].js`,
+  assetFileNames: `${assetsDir}[name].[ext]`,
+};
+
+/** @type {import("vite").UserConfig} */
+module.exports = {
+  clearScreen: false,
+  root: "src/client",
+  base: "./", // generate relative paths in html
+  define: {
+    OSJS_VERSION: JSON.stringify(npm.version),
+  },
+  worker: {
+    rollupOptions: {
+      output: {
+        ...outputDefaults,
+      }
+    },
+  },
+  build: {
+    outDir: "../../dist", // relative to root
+    emptyOutDir: true,
+    target: 'esnext',
+    minify: false,
+    sourcemap: true,
+    rollupOptions: {
+      output: {
+        ...outputDefaults,
+      },
+    },
+  },
+  plugins: [
+  ],
+};