Merge pull request #224 from statikbe/KarelJanVanHaute/issue216

Update to vite 5

googlefonts.js

@@ -1,5 +1,7 @@
-const { GoogleFontsHelper } = require('google-fonts-helper');
-const readline = require('readline').createInterface({
+import * as readline from 'readline';
+
+const { GoogleFontsHelper } = await import('google-fonts-helper');
+const readlineObject = readline.createInterface({
   input: process.stdin,
   output: process.stdout,
 });
@@ -16,8 +18,8 @@ async function downloadFonts(url) {
   console.log('\x1b[33m%s\x1b[0m', "Dont't forget to add 'fonts.css' to your 'main.css' file");
 }
 
-readline.question('Google fonts URL: ', (url) => {
-  readline.close();
+readlineObject.question('Google fonts URL: ', (url) => {
+  readlineObject.close();
   if (GoogleFontsHelper.isValidURL(url)) {
     console.log('Downloading Fonts...');
     downloadFonts(url);

package.json

@@ -1,12 +1,8 @@
 {
   "private": true,
+  "type": "module",
   "config": {
-    "test": "git change",
-    "path": {
-      "src": "tailoff",
-      "public": "public"
-    },
-    "proxy": "https://basecraft.local.statik.be"
+    "test": "git change"
   },
   "scripts": {
     "watch": "vite",
@@ -26,34 +22,34 @@
   },
   "devDependencies": {
     "@tailwindcss/aspect-ratio": "^0.4.2",
-    "@types/glidejs": "^1.0.31",
+    "@types/glidejs": "^1.0.34",
     "@types/googlemaps": "^3.43.3",
-    "@vitejs/plugin-basic-ssl": "^1.0.1",
-    "@vitejs/plugin-legacy": "^4.0.1",
-    "autoprefixer": "^10.4.13",
+    "@vitejs/plugin-basic-ssl": "^1.0.2",
+    "@vitejs/plugin-legacy": "^5.2.0",
+    "autoprefixer": "^10.4.16",
     "google-fonts-helper": "^2.0.1",
-    "postcss": "^8.4.21",
+    "postcss": "^8.4.31",
     "postcss-cli": "^10.1.0",
-    "postcss-custom-properties": "^13.1.2",
+    "postcss-custom-properties": "^13.3.2",
     "postcss-file": "^0.1.1",
     "postcss-import": "^15.1.0",
     "postcss-mixins": "^9.0.4",
-    "postcss-nested": "^6.0.0",
+    "postcss-nested": "^6.0.1",
     "promise-polyfill": "^8.3.0",
-    "tailwindcss": "^3.2.4",
-    "terser": "^5.16.3",
-    "typescript": "4.9.5",
-    "vite": "^4.1.5",
-    "vite-plugin-mkcert": "^1.13.0",
-    "vite-plugin-restart": "^0.3.1",
+    "tailwindcss": "^3.3.5",
+    "terser": "^5.24.0",
+    "typescript": "5.3.2",
+    "vite": "^5.0.2",
+    "vite-plugin-mkcert": "^1.17.1",
+    "vite-plugin-restart": "^0.4.0",
     "wicg-inert": "^3.1.2"
   },
   "dependencies": {
-    "@floating-ui/dom": "^1.2.0",
+    "@floating-ui/dom": "^1.5.3",
     "@glidejs/glide": "^3.6.0",
-    "@popperjs/core": "^2.11.6",
+    "@popperjs/core": "^2.11.8",
     "flatpickr": "^4.6.13",
-    "leaflet": "^1.9.3",
+    "leaflet": "^1.9.4",
     "tippy.js": "^6.3.7"
   },
   "optionalDependencies": {

postcss.config.js

@@ -1,17 +1,24 @@
-module.exports = {
+import postcssCustomProperties from 'postcss-custom-properties';
+import postcssImport from 'postcss-import';
+import postcssMixins from 'postcss-mixins';
+import tailwindcssNesting from 'tailwindcss/nesting/index.js';
+import tailwindcss from 'tailwindcss';
+import postcss from 'postcss';
+import autoprefixer from 'autoprefixer';
+
+export default {
   plugins: [
-    require('postcss-custom-properties'),
-    require('postcss-import'),
+    postcssCustomProperties,
+    postcssImport,
     {
       postcssPlugin: 'grouped',
       Once(root, { result }) {
-        let postcss = require('postcss');
-        return postcss([require('postcss-mixins')]).process(root, result.opts);
+        return postcss([postcssMixins]).process(root, result.opts);
       },
     },
-    require('tailwindcss/nesting'),
-    require('tailwindcss'),
-    require('autoprefixer'),
+    tailwindcssNesting,
+    tailwindcss,
+    autoprefixer,
   ],
   browserslist: ['defaults', 'not ie < 11', 'last 3 versions', '> 1%', 'iOS 7', 'last 3 iOS versions'],
 };