fix(#392 | typesync api): move @graphprotocol/typesync Mapping api into @graphprotocol/hypergraph (#393)

Author: cmwhited

apps/connect/CHANGELOG.md

@@ -1,5 +1,12 @@
 # connect
 
+## 0.1.1
+### Patch Changes
+
+- Updated dependencies [8622688]
+  - @graphprotocol/hypergraph-react@1.0.0
+  - @graphprotocol/hypergraph@0.2.0
+
 ## 0.1.0
 ### Patch Changes
 

apps/connect/package.json

@@ -1,7 +1,7 @@
 {
   "name": "connect",
   "private": true,
-  "version": "0.1.0",
+  "version": "0.1.1",
   "type": "module",
   "scripts": {
     "dev": "vite --force",

apps/events/package.json

@@ -11,7 +11,6 @@
     "@graphprotocol/grc-20": "^0.21.6",
     "@graphprotocol/hypergraph": "workspace:*",
     "@graphprotocol/hypergraph-react": "workspace:*",
-    "@graphprotocol/typesync": "workspace:*",
     "@noble/hashes": "^1.8.0",
     "@radix-ui/react-avatar": "^1.1.9",
     "@radix-ui/react-icons": "^1.3.2",

apps/events/src/mapping.ts

@@ -1,7 +1,7 @@
 import { Id } from '@graphprotocol/grc-20';
-import type { Mapping } from '@graphprotocol/typesync/Mapping';
+import type { Mapping } from '@graphprotocol/hypergraph';
 
-export const mapping: Mapping = {
+export const mapping: Mapping.Mapping = {
   Event: {
     typeIds: [Id.Id('7f9562d4-034d-4385-bf5c-f02cdebba47a')],
     properties: {

apps/server/CHANGELOG.md

@@ -1,5 +1,11 @@
 # server
 
+## 0.1.1
+### Patch Changes
+
+- Updated dependencies [8622688]
+  - @graphprotocol/hypergraph@0.2.0
+
 ## 0.1.0
 ### Patch Changes
 

apps/server/package.json

@@ -1,6 +1,6 @@
 {
   "name": "server",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "private": true,
   "type": "module",
   "scripts": {

packages/hypergraph-react/CHANGELOG.md

@@ -1,5 +1,30 @@
 # @graphprotocol/hypergraph-react
 
+## 1.0.0
+### Minor Changes
+
+- 8622688: Move @graphprotocol/typesync Mapping and Utils into @graphprotocol/hypergraph package and export from there. Update @graphprotocol/hypergraph-react to use mapping from @graphprotocol/hypergraph.
+  
+  
+  ## Changes needed
+  
+  Any use of `@graphprotocol/typesync` should use the exported mapping and utils from `@graphprotocol/hypergraph` instead.
+  
+  ### Example
+  
+  ```ts
+  // before
+  import type { Mapping } from '@graphprotocol/typesync/Mapping'
+  
+  // after
+  import type { Mapping } from '@graphprotocol/hypergraph/mapping'
+  ```
+
+### Patch Changes
+
+- Updated dependencies [8622688]
+  - @graphprotocol/hypergraph@0.2.0
+
 ## 0.1.0
 ### Patch Changes
 

packages/hypergraph-react/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@graphprotocol/hypergraph-react",
-  "version": "0.1.0",
+  "version": "1.0.0",
   "description": "React implementation and additional functionality, components, and hooks for the hypergraph SDK framework",
   "keywords": [
     "Web3",
@@ -31,12 +31,10 @@
   },
   "peerDependencies": {
     "@graphprotocol/hypergraph": "workspace:*",
-    "@graphprotocol/typesync": "workspace:*",
     "react": "^18.0.0 || ^19.0.0"
   },
   "devDependencies": {
     "@graphprotocol/hypergraph": "workspace:*",
-    "@graphprotocol/typesync": "workspace:*",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.3.0",
     "@types/react": "^19.1.3",

packages/hypergraph-react/src/HypergraphAppContext.tsx

@@ -15,13 +15,13 @@ import {
   Inboxes,
   type InboxMessageStorageEntry,
   Key,
+  type Mapping,
   Messages,
   SpaceEvents,
   type SpaceStorageEntry,
   store,
   Utils,
 } from '@graphprotocol/hypergraph';
-import type { Mapping } from '@graphprotocol/typesync/Mapping';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import { useSelector as useSelectorStore } from '@xstate/store/react';
 import { Effect, Exit } from 'effect';
@@ -219,7 +219,7 @@ export type HypergraphAppProviderProps = Readonly<{
   syncServerUri?: string;
   chainId?: number;
   children: ReactNode;
-  mapping: Mapping;
+  mapping: Mapping.Mapping;
   appId: string;
 }>;
 

packages/hypergraph-react/src/internal/use-query-public.tsx

@@ -1,6 +1,5 @@
 import { Graph } from '@graphprotocol/grc-20';
-import { type Entity, store, Type } from '@graphprotocol/hypergraph';
-import type { Mapping, MappingEntry } from '@graphprotocol/typesync/Mapping';
+import { type Entity, type Mapping, store, Type } from '@graphprotocol/hypergraph';
 import { useQuery as useQueryTanstack } from '@tanstack/react-query';
 import { useSelector } from '@xstate/store/react';
 import * as Either from 'effect/Either';
@@ -172,8 +171,8 @@ const convertPropertyValue = (
 const convertRelations = <S extends Entity.AnyNoContext>(
   queryEntity: RecursiveQueryEntity,
   type: S,
-  mappingEntry: MappingEntry,
-  mapping: Mapping,
+  mappingEntry: Mapping.MappingEntry,
+  mapping: Mapping.Mapping,
 ) => {
   const rawEntity: Record<string, string | boolean | number | unknown[] | Date> = {};
 
@@ -251,8 +250,8 @@ const convertRelations = <S extends Entity.AnyNoContext>(
 export const parseResult = <S extends Entity.AnyNoContext>(
   queryData: EntityQueryResult,
   type: S,
-  mappingEntry: MappingEntry,
-  mapping: Mapping,
+  mappingEntry: Mapping.MappingEntry,
+  mapping: Mapping.Mapping,
 ) => {
   const decode = Schema.decodeUnknownEither(type);
   const data: Entity.Entity<S>[] = [];