refactor: improve ESM support and add remix example (#183)

examples/create-react-app/.gitignore

@@ -25,16 +25,9 @@ yarn-error.log*
 
 .next
 .cache
-
-# yarn v3
-.yarn/*
-!.yarn/patches
-!.yarn/plugins
-!.yarn/releases
-!.yarn/sdks
-!.yarn/versions
+.yarn
 
 # Swap the comments on the following lines if you wish to use zero-installs
 # Documentation here: https://yarnpkg.com/features/zero-installs
 # !.yarn/cache
-.pnp.*
+.pnp.*

examples/gatsby/.gitignore

@@ -25,16 +25,9 @@ yarn-error.log*
 
 .next
 .cache
-
-# yarn v3
-.yarn/*
-!.yarn/patches
-!.yarn/plugins
-!.yarn/releases
-!.yarn/sdks
-!.yarn/versions
+.yarn
 
 # Swap the comments on the following lines if you wish to use zero-installs
 # Documentation here: https://yarnpkg.com/features/zero-installs
 # !.yarn/cache
-.pnp.*
+.pnp.*

examples/nextjs/.gitignore

@@ -25,16 +25,9 @@ yarn-error.log*
 
 .next
 .cache
-
-# yarn v3
-.yarn/*
-!.yarn/patches
-!.yarn/plugins
-!.yarn/releases
-!.yarn/sdks
-!.yarn/versions
+.yarn
 
 # Swap the comments on the following lines if you wish to use zero-installs
 # Documentation here: https://yarnpkg.com/features/zero-installs
 # !.yarn/cache
-.pnp.*
+.pnp.*

examples/nextjs14/.gitignore

@@ -36,9 +36,4 @@ yarn-error.log*
 next-env.d.ts
 
 # yarn
-.yarn/*
-!.yarn/patches
-!.yarn/plugins
-!.yarn/releases
-!.yarn/sdks
-!.yarn/versions
+.yarn

examples/nextjs14/app/components/WidgetEvents.tsx

@@ -0,0 +1,41 @@
+'use client';
+import type { Route } from '@lifi/sdk';
+import type {
+  RouteExecutionUpdate,
+  RouteHighValueLossUpdate,
+} from '@lifi/widget';
+import { WidgetEvent, useWidgetEvents } from '@lifi/widget';
+import { useEffect } from 'react';
+
+export const WidgetEvents = () => {
+  const widgetEvents = useWidgetEvents();
+
+  useEffect(() => {
+    const onRouteExecutionStarted = (route: Route) => {
+      console.log('onRouteExecutionStarted fired.');
+    };
+    const onRouteExecutionUpdated = (update: RouteExecutionUpdate) => {
+      console.log('onRouteExecutionUpdated fired.');
+    };
+    const onRouteExecutionCompleted = (route: Route) => {
+      console.log('onRouteExecutionCompleted fired.');
+    };
+    const onRouteExecutionFailed = (update: RouteExecutionUpdate) => {
+      console.log('onRouteExecutionFailed fired.');
+    };
+    const onRouteHighValueLoss = (update: RouteHighValueLossUpdate) => {
+      console.log('onRouteHighValueLoss continued.');
+    };
+    widgetEvents.on(WidgetEvent.RouteExecutionStarted, onRouteExecutionStarted);
+    widgetEvents.on(WidgetEvent.RouteExecutionUpdated, onRouteExecutionUpdated);
+    widgetEvents.on(
+      WidgetEvent.RouteExecutionCompleted,
+      onRouteExecutionCompleted,
+    );
+    widgetEvents.on(WidgetEvent.RouteHighValueLoss, onRouteHighValueLoss);
+    widgetEvents.on(WidgetEvent.RouteExecutionFailed, onRouteExecutionFailed);
+    return () => widgetEvents.all.clear();
+  }, [widgetEvents]);
+
+  return null;
+};

examples/nextjs14/app/page.tsx

@@ -1,8 +1,10 @@
-import { Widget } from './widget';
+import { Widget } from './components/Widget';
+import { WidgetEvents } from './components/WidgetEvents';
 
 export default function Home() {
   return (
     <main>
+      <WidgetEvents />
       <Widget />
     </main>
   );

examples/nextjs14/package.json

@@ -9,17 +9,18 @@
     "lint": "next lint"
   },
   "dependencies": {
-    "@lifi/widget": "^3.0.0-alpha.15",
-    "next": "14.0.4",
+    "@lifi/sdk": "^3.0.0-alpha.54",
+    "@lifi/widget": "^3.0.0-alpha.26",
+    "next": "14.1.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
   "devDependencies": {
-    "@types/node": "^20.11.4",
-    "@types/react": "^18.2.48",
-    "@types/react-dom": "^18.2.18",
+    "@types/node": "^20.11.17",
+    "@types/react": "^18.2.55",
+    "@types/react-dom": "^18.2.19",
     "eslint": "^8.56.0",
-    "eslint-config-next": "14.0.4",
+    "eslint-config-next": "14.1.0",
     "typescript": "^5.3.3"
   }
 }