chore: update examples

.npmrc

@@ -1,5 +1,4 @@
 # auto-install-peers=false
 enable-pre-post-scripts=true
-link-workspace-packages=deep
 provenance=true
 strict-peer-dependencies=false

examples/deposit-flow/package.json

@@ -22,7 +22,7 @@
   },
   "devDependencies": {
     "@types/events": "^3.0.3",
-    "@types/node": "^22.8.1",
+    "@types/node": "^22.8.4",
     "@types/react": "^18.3.12",
     "@types/react-dom": "^18.3.1",
     "@vitejs/plugin-react": "^4.3.3",

examples/nextjs-page-router/app/page.tsx

@@ -11,7 +11,7 @@ export default function Home() {
     appearance: 'light',
     theme: {
       container: {
-        boxShadow: '0px 8px 32px rgba(0, 0, 0, 0.08)',
+        border: '1px solid rgb(234, 234, 234)',
         borderRadius: '16px',
       },
     },

examples/nextjs-page-router/components/DynamicImportWidget.tsx

@@ -8,7 +8,7 @@ export default function DynamicImportWidget() {
     appearance: 'light',
     theme: {
       container: {
-        boxShadow: '0px 8px 32px rgba(0, 0, 0, 0.08)',
+        border: '1px solid rgb(234, 234, 234)',
         borderRadius: '16px',
       },
     },

examples/nextjs-page-router/components/Widget.tsx

@@ -12,10 +12,8 @@ interface WidgetProps {
 
 export function Widget({ config, fallback }: WidgetProps) {
   return (
-    <main>
-      <ClientOnly fallback={fallback}>
-        <LiFiWidget config={config} integrator="nextjs-example" />
-      </ClientOnly>
-    </main>
+    <ClientOnly fallback={fallback}>
+      <LiFiWidget config={config} integrator="nextjs-example" />
+    </ClientOnly>
   )
 }

examples/nextjs-page-router/package.json

@@ -8,13 +8,13 @@
     "start": "next start"
   },
   "dependencies": {
-    "@lifi/widget": "workspace:^",
-    "next": "14.2.15",
+    "@lifi/widget": "^3.10.0",
+    "next": "^14.2.15",
     "react": "^18.3.1",
     "react-dom": "^18.3.1"
   },
   "devDependencies": {
-    "@types/node": "^22.8.1",
+    "@types/node": "^22.8.4",
     "@types/react": "^18.3.12",
     "@types/react-dom": "^18.3.1",
     "typescript": "^5.5.4"

examples/nextjs-page-router/pages/pages-example.tsx

@@ -10,7 +10,7 @@ export default function PagesExample() {
     appearance: 'light',
     theme: {
       container: {
-        boxShadow: '0px 8px 32px rgba(0, 0, 0, 0.08)',
+        border: '1px solid rgb(234, 234, 234)',
         borderRadius: '16px',
       },
     },

examples/nextjs/components/PagesWidget.tsx

@@ -6,7 +6,7 @@ export default function PagesWidget() {
     appearance: 'light',
     theme: {
       container: {
-        boxShadow: '0px 8px 32px rgba(0, 0, 0, 0.08)',
+        border: '1px solid rgb(234, 234, 234)',
         borderRadius: '16px',
       },
     },

examples/nextjs/components/Widget.tsx

@@ -9,17 +9,15 @@ export function Widget() {
     appearance: 'light',
     theme: {
       container: {
-        boxShadow: '0px 8px 32px rgba(0, 0, 0, 0.08)',
+        border: '1px solid rgb(234, 234, 234)',
         borderRadius: '16px',
       },
     },
   } as Partial<WidgetConfig>
 
   return (
-    <main>
-      <ClientOnly fallback={<WidgetSkeleton config={config} />}>
-        <LiFiWidget config={config} integrator="nextjs-example" />
-      </ClientOnly>
-    </main>
+    <ClientOnly fallback={<WidgetSkeleton config={config} />}>
+      <LiFiWidget config={config} integrator="nextjs-example" />
+    </ClientOnly>
   )
 }

examples/nextjs/package.json

@@ -9,13 +9,13 @@
   },
   "dependencies": {
     "@lifi/sdk": "^3.4.0",
-    "@lifi/widget": "workspace:^",
+    "@lifi/widget": "^3.10.0",
     "next": "^14.2.16",
     "react": "^18.3.1",
     "react-dom": "^18.3.1"
   },
   "devDependencies": {
-    "@types/node": "^22.8.1",
+    "@types/node": "^22.8.4",
     "@types/react": "^18.3.12",
     "@types/react-dom": "^18.3.1",
     "typescript": "^5.5.4"

examples/nuxt/package.json

@@ -10,11 +10,11 @@
     "postinstall": "nuxt prepare"
   },
   "dependencies": {
-    "@lifi/widget": "workspace:^",
-    "nuxt": "^3.12.4",
-    "veaury": "^2.4.2",
+    "@lifi/widget": "^3.10.0",
+    "nuxt": "3.13.1",
+    "veaury": "^2.5.1",
     "vite-plugin-node-polyfills": "^0.22.0",
     "vue": "^3.5.12",
-    "vue-router": "^4.4.0"
+    "vue-router": "^4.4.5"
   }
 }

examples/remix/app/root.tsx

@@ -8,11 +8,6 @@ import {
   ScrollRestoration,
 } from '@remix-run/react'
 
-// Note: at the time of writing Remix's suggestion for dealing with global polyfills
-// didn't seem to work. Have put this in place as a workaround.
-import { Buffer as BufferPolyfill } from 'node:buffer'
-globalThis.Buffer = BufferPolyfill
-
 export const links: LinksFunction = () => [
   ...(cssBundleHref ? [{ rel: 'stylesheet', href: cssBundleHref }] : []),
 ]

examples/remix/package.json

@@ -10,7 +10,7 @@
     "typecheck": "tsc"
   },
   "dependencies": {
-    "@lifi/widget": "workspace:^",
+    "@lifi/widget": "^3.10.0",
     "@remix-run/css-bundle": "^2.13.1",
     "@remix-run/node": "^2.13.1",
     "@remix-run/react": "^2.13.1",

examples/svelte/package.json

@@ -10,13 +10,13 @@
     "check": "svelte-check --tsconfig ./tsconfig.json"
   },
   "devDependencies": {
-    "@sveltejs/vite-plugin-svelte": "^3.1.1",
+    "@sveltejs/vite-plugin-svelte": "^4.0.0",
     "@tsconfig/svelte": "^5.0.4",
     "@types/events": "^3.0.3",
-    "@types/node": "^22.8.1",
+    "@types/node": "^22.8.4",
     "@types/react": "^18.3.12",
     "@types/react-dom": "^18.3.1",
-    "svelte": "^4.2.18",
+    "svelte": "^5.1.4",
     "svelte-check": "^4.0.5",
     "svelte-preprocess": "^6.0.2",
     "tslib": "^2.8.0",

examples/svelte/src/lib/ReactAdapter.svelte

@@ -26,4 +26,4 @@ onDestroy(() => {
 })
 </script>
 
-<div bind:this={container} class={$$props.class} />
+<div bind:this={container} class={$$props.class}></div>

examples/svelte/src/main.ts

@@ -1,6 +1,7 @@
+import { mount } from 'svelte'
 import App from './App.svelte'
 
-const app = new App({
+const app = mount(App, {
   target: document.getElementById('app') as HTMLElement,
 })
 

examples/vite/package.json

@@ -21,7 +21,7 @@
   },
   "devDependencies": {
     "@types/events": "^3.0.3",
-    "@types/node": "^22.8.1",
+    "@types/node": "^22.8.4",
     "@types/react": "^18.3.12",
     "@types/react-dom": "^18.3.1",
     "@vitejs/plugin-react": "^4.3.3",

examples/vue/package.json

@@ -9,8 +9,8 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@lifi/widget": "workspace:^",
-    "veaury": "^2.4.2",
+    "@lifi/widget": "^3.10.0",
+    "veaury": "^2.5.1",
     "vue": "^3.5.12"
   },
   "devDependencies": {

package.json

@@ -49,7 +49,7 @@
     "@testing-library/react": "^16.0.1",
     "@testing-library/user-event": "^14.5.2",
     "@types/events": "^3.0.3",
-    "@types/node": "^22.8.1",
+    "@types/node": "^22.8.4",
     "@types/react": "^18.3.12",
     "@types/react-dom": "^18.3.1",
     "cpy-cli": "^5.0.0",

packages/widget-playground-next/package.json

@@ -22,7 +22,7 @@
     "react-dom": "^18.3.1"
   },
   "devDependencies": {
-    "@types/node": "^22.8.1",
+    "@types/node": "^22.8.4",
     "@types/react": "^18.3.12",
     "@types/react-dom": "^18.3.1",
     "typescript": "^5.6.3"

packages/widget-playground/package.json

@@ -53,7 +53,7 @@
   },
   "devDependencies": {
     "@types/lodash.isequal": "^4.5.8",
-    "@types/node": "^22.8.1",
+    "@types/node": "^22.8.4",
     "@types/react": "^18.3.12",
     "@types/react-dom": "^18.3.1",
     "@vitejs/plugin-react-swc": "^3.7.1",