feat: stringify

Author: LunaticMuch

Diff for: example/pages/schema/[...type].tsx

@@ -1,6 +1,7 @@
 import { schemaParser } from "../../../lib/index.js";
 import { cwd } from "node:process";
 import Link from "next/link";
+import { TypeNameMetaFieldDef } from "graphql";
 
 // Initialize the schema parser reading from disk
 const t = new schemaParser(`${cwd()}/schema/schema.graphql`);
@@ -30,13 +31,48 @@ export default function Type({ typeInfo }) {
 		);
 	};
 
+	const fields = () => {
+		// const fields: object = Object.keys(typeInfo?.fields);
+
+		// Object.entries(typeInfo?.fields).forEach((entry) => {
+		// 	const [key, value] = entry;
+		// 	console.log(value.name, value.description);
+		// });
+
+		let rows = [];
+
+		Object.values(typeInfo?.fields).forEach((o) =>
+			rows.push(
+				<tr key={o.name}>
+					<td>{o.name}</td>
+					<td>{o.description}</td>
+				</tr>
+			)
+		);
+
+		return (
+			<>
+				<table className="gap-16 table-auto">
+					<thead>
+						<tr>
+							<th>Name</th>
+							<th>Description</th>
+						</tr>
+					</thead>
+					<tbody>{rows}</tbody>
+				</table>
+			</>
+		);
+	};
+
 	return (
 		<>
-			<div className="container grid h-screen grid-cols-2 p-16 text-gray-900">
-				<div className="w-1/4">{sidebar()}</div>
-				<div>
+			<div className="container grid h-screen grid-flow-col col-auto p-16 text-gray-900 bg-white">
+				<div className="">{sidebar()}</div>
+				<div className="">
 					<div className="text-3xl font-bold text-center">{typeInfo?.name}</div>
 					<div className="my-8 text-justify">{typeInfo?.description}</div>
+					<div>{fields()}</div>
 				</div>
 			</div>
 		</>
@@ -46,9 +82,10 @@ export default function Type({ typeInfo }) {
 export async function getStaticProps(context) {
 	const { type } = context.params;
 	const sidebar = t.getSidebar("schema");
+	//FIXME: the magic number sucks
 	const typeName = t.getTypename(type[1]);
 
-	console.log(typeName);
+	// console.log(typeName);
 
 	return {
 		props: {

Diff for: package-lock.json

@@ -58,6 +58,7 @@
 		"prettier": "^2.8.3",
 		"prettier-plugin-packagejson": "^2.4.2",
 		"rimraf": "^5.0.0",
+		"safe-stable-stringify": "^2.4.3",
 		"stringify-object": "^5.0.0",
 		"ts-node": "^10.9.1",
 		"typescript": "^4.9.0"

Diff for: package.json

@@ -3,7 +3,7 @@ type Author {
 	"The internal identifier of the author."
 	id: ID! # the ! means that every author object _must_ have an id
 	"The first name of the author. It might not be the legal name. It's just a name mate...."
-	firstName: String @deprecated(reason:"this is bad")
+	firstName: String @deprecated(reason: "this is bad")
 	"The last name of the author. It might be everything as we do not run Know Your Author."
 	lastName: String
 	"""
@@ -13,7 +13,7 @@ type Author {
 }
 
 "A blog post or something else like carbonara recipe."
-type Post {
+type Post implements Stuff {
 	"The internal identifier we love to leak outside."
 	id: ID!
 	"The title of the post. There's no limit to the title, so possible the whole post content can be in the title."
@@ -29,6 +29,8 @@ type Post {
 type Query {
 	"Fetch all posts without any arguments. Default order is funky."
 	posts: [Post]
+	"Search everything"
+	search: [Result]
 }
 
 # this schema allows the following mutation:
@@ -44,3 +46,12 @@ schema {
 	query: Query
 	mutation: Mutation
 }
+
+"A result"
+union Result = Author | Post
+
+"A superset of everything"
+interface Stuff {
+	"The identifier of anything"
+	id: ID!
+}