working build

coinbase · Nov 14, 2024 · c8b7ace · c8b7ace
1 parent b51ceb9
commit c8b7ace
Show file tree

Hide file tree

Showing 2 changed files with 30 additions and 22 deletions.
diff --git a/playground/nextjs-app-router/components/AppProvider.tsx b/playground/nextjs-app-router/components/AppProvider.tsx
@@ -15,6 +15,7 @@ import {
   type Paymaster,
   TransactionTypes,
 } from '@/types/onchainkit';
+import { initializeStateFromUrl } from '@/lib/url-params';
 
 type State = {
   activeComponent?: OnchainKitComponent;

diff --git a/playground/nextjs-app-router/lib/url-params.ts b/playground/nextjs-app-router/lib/url-params.ts
@@ -1,25 +1,32 @@
-// export function getShareableUrl(activeComponent?: OnchainKitComponent) {
-//   if (!activeComponent) {
-//     return window.location.origin;
-//   }
-
-//   const relevantParams = getComponentQueryParams(activeComponent);
-//   const params = new URLSearchParams();
-
-//   for (const param of relevantParams) {
-//     params.set(param, localStorage.getItem(param) || '');
-//   }
-//   return `${window.location.origin}?${params.toString()}`;
-// }
-
-// export function getComponentQueryParams(component: OnchainKitComponent) {
-//   const options = URL_PARAM_MAPPING[component];
-//   if (!options) {
-//     return [];
-//   }
-
-//   return options.map((option) => option.name);
-// }
+import { OnchainKitComponent } from '@/types/onchainkit';
+
+const URL_PARAM_MAPPING: Partial<Record<OnchainKitComponent, string[]>> = {
+  [OnchainKitComponent.Checkout]: ['chargeId', 'productId'],
+  [OnchainKitComponent.Transaction]: ['calls', 'contracts'],
+};
+
+export function getShareableUrl(activeComponent?: OnchainKitComponent) {
+  if (!activeComponent) {
+    return window.location.origin;
+  }
+
+  const relevantParams = getComponentQueryParams(activeComponent);
+  const params = new URLSearchParams();
+
+  for (const param of relevantParams) {
+    params.set(param, localStorage.getItem(param) || '');
+  }
+  return `${window.location.origin}?${params.toString()}`;
+}
+
+export function getComponentQueryParams(component: OnchainKitComponent) {
+  const options = URL_PARAM_MAPPING[component];
+  if (!options) {
+    return [];
+  }
+
+  return options.map((option) => option.name);
+}
 
 export function initializeStateFromUrl(): Record<string, string> {
   if (typeof window === 'undefined') {