{props.children}
4 | );
5 | }
6 |
--------------------------------------------------------------------------------
/graphql-otel.com/src/components/Footer.tsx:
--------------------------------------------------------------------------------
1 | import { Container } from "./Container";
2 |
3 | export function Footer() {
4 | return (
5 |
21 | );
22 | }
23 |
--------------------------------------------------------------------------------
/graphql-otel.com/src/components/GettingStarted.tsx:
--------------------------------------------------------------------------------
1 | import { examplepatientsfail, logo } from "../images";
2 | import { Contact } from "./Contact";
3 | import { Container } from "./Container";
4 |
5 | export function GettingStarted() {
6 | return (
7 |
8 |
9 |
73 |
74 | );
75 | }
76 |
--------------------------------------------------------------------------------
/graphql-otel.com/src/components/Header.tsx:
--------------------------------------------------------------------------------
1 | import { githubwhite, logo, npmwhite } from "../images";
2 | import { Container } from "./Container";
3 |
4 | export function Header() {
5 | return (
6 |
10 |
72 |
11 |
42 |
43 |
12 |
37 |
38 | Getting Started
13 |14 | To get started follow to the{" "} 15 | 19 | README file in the Github repo. 20 | 21 |
-
22 |
- 23 | 27 | https://github.com/rocket-connect/graphql-otel 28 | 29 | 30 |
34 | 
35 |
36 |
39 | 
40 |
41 |
44 |
45 | 46 |
70 |
71 | 45 | 46 |
47 |
68 |
69 | Need More Help?
48 | 49 |50 | We provide specialized support for GraphQL API's. 51 |
52 | 53 |Contact us to setup a call.
54 | 55 |56 | 60 | https://rocketconnect.co.uk 61 | 62 |
63 | 64 |
65 |
67 | 70 |
7 |
8 |
29 |
30 |
31 | );
32 | }
33 |
--------------------------------------------------------------------------------
/graphql-otel.com/src/components/Intro.tsx:
--------------------------------------------------------------------------------
1 | import { examplepatients } from "../images";
2 | import { Container } from "./Container";
3 |
4 | export function Intro() {
5 | return (
6 |
7 |
8 |
32 |
33 |
34 | );
35 | }
36 |
--------------------------------------------------------------------------------
/graphql-otel.com/src/components/Supported.tsx:
--------------------------------------------------------------------------------
1 | import { miticon, otelicon, rocketconnect, typescripticon } from "../images";
2 | import { Container } from "./Container";
3 |
4 | const supported = [
5 | {
6 | name: "Compliant",
7 | content: "Spec compliant with all Opentelemetry tools.",
8 | img: otelicon,
9 | link: "https://opentelemetry.io/",
10 | },
11 | {
12 | name: "Typescript",
13 | content: "Written in Typescript and published to NPM.",
14 | img: typescripticon,
15 | link: "https://www.typescriptlang.org/",
16 | },
17 | {
18 | name: "MIT",
19 | content: "Open Source and hosted on Github.",
20 | img: miticon,
21 | link: "https://github.com/rocket-connect/graphql-otel",
22 | },
23 | {
24 | name: "Supported",
25 | content: "Backed and built by Rocket Connect.",
26 | img: rocketconnect,
27 | link: "https://rocketconnect.co.uk/",
28 | },
29 | ];
30 |
31 | export function Supported() {
32 | return (
33 |
9 |
31 |
10 |
26 |
27 | 11 | GraphQL OTEL 12 |
13 |14 | Trace your GraphQL API with OpenTelemetry. 15 |
16 | 25 |
28 | 
29 |
30 | 32 |
34 |
35 |
49 |
50 | );
51 | }
52 |
--------------------------------------------------------------------------------
/graphql-otel.com/src/config.ts:
--------------------------------------------------------------------------------
1 | export const API_URL = process.env.API_URL;
2 |
--------------------------------------------------------------------------------
/graphql-otel.com/src/images.tsx:
--------------------------------------------------------------------------------
1 | // @ts-ignore
2 | export { default as logo } from "../public/logo.svg";
3 | // @ts-ignore
4 | export { default as code } from "../public/code.svg";
5 | // @ts-ignore
6 | export { default as rocketconnect } from "../public/rocket-connect.svg";
7 | // @ts-ignore
8 | export { default as githubwhite } from "../public/github-white.svg";
9 | // @ts-ignore
10 | export { default as npmwhite } from "../public/npm-white.svg";
11 | // @ts-ignore
12 | export { default as miticon } from "../public/mit-icon.svg";
13 | // @ts-ignore
14 | export { default as otelicon } from "../public/otel-icon.svg";
15 | // @ts-ignore
16 | export { default as typescripticon } from "../public/typescript-icon.svg";
17 | // @ts-ignore
18 | export { default as examplepatients } from "../public/example-patients.svg";
19 | // @ts-ignore
20 | export { default as examplepatientsfail } from "../public/example-patients-fail.svg";
21 |
--------------------------------------------------------------------------------
/graphql-otel.com/src/index.css:
--------------------------------------------------------------------------------
1 | @tailwind base;
2 | @tailwind components;
3 | @tailwind utilities;
4 |
5 | * {
6 | font-family: Roboto-Regular, sans-serif;
7 | }
8 |
9 | @font-face {
10 | font-family: "Roboto";
11 | src: url("../public/fonts/Roboto-Regular.ttf");
12 | font-weight: normal;
13 | font-style: normal;
14 | }
15 |
16 | @font-face {
17 | font-family: "Roboto";
18 | src: url("../public/fonts/Roboto-Italic.ttf");
19 | font-weight: normal;
20 | font-style: italic;
21 | }
22 |
23 | @font-face {
24 | font-family: "Roboto";
25 | src: url("../public/fonts/Roboto-Bold.ttf");
26 | font-weight: bold;
27 | font-style: normal;
28 | }
29 |
30 | .gradient-background {
31 | background: radial-gradient(ellipse at center, #231f20 0%, #090a0f 100%);
32 | }
33 |
--------------------------------------------------------------------------------
/graphql-otel.com/src/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
19 |
20 |
21 |
22 |
23 |
27 |
28 |
29 |
30 |
36 | {supported.map((item) => (
37 |
46 | ))}
47 |
48 |