···

       
101
       
 
       


     

       
102
       
 
       
- **Production API**: `https://api.slices.network/graphql`

     

       
103
       
 
       
- **Slice**:

     

       
104
       
-
       
  `at://did:plc:fpruhuo22xkm5o7ttr2ktxdo/network.slices.slice/3m257yljpbg2a`

     

       
105
       
 
       


     

       
106
       
 
       
## Scripts

     

       
107
       
 
       


     

···

       
101
       
 
       


     

       
102
       
 
       
- **Production API**: `https://api.slices.network/graphql`

     

       
103
       
 
       
- **Slice**:

     

       
104
       
+
       
  `at://did:plc:n2sgrmrxjell7f5oa5ruwlyl/network.slices.slice/3m5d5dfs3oy26`

     

       
105
       
 
       


     

       
106
       
 
       
## Scripts

     

       
107
       
 
       


     

···

       
8
       
 
       
    "build": "tsc -b && vite build",

     

       
9
       
 
       
    "lint": "eslint .",

     

       
10
       
 
       
    "preview": "vite preview",

     

       
11
       
-
       
    "schema:dev": "npx get-graphql-schema 'http://localhost:3000/graphql?slice=at://did:plc:fpruhuo22xkm5o7ttr2ktxdo/network.slices.slice/3m257yljpbg2a' > schema.graphql",

     

       
12
       
-
       
    "schema:prod": "npx get-graphql-schema 'https://api.slices.network/graphql?slice=at://did:plc:fpruhuo22xkm5o7ttr2ktxdo/network.slices.slice/3m257yljpbg2a' > schema.graphql"

     

       
13
       
 
       
  },

     

       
14
       
 
       
  "dependencies": {

     

       
15
       
 
       
    "graphql-ws": "^6.0.6",

     

···

       
8
       
 
       
    "build": "tsc -b && vite build",

     

       
9
       
 
       
    "lint": "eslint .",

     

       
10
       
 
       
    "preview": "vite preview",

     

       
11
       
+
       
    "schema:dev": "npx get-graphql-schema 'http://localhost:3000/graphql?slice=at://did:plc:n2sgrmrxjell7f5oa5ruwlyl/network.slices.slice/3m5d5dfs3oy26' > schema.graphql",

     

       
12
       
+
       
    "schema:prod": "npx get-graphql-schema 'https://api.slices.network/graphql?slice=at://did:plc:n2sgrmrxjell7f5oa5ruwlyl/network.slices.slice/3m5d5dfs3oy26' > schema.graphql"

     

       
13
       
 
       
  },

     

       
14
       
 
       
  "dependencies": {

     

       
15
       
 
       
    "graphql-ws": "^6.0.6",

     

···

       
1
       
 
       
import { StrictMode, Suspense } from "react";

     

       
2
       
 
       
import { createRoot } from "react-dom/client";

     

       
3
       
-
       
import { BrowserRouter, Routes, Route } from "react-router-dom";

     

       
4
       
 
       
import "./index.css";

     

       
5
       
 
       
import App from "./App.tsx";

     

       
6
       
 
       
import Profile from "./Profile.tsx";

     
···

       
10
       
 
       
import { RelayEnvironmentProvider } from "react-relay";

     

       
11
       
 
       
import {

     

       
12
       
 
       
  Environment,

     

       
13
       
-
       
  Network,

     

       
14
       
 
       
  type FetchFunction,

     

       
0
       
 
       

     

       
0
       
 
       

     

       
15
       
 
       
  Observable,

     

       
16
       
 
       
  type SubscribeFunction,

     

       
17
       
-
       
  type GraphQLResponse,

     

       
18
       
 
       
} from "relay-runtime";

     

       
19
       
 
       
import { createClient } from "graphql-ws";

     

       
20
       
 
       


     

       
21
       
 
       
const HTTP_ENDPOINT =

     

       
22
       
-
       
  "https://api.slices.network/graphql?slice=at://did:plc:fpruhuo22xkm5o7ttr2ktxdo/network.slices.slice/3m257yljpbg2a";

     

       
23
       
 
       


     

       
24
       
 
       
const WS_ENDPOINT =

     

       
25
       
-
       
  "wss://api.slices.network/graphql/ws?slice=at://did:plc:fpruhuo22xkm5o7ttr2ktxdo/network.slices.slice/3m257yljpbg2a";

     

       
26
       
 
       


     

       
27
       
 
       
const fetchGraphQL: FetchFunction = async (request, variables) => {

     

       
28
       
 
       
  const resp = await fetch(HTTP_ENDPOINT, {

     
···

       
78
       
 
       
            sink.error(error);

     

       
79
       
 
       
          } else if (error instanceof CloseEvent) {

     

       
80
       
 
       
            sink.error(

     

       
81
       
-
       
              new Error(`WebSocket closed: ${error.code} ${error.reason}`)

     

       
82
       
 
       
            );

     

       
83
       
 
       
          } else {

     

       
84
       
 
       
            sink.error(new Error(JSON.stringify(error)));

     

       
85
       
 
       
          }

     

       
86
       
 
       
        },

     

       
87
       
 
       
        complete: () => sink.complete(),

     

       
88
       
-
       
      }

     

       
89
       
 
       
    );

     

       
90
       
 
       
  });

     

       
91
       
 
       
};

     
···

       
110
       
 
       
        </Suspense>

     

       
111
       
 
       
      </RelayEnvironmentProvider>

     

       
112
       
 
       
    </BrowserRouter>

     

       
113
       
-
       
  </StrictMode>

     

       
114
       
 
       
);

     

···

       
1
       
 
       
import { StrictMode, Suspense } from "react";

     

       
2
       
 
       
import { createRoot } from "react-dom/client";

     

       
3
       
+
       
import { BrowserRouter, Route, Routes } from "react-router-dom";

     

       
4
       
 
       
import "./index.css";

     

       
5
       
 
       
import App from "./App.tsx";

     

       
6
       
 
       
import Profile from "./Profile.tsx";

     
···

       
10
       
 
       
import { RelayEnvironmentProvider } from "react-relay";

     

       
11
       
 
       
import {

     

       
12
       
 
       
  Environment,

     

       
0
       
 
       

     

       
13
       
 
       
  type FetchFunction,

     

       
14
       
+
       
  type GraphQLResponse,

     

       
15
       
+
       
  Network,

     

       
16
       
 
       
  Observable,

     

       
17
       
 
       
  type SubscribeFunction,

     

       
0
       
 
       

     

       
18
       
 
       
} from "relay-runtime";

     

       
19
       
 
       
import { createClient } from "graphql-ws";

     

       
20
       
 
       


     

       
21
       
 
       
const HTTP_ENDPOINT =

     

       
22
       
+
       
  "https://api.slices.network/graphql?slice=at://did:plc:n2sgrmrxjell7f5oa5ruwlyl/network.slices.slice/3m5d5dfs3oy26";

     

       
23
       
 
       


     

       
24
       
 
       
const WS_ENDPOINT =

     

       
25
       
+
       
  "wss://api.slices.network/graphql/ws?slice=at://did:plc:n2sgrmrxjell7f5oa5ruwlyl/network.slices.slice/3m5d5dfs3oy26";

     

       
26
       
 
       


     

       
27
       
 
       
const fetchGraphQL: FetchFunction = async (request, variables) => {

     

       
28
       
 
       
  const resp = await fetch(HTTP_ENDPOINT, {

     
···

       
78
       
 
       
            sink.error(error);

     

       
79
       
 
       
          } else if (error instanceof CloseEvent) {

     

       
80
       
 
       
            sink.error(

     

       
81
       
+
       
              new Error(`WebSocket closed: ${error.code} ${error.reason}`),

     

       
82
       
 
       
            );

     

       
83
       
 
       
          } else {

     

       
84
       
 
       
            sink.error(new Error(JSON.stringify(error)));

     

       
85
       
 
       
          }

     

       
86
       
 
       
        },

     

       
87
       
 
       
        complete: () => sink.complete(),

     

       
88
       
+
       
      },

     

       
89
       
 
       
    );

     

       
90
       
 
       
  });

     

       
91
       
 
       
};

     
···

       
110
       
 
       
        </Suspense>

     

       
111
       
 
       
      </RelayEnvironmentProvider>

     

       
112
       
 
       
    </BrowserRouter>

     

       
113
       
+
       
  </StrictMode>,

     

       
114
       
 
       
);