feat: ffi

packages/website-ue/package.json

@@ -20,18 +20,22 @@
     "@radix-ui/themes": "^3.1.4",
     "@react-three/drei": "^9.115.0",
     "@react-three/fiber": "^8.17.10",
+    "@types/ffi-napi": "^4.0.10",
     "@types/lodash-es": "^4.17.12",
     "@types/react": "^19.1.5",
     "@types/react-dom": "^19.1.5",
+    "@types/ref-napi": "^3.0.12",
     "@types/semver": "^7.7.0",
     "@types/three": "^0.160.0",
     "astro": "^5.8.0",
+    "ffi-napi": "^4.0.3",
     "fuzzysort": "^3.1.0",
     "immer": "^10.1.1",
     "lodash-es": "^4.17.21",
     "minimatch": "^10.0.1",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
+    "ref-napi": "^3.0.3",
     "semver": "^7.7.2",
     "sharp": "^0.34.2",
     "three": "^0.169.0",

packages/website-ue/src/pages/internal/_index.tsx

@@ -22,6 +22,15 @@ export function Page() {
             </Table.Cell>
           </Table.Row>
 
+          <Table.Row>
+            <Table.Cell>
+              <Link href="internal/ffi">Client</Link>
+            </Table.Cell>
+            <Table.Cell>
+              Location and information of the currently mounted client
+            </Table.Cell>
+          </Table.Row>
+
           <Table.Row>
             <Table.Cell>
               <Link href="/internal/bindings">Bindings</Link>

packages/website-ue/src/pages/internal/ffi/_index.tsx

@@ -1,9 +1,11 @@
 import { PageWrapper } from 'packages/website-ue/src/components/PageWrapper';
+import { ffi } from 'packages/website-ue/src/core/blitzkit/ffi';
 
 export function Page() {
   return (
     <PageWrapper align="center" justify="center">
-      🔴 Unmounted
+      🟢 {ffi.echo(new Date().toLocaleString())}
+      <img src="https://i.imgflip.com/9wrr7u.gif" />
     </PageWrapper>
   );
 }