chore: add dev staging env configuration and package scripts (#665)

Author: chybisov

.gitignore

@@ -15,6 +15,7 @@ build/
 # misc
 .DS_Store
 .env.local
+.env.*.local
 .env.development.local
 .env.test.local
 .env.production.local

package.json

@@ -11,6 +11,8 @@
     "clean:modules:trash": "find . -name \"node_modules\" -type d -prune -exec trash {} +",
     "regen": "rm -rf pnpm-lock.yaml && pnpm clean:modules && corepack use pnpm@latest",
     "dev": "pnpm --filter widget-playground-vite dev",
+    "dev:dev": "pnpm --filter widget-playground-vite dev:dev",
+    "dev:staging": "pnpm --filter widget-playground-vite dev:staging",
     "dev:next": "pnpm --filter widget-playground-next dev",
     "release": "pnpm release:version && pnpm release:build && pnpm standard-version -a -s",
     "release:alpha": "pnpm release:version --preid alpha && pnpm release:build && pnpm standard-version -a -s --prerelease alpha --skip.changelog",

packages/widget-playground-vite/.env

@@ -1 +1,2 @@
 VITE_EVM_WALLET_CONNECT=5432e3507d41270bee46b7b85bbc2ef8
+VITE_API_URL=https://li.quest/v1

packages/widget-playground-vite/.env.dev

@@ -0,0 +1,2 @@
+VITE_API_URL=https://develop.li.quest/v1
+# Set VITE_API_KEY in .env.dev.local (git-ignored)

packages/widget-playground-vite/.env.staging

@@ -0,0 +1,2 @@
+VITE_API_URL=https://staging.li.quest/v1
+# Set VITE_API_KEY in .env.staging.local (git-ignored)

packages/widget-playground-vite/package.json

@@ -5,6 +5,8 @@
   "scripts": {
     "analyze": "source-map-explorer 'dist/assets/*.js' --no-border-checks",
     "dev": "vite",
+    "dev:dev": "vite --mode dev",
+    "dev:staging": "vite --mode staging",
     "build": "tsc && vite build",
     "clean": "rm -rf dist tsconfig.tsbuildinfo",
     "preview": "vite preview",

packages/widget-playground-vite/src/App.tsx

@@ -48,3 +48,14 @@ if (!import.meta.env.VITE_EVM_WALLET_CONNECT) {
     'VITE_EVM_WALLET_CONNECT is require in your .env.local file for external wallet management'
   )
 }
+
+if (
+  import.meta.env.MODE !== 'development' &&
+  import.meta.env.MODE !== 'production' &&
+  !import.meta.env.VITE_API_KEY
+) {
+  throw new Error(
+    `VITE_API_KEY is required when running in "${import.meta.env.MODE}" mode. ` +
+      `Please set it in your .env.${import.meta.env.MODE}.local file.`
+  )
+}

packages/widget-playground/src/defaultWidgetConfig.ts

@@ -53,6 +53,9 @@ export const widgetBaseConfig: WidgetConfig = {
   //   },
   // },
   integrator: 'li.fi-playground',
+  ...(import.meta.env.VITE_API_KEY && {
+    apiKey: import.meta.env.VITE_API_KEY,
+  }),
   // fee: 0.01,
   // feeConfig: {
   //   name: 'DApp fee',
@@ -74,7 +77,7 @@ export const widgetBaseConfig: WidgetConfig = {
   // usePartialWalletManagement: true,
   // },
   sdkConfig: {
-    apiUrl: 'https://li.quest/v1',
+    apiUrl: import.meta.env.VITE_API_URL || 'https://li.quest/v1',
     preloadChains: false,
     rpcUrls: {
       [ChainId.SOL]: [

packages/widget-playground/src/env.d.ts

@@ -0,0 +1,12 @@
+declare global {
+  interface ImportMetaEnv {
+    readonly VITE_API_URL?: string
+    readonly VITE_API_KEY?: string
+  }
+
+  interface ImportMeta {
+    readonly env: ImportMetaEnv
+  }
+}
+
+export {}