feat(#354 | create-hypergraph-app): add missing mapping.ts and main.tsx entrypoint

Author: cmwhited

apps/create-hypergraph-app/template-vite-react/src/main.tsx

@@ -0,0 +1,31 @@
+import { HypergraphAppProvider } from '@graphprotocol/hypergraph-react';
+import { RouterProvider, createRouter } from '@tanstack/react-router';
+import ReactDOM from 'react-dom/client';
+import './index.css';
+import { mapping } from './mapping';
+
+// Import the generated route tree
+import { routeTree } from './routeTree.gen';
+
+// Create a new router instance
+const router = createRouter({ routeTree });
+
+// Register the router instance for type safety
+declare module '@tanstack/react-router' {
+  interface Register {
+    router: typeof router;
+  }
+}
+
+// Render the app
+const rootElement = document.getElementById('root');
+if (rootElement && !rootElement.innerHTML) {
+  const root = ReactDOM.createRoot(rootElement);
+  root.render(
+    // <React.StrictMode>
+    <HypergraphAppProvider mapping={mapping}>
+      <RouterProvider router={router} />
+    </HypergraphAppProvider>,
+    // </React.StrictMode>,
+  );
+}

apps/create-hypergraph-app/template-vite-react/src/mapping.ts

@@ -0,0 +1,18 @@
+import { Id } from '@graphprotocol/grc-20';
+import type { Mapping } from '@graphprotocol/hypergraph';
+
+export const mapping: Mapping = {
+  Address: {
+    typeIds: [Id.Id('5c6e72fb-8340-47c0-8281-8be159ecd495')],
+    properties: {
+      name: Id.Id('a126ca53-0c8e-48d5-b888-82c734c38935'),
+      description: Id.Id('9b1f76ff-9711-404c-861e-59dc3fa7d037'),
+    },
+  },
+  Project: {
+    typeIds: [Id.Id('484a18c5-030a-499c-b0f2-ef588ff16d50')],
+    properties: {
+      name: Id.Id('a126ca53-0c8e-48d5-b888-82c734c38935'),
+    },
+  },
+};