✨ render NFD banners

♻️refactor to library
♻️refactor shadcn components to Astro

Author: PhearZero

.db/db.json .db/nfds.json

@@ -5,11 +5,10 @@
   "scripts": {
     "dev": "astro dev",
     "build": "astro build",
-    "preview": "npm run generate && astro build && wrangler pages dev",
+    "preview": "astro build && wrangler pages dev",
     "astro": "astro",
     "deploy": "npm run generate && astro build && wrangler pages deploy",
-    "cf-typegen": "wrangler types",
-    "generate": "npx @hey-api/openapi-ts -c @hey-api/client-fetch -i https://api.nf.domains/info/openapi3.yaml -o ./src/lib/nfd/client"
+    "cf-typegen": "wrangler types"
   },
   "dependencies": {
     "@astrojs/cloudflare": "^12.2.1",
@@ -18,7 +17,10 @@
     "@astrojs/rss": "^4.0.11",
     "@astrojs/sitemap": "^3.2.1",
     "@astrojs/tailwind": "^5.1.5",
-    "@hey-api/client-fetch": "^0.7.1",
+    "@awesome-algorand/ipfs-toolkit": "^0.0.1-experimental.1",
+    "@awesome-algorand/nfd-fetch": "^0.0.1-experimental.3",
+    "@awesome-algorand/nfd-toolkit": "^0.0.1-experimental.1",
+    "@hey-api/client-fetch": "^0.7.0",
     "@radix-ui/react-avatar": "^1.1.2",
     "@radix-ui/react-dropdown-menu": "^2.1.5",
     "@radix-ui/react-navigation-menu": "^1.2.4",
@@ -40,7 +42,8 @@
     "react-dom": "^19.0.0",
     "tailwind-merge": "^2.6.0",
     "tailwindcss": "^3.4.17",
-    "tailwindcss-animate": "^1.0.7"
+    "tailwindcss-animate": "^1.0.7",
+    "world-geojson": "^3.1.1"
   },
   "devDependencies": {
     "@cloudflare/workers-types": "^4.20250124.3",

package-lock.json

@@ -0,0 +1,40 @@
+/**
+ * This script is used to cache data based on geographic location.
+ * TODO: Think about if this is a good idea or not. It gets political quickly
+ */
+import * as world from "world-geojson";
+import * as turf from '@turf/turf'
+
+import geoJson from '../src/layers/nfds.geo.json'
+import type { Feature } from "geojson";
+
+// FS Tools
+import fs from "fs";
+import { dirname } from "path";
+import { fileURLToPath } from "url";
+const __dirname = dirname(fileURLToPath(import.meta.url));
+
+
+// EXAMPLE UNIONS:
+// The European Union: A union of member states
+// The Eurasian Economic Union: A transcontinental union of states from Europe and Asia
+// The Association of Southeast Asian Nations (ASEAN): A political union
+// The Asia-Pacific Economic Cooperation Forum: A political union
+// The Pacific Islands Forum: A political union
+// The North Atlantic Treaty Organization (NATO): A political union of member states
+// The African Union: A political union
+
+// This is an example of how to use the world-geojson package and turf to filter out only the features that are within the USA
+const usaPoly = turf.polygon(world.forCountry('USA').features[0].geometry.coordinates)
+
+let usaFeatures = turf.featureCollection([])
+geoJson.features.forEach((feature) => {
+  const point = turf.point(feature.geometry.coordinates)
+  const res = turf.pointsWithinPolygon(point, usaPoly)
+  if(res.features.length > 0) {
+    usaFeatures.features.push(feature as Feature)
+  }
+})
+
+
+console.log(usaFeatures)

package.json

@@ -0,0 +1,44 @@
+import fs from "fs";
+import { dirname, resolve } from "path";
+import { fileURLToPath } from "url";
+import {type NfdRecordCollection} from '@awesome-algorand/nfd-fetch'
+import { type NfdGeoProperties, toFeatureCollection } from "@awesome-algorand/nfd-toolkit";
+import {
+  fetchAll,
+  totals,
+} from "@/lib/nfd";
+import type { FeatureCollection, Point } from "geojson";
+
+
+const __dirname = dirname(fileURLToPath(import.meta.url));
+export const NFD_CACHE = resolve(__dirname, '../.db/nfds.json')
+export const NFD_GEOJSON = resolve(__dirname, '../src/layers/nfds.geo.json')
+
+let data: NfdRecordCollection;
+if (fs.existsSync(NFD_CACHE) && process.env.FORCE_DOWNLOAD !== "true") {
+  data = JSON.parse(fs.readFileSync(NFD_CACHE, "utf8"));
+} else {
+  const total = await totals();
+  data = await fetchAll(total.total);
+
+  // Backup data
+  fs.writeFileSync(NFD_CACHE, JSON.stringify(data, null, 2));
+}
+
+// Load the existing geojson
+let geo: FeatureCollection<Point, NfdGeoProperties> = fs.existsSync(NFD_GEOJSON) && process.env.FORCE_DOWNLOAD !== "true" ?
+  JSON.parse(fs.readFileSync(NFD_GEOJSON, "utf8")) :
+  {
+    type: "FeatureCollection",
+    features: []
+  }
+
+// Update the resources
+const geoJson = await toFeatureCollection(data, geo.features);
+// Filter out invalid coordinates
+
+geoJson.features = geoJson.features.filter((pin: any) =>
+    pin.geometry.coordinates[0] !== -40 && pin.geometry.coordinates[1] !== 25,
+);
+// Write to disk
+fs.writeFileSync(NFD_GEOJSON, JSON.stringify(geoJson, null, 2));

public/blog-placeholder-1.jpg public/blog/placeholder-1.jpg

@@ -0,0 +1,42 @@
+/**
+ * This script downloads the latest list of relay nodes from the awesome-algorand repository,
+ * translates them to GeoJSON and caches it to the src/layers/relays.geo.json file
+ */
+
+import fs from 'fs'
+import { dirname, resolve } from 'path';
+import { fileURLToPath } from 'url';
+import * as turf from '@turf/turf'
+
+const __dirname = dirname(fileURLToPath(import.meta.url));
+
+const RELAY_URL = 'https://raw.githubusercontent.com/awesome-algorand/awesome-algorand/stats/.github/scripts/relay_nodes.json'
+const RELAY_CACHE = resolve(__dirname, '../src/layers/relays.geo.json')
+
+type RelayRecord = {
+  "lat": number,
+  "lon": number,
+  "countryCode": string,
+  "country": string,
+  "city": string,
+  "domain": string,
+  "ip": string
+}
+
+let data
+if( fs.existsSync(RELAY_CACHE) && process.env.FORCE_DOWNLOAD !== 'true' ) {
+  data = JSON.parse(fs.readFileSync(RELAY_CACHE, 'utf8'))
+} else {
+  data = await fetch(RELAY_URL).then(res => res.json())
+  data = turf.featureCollection(data.map((relay: RelayRecord)=>{
+      return turf.point([relay.lon, relay.lat], {
+        countryCode: relay.countryCode,
+        name: relay.city,
+        country: relay.country,
+        domain: relay.domain,
+        ip: relay.ip
+      })
+  }))
+  fs.writeFileSync(RELAY_CACHE, JSON.stringify(data, null, 2))
+}
+