[LON-427] Update /sample deps & migrate to Vite

sample/src/index.html → sample/index.html

@@ -302,5 +302,6 @@ <h3>Logout</h3>
         <button id="logout-btn">Logout</button>
       </section>
     </div>
+    <script type="module" src="/src/index.ts"></script>
   </body>
 </html>

sample/package.json

@@ -5,19 +5,16 @@
   "license": "MIT",
   "main": "./src/index.ts",
   "scripts": {
-    "start": "webpack serve"
+    "start": "vite"
   },
   "dependencies": {
     "@moneytree/mt-link-javascript-sdk": "portal:../"
   },
   "devDependencies": {
-    "html-webpack-plugin": "^4.5.0",
-    "url-safe-base64": "^1.1.1",
-    "webpack": "^5.104.1",
-    "webpack-cli": "^4.2.0",
-    "webpack-dev-server": "^3.11.0"
+    "@vitejs/plugin-basic-ssl": "^2.3.0",
+    "vite": "^8.2.0"
   },
   "engines": {
-    "node": ">=12"
+    "node": ">=20"
   }
 }

sample/src/index.ts

@@ -280,7 +280,7 @@ elements.openServiceOptionsElms.showBackBarOn.onchange = () => {
 const initializeLinkSDK = (options: InitOptions = {}) => {
   mtLinkSdk.init('af84f08f40970caf17f2e53b31771ceb50d0f32f7d44b826753982e809395290', {
     sdkPlatform: 'js',
-    redirectUri: 'https://localhost:9000',
+    redirectUri: 'https://localhost:9001',
     locale: 'en',
     mode: 'staging',
     ...options

sample/tsconfig.json

@@ -2,8 +2,9 @@
   "extends": "../tsconfig.json",
   "compilerOptions": {
     "suppressImplicitAnyIndexErrors": true,
-    "module": "commonjs",
-    "target": "es5",
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "target": "ES2020",
     "lib": ["es6", "es2017", "dom"]
   }
 }

sample/vite.config.ts

@@ -0,0 +1,16 @@
+import { defineConfig } from 'vite';
+import basicSsl from '@vitejs/plugin-basic-ssl';
+
+export default defineConfig({
+  plugins: [basicSsl()],
+
+  server: {
+    // So it can run without conflicting with Vault
+    port: 9001
+  },
+
+  // So it can bundle CJS -> ESM through the portal
+  optimizeDeps: {
+    include: ['@moneytree/mt-link-javascript-sdk']
+  }
+});