@1001-digital/layers.evm 1.0.6 → 1.0.7

package/.env.example

@@ -1,4 +1,9 @@
 NUXT_PUBLIC_EVM_WALLET_CONNECT_PROJECT_ID=""
+
 NUXT_PUBLIC_EVM_CHAINS_MAINNET_RPC1=""
 NUXT_PUBLIC_EVM_CHAINS_MAINNET_RPC2=""
 NUXT_PUBLIC_EVM_CHAINS_MAINNET_RPC3=""
+
+NUXT_PUBLIC_EVM_ENS_INDEXER1=""
+NUXT_PUBLIC_EVM_ENS_INDEXER2=""
+NUXT_PUBLIC_EVM_ENS_INDEXER3=""

package/app/composables/gasPrice.ts

@@ -0,0 +1,36 @@
+import type { WatchStopHandle } from 'vue'
+import { formatEther, formatGwei } from 'viem'
+import { getGasPrice } from '@wagmi/core'
+import { useConfig, useBlockNumber } from '@wagmi/vue'
+
+let priceWatcher: WatchStopHandle | null = null
+const price: Ref<bigint> = ref(0n)
+
+export const useGasPrice = () => {
+  const config = useConfig()
+  const { data: blockNumber } = useBlockNumber()
+
+  const updatePrice = async () => {
+    price.value = await getGasPrice(config)
+  }
+
+  if (!priceWatcher) {
+    updatePrice()
+    priceWatcher = watch(blockNumber, () => updatePrice())
+  }
+
+  const unitPrice = computed(() => ({
+    wei: price.value,
+    gwei: formatGwei(price.value),
+    eth: formatEther(price.value),
+
+    formatted: {
+      gwei: price.value > 2_000_000_000_000n
+        ? Math.round(parseFloat(formatGwei(price.value)))
+        : parseFloat(formatGwei(price.value)).toFixed(1),
+      eth: formatEther(price.value),
+    },
+  }))
+
+  return unitPrice
+}

package/app/composables/priceFeed.ts

@@ -0,0 +1,103 @@
+import { readContract } from '@wagmi/core'
+
+const CHAINLINK_ETH_USD_ABI = [
+  {
+    inputs: [],
+    name: 'latestRoundData',
+    outputs: [
+      { internalType: 'uint80', name: 'roundId', type: 'uint80' },
+      { internalType: 'int256', name: 'answer', type: 'int256' },
+      { internalType: 'uint256', name: 'startedAt', type: 'uint256' },
+      { internalType: 'uint256', name: 'updatedAt', type: 'uint256' },
+      { internalType: 'uint80', name: 'answeredInRound', type: 'uint80' },
+    ],
+    stateMutability: 'view',
+    type: 'function',
+  },
+] as const
+
+const CHAINLINK_ETH_USD = '0x5f4eC3Df9cbd43714FE2740f5E3616155c5b8419'
+const STORAGE_KEY = 'evm:price-feed'
+const CACHE_TTL = 3_600 // 1 hour in seconds
+
+interface PriceFeedState {
+  ethUSDRaw: bigint | null
+  lastUpdated: number
+}
+
+const state = reactive<PriceFeedState>({
+  ethUSDRaw: null,
+  lastUpdated: 0,
+})
+
+function loadFromStorage() {
+  if (!import.meta.client) return
+
+  try {
+    const stored = localStorage.getItem(STORAGE_KEY)
+    if (!stored) return
+
+    const parsed = parseJSON(stored) as PriceFeedState
+    if (parsed.ethUSDRaw) state.ethUSDRaw = parsed.ethUSDRaw
+    if (parsed.lastUpdated) state.lastUpdated = parsed.lastUpdated
+  } catch {
+    // Ignore corrupted storage
+  }
+}
+
+function saveToStorage() {
+  if (!import.meta.client) return
+
+  try {
+    localStorage.setItem(STORAGE_KEY, stringifyJSON({
+      ethUSDRaw: state.ethUSDRaw,
+      lastUpdated: state.lastUpdated,
+    }))
+  } catch {
+    // Ignore storage errors
+  }
+}
+
+export const usePriceFeed = () => {
+  const { $wagmi } = useNuxtApp()
+
+  // Load cached data on first use
+  if (!state.lastUpdated) loadFromStorage()
+
+  const ethUSD = computed(() => state.ethUSDRaw ? state.ethUSDRaw / BigInt(1e8) : 0n)
+  const ethUSC = computed(() => state.ethUSDRaw ? state.ethUSDRaw / BigInt(1e6) : 0n)
+  const ethUSDFormatted = computed(() => formatPrice(Number(ethUSC.value) / 100, 2))
+
+  const weiToUSD = (wei: bigint) => {
+    const cents = (wei * (state.ethUSDRaw || 0n)) / (10n ** 18n) / (10n ** 6n)
+    return formatPrice(Number(cents) / 100, 2)
+  }
+
+  async function fetchPrice() {
+    if (nowInSeconds() - state.lastUpdated < CACHE_TTL) return
+
+    try {
+      const [, answer] = await readContract($wagmi, {
+        address: CHAINLINK_ETH_USD,
+        abi: CHAINLINK_ETH_USD_ABI,
+        functionName: 'latestRoundData',
+        chainId: 1,
+      })
+
+      state.ethUSDRaw = answer
+      state.lastUpdated = nowInSeconds()
+      saveToStorage()
+    } catch (error) {
+      console.warn('Error fetching ETH/USD price:', error)
+    }
+  }
+
+  return {
+    ethUSDRaw: computed(() => state.ethUSDRaw),
+    ethUSD,
+    ethUSC,
+    ethUSDFormatted,
+    weiToUSD,
+    fetchPrice,
+  }
+}

package/app/plugins/price-feed.client.ts

@@ -0,0 +1,7 @@
+export default defineNuxtPlugin(() => {
+  const priceFeed = usePriceFeed()
+
+  priceFeed.fetchPrice()
+
+  setInterval(() => priceFeed.fetchPrice(), 60 * 60 * 1000)
+})

package/app/utils/price.ts

@@ -0,0 +1,15 @@
+const replacer = (_: string, value: unknown) => {
+  if (typeof value === 'bigint') return value.toString() + 'n'
+  return value
+}
+
+const reviver = (_: string, value: unknown) => {
+  if (typeof value === 'string' && /^\d+n$/.test(value)) return BigInt(value.slice(0, -1))
+  return value
+}
+
+export const stringifyJSON = (obj: unknown): string => JSON.stringify(obj, replacer)
+export const parseJSON = (json: string): unknown => JSON.parse(json, reviver)
+
+export const formatPrice = (num: number, digits: number = 2) =>
+  num?.toLocaleString('en-US', { maximumFractionDigits: digits })

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@1001-digital/layers.evm",
   "type": "module",
-  "version": "1.0.6",
+  "version": "1.0.7",
   "main": "./nuxt.config.ts",
   "devDependencies": {
     "@nuxt/eslint": "latest",
@@ -10,10 +10,10 @@
     "nuxt": "^4.3.0",
     "typescript": "^5.9.3",
     "vue": "latest",
-    "@1001-digital/layers.base": "^0.0.26"
+    "@1001-digital/layers.base": "^0.0.27"
   },
   "peerDependencies": {
-    "@1001-digital/layers.base": "^0.0.26"
+    "@1001-digital/layers.base": "^0.0.27"
   },
   "dependencies": {
     "@types/qrcode": "^1.5.6",