fix

packages/fastify-dx-react/package.json

@@ -5,14 +5,18 @@
   "type": "module",
   "main": "index.js",
   "name": "fastify-dx-react",
-  "version": "0.0.4",
+  "version": "0.0.5",
   "files": [
     "virtual/create.jsx",
+    "virtual/create.tsx",
     "virtual/root.jsx",
+    "virtual/root.tsx",
     "virtual/layouts.js",
     "virtual/layouts/default.jsx",
     "virtual/context.js",
+    "virtual/context.ts",
     "virtual/mount.js",
+    "virtual/mount.ts",
     "virtual/resource.js",
     "virtual/core.jsx",
     "virtual/routes.js",

packages/fastify-dx-react/virtual/context.ts

@@ -0,0 +1,4 @@
+// This file serves as a placeholder
+// if no context.js file is provided
+
+export default () => {}

packages/fastify-dx-react/virtual/resource.ts

@@ -0,0 +1,68 @@
+
+const fetchMap = new Map()
+const resourceMap = new Map()
+
+export function waitResource (path, id, promise) {
+  const resourceId = `${path}:${id}`
+  const loader = resourceMap.get(resourceId)
+  if (loader) {
+    if (loader.error) {
+      throw loader.error
+    }
+    if (loader.suspended) {
+      throw loader.promise
+    }
+    resourceMap.delete(resourceId)
+
+    return loader.result
+  } else {
+    const loader = {
+      suspended: true,
+      error: null,
+      result: null,
+      promise: null,
+    }
+    loader.promise = promise()
+      .then((result) => { loader.result = result })
+      .catch((loaderError) => { loader.error = loaderError })
+      .finally(() => { loader.suspended = false })
+
+    resourceMap.set(resourceId, loader)
+
+    return waitResource(path, id)
+  }
+}
+
+export function waitFetch (path) {
+  const loader = fetchMap.get(path)
+  if (loader) {
+    if (loader.error || loader.data?.statusCode === 500) {
+      if (loader.data?.statusCode === 500) {
+        throw new Error(loader.data.message)
+      }
+      throw loader.error
+    }
+    if (loader.suspended) {
+      throw loader.promise
+    }
+    fetchMap.delete(path)
+
+    return loader.data
+  } else {
+    const loader = {
+      suspended: true,
+      error: null,
+      data: null,
+      promise: null,
+    }
+    loader.promise = fetch(`/-/data${path}`)
+      .then((response) => response.json())
+      .then((loaderData) => { loader.data = loaderData })
+      .catch((loaderError) => { loader.error = loaderError })
+      .finally(() => { loader.suspended = false })
+
+    fetchMap.set(path, loader)
+
+    return waitFetch(path)
+  }
+}

starters/react/package.json

@@ -10,7 +10,7 @@
     "lint": "eslint . --ext .js,.jsx --fix"
   },
   "dependencies": {
-    "fastify-dx-react": "^0.0.3",
+    "fastify-dx-react": "^0.0.4",
     "fastify-vite": "^3.0.0-beta.23",
     "ky-universal": "^0.10.1"
   },