📝 added docs

Author: aexol

.github/workflows/landing.yml

@@ -0,0 +1,20 @@
+on:
+  push:
+    branches:
+      - master
+jobs:
+  deploy:
+    runs-on: ubuntu-20.04
+    concurrency:
+      group: ${{ github.workflow }}-${{ github.ref }}
+    steps:
+      - uses: actions/checkout@v2
+      - name: build
+        run: npm run doc:ci
+        env:
+          PATH_PREFIX: /graphql-zeus
+      - name: Deploy
+        uses: peaceiris/actions-gh-pages@v3
+        with:
+          github_token: ${{ secrets.GITHUB_TOKEN }}
+          publish_dir: ./doc/out

.github/workflows/release.yml

@@ -1,7 +1,7 @@
 on:
   push:
-    branches:
-      - master
+    tags:
+      - '[0-9]+.[0-9]+.[0-9]+'
 jobs:
   build:
     runs-on: ubuntu-latest

doc/.env

@@ -0,0 +1 @@
+PATH_PREFIX=

doc/.purplehaze/Layout/index.js

@@ -0,0 +1,63 @@
+// src/Layout/index.tsx
+import React, {useState} from "https://cdn.skypack.dev/react";
+var GithubIcon = () => /* @__PURE__ */ React.createElement("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
+}, /* @__PURE__ */ React.createElement("path", {
+  d: "M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"
+}));
+var Layout = ({children, routes, activeRoute, prefix = ""}) => {
+  const [mobileMenuOpen, setMobileMenuOpen] = useState(false);
+  return /* @__PURE__ */ React.createElement("div", {
+    className: "h-full flex flex-col"
+  }, /* @__PURE__ */ React.createElement("div", {
+    className: "w-full sm:flex hidden px-10 border-b border-purple-200 items-center"
+  }, /* @__PURE__ */ React.createElement("a", {
+    className: "block py-4 text-xl logo font-black",
+    href: `${prefix}/`
+  }, "GraphQL Zeus"), /* @__PURE__ */ React.createElement("span", {
+    className: "text-gray-400 block ml-2 text-md mt-1"
+  }, "Autocomplete client for GraphQL"), /* @__PURE__ */ React.createElement("span", {
+    className: "ml-auto mr-2 text-gray-500"
+  }, "4.0.4"), /* @__PURE__ */ React.createElement("a", {
+    href: "https://github.com/graphql-editor/graphql-zeus",
+    className: "text-purple-500",
+    title: "Github repository"
+  }, /* @__PURE__ */ React.createElement(GithubIcon, null))), /* @__PURE__ */ React.createElement("div", {
+    className: "flex w-full flex-1 overflow-hidden"
+  }, /* @__PURE__ */ React.createElement("div", {
+    className: "absolute sm:hidden block cursor-pointer top-6 right-6",
+    onClick: () => setMobileMenuOpen(!mobileMenuOpen)
+  }, /* @__PURE__ */ React.createElement("div", {
+    className: "h-2 w-10 bg-purple-500 mb-2 rounded"
+  }), /* @__PURE__ */ React.createElement("div", {
+    className: "h-2 w-10 bg-purple-500 mb-2 rounded"
+  }), /* @__PURE__ */ React.createElement("div", {
+    className: "h-2 w-10 bg-purple-500 mb-2 rounded"
+  })), mobileMenuOpen && /* @__PURE__ */ React.createElement("div", {
+    className: "py-10 px-20 bg-gray-100 h-full w-80 sm:hidden block absolute top-0 left-0"
+  }, /* @__PURE__ */ React.createElement("a", {
+    className: "block py-4 text-lg text-purple-900 font-black",
+    href: `${prefix}/`
+  }, "Purple haze"), routes.map((r) => /* @__PURE__ */ React.createElement("a", {
+    className: `block py-3 text-md font-medium${activeRoute === r.link ? " text-purple-600" : "text-gray-600"}`,
+    href: `${prefix}/page/${r.link}.html`
+  }, r.title))), /* @__PURE__ */ React.createElement("div", {
+    className: "py-6 px-10 w-80 sm:block hidden  border-r border-purple-200"
+  }, routes.map((r) => /* @__PURE__ */ React.createElement("a", {
+    className: `transition-all block py-3 text-md font-medium${activeRoute === r.link ? " text-purple-600" : " text-gray-600 hover:text-purple-600"}`,
+    href: `${prefix}/page/${r.link}.html`
+  }, r.title))), /* @__PURE__ */ React.createElement("div", {
+    className: "container mx-auto px-20 py-6 pb-20 h-full overflow-auto"
+  }, children)));
+};
+export {
+  Layout
+};

doc/.purplehaze/index.js

@@ -0,0 +1,35 @@
+// src/index.tsx
+import React from "https://cdn.skypack.dev/react";
+import {htmlContent} from "./ssg/markdown.js";
+import {Layout} from "./Layout/index.js";
+import {routes} from "./markdownRoutes.js";
+import {renderMarkdown} from "./mdtransform.js";
+var src_default = (data2) => {
+  return /* @__PURE__ */ React.createElement(Layout, {
+    prefix: data2.prefix,
+    routes: data2.routes
+  }, /* @__PURE__ */ React.createElement("div", {
+    className: "prose prose-lg",
+    dangerouslySetInnerHTML: {
+      __html: renderMarkdown.render(data2.content.content)
+    }
+  }));
+};
+var data = () => {
+  return {
+    content: htmlContent["markdown/index.md"],
+    routes: routes(htmlContent),
+    prefix: ssg.envs.PATH_PREFIX
+  };
+};
+var head = () => {
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("link", {
+    rel: "stylesheet",
+    href: "./tw.css"
+  }), /* @__PURE__ */ React.createElement("title", null, "GraphQL Zeus docs 0.0.7"));
+};
+export {
+  data,
+  src_default as default,
+  head
+};

doc/.purplehaze/markdownRoutes.js

@@ -0,0 +1,7 @@
+// src/markdownRoutes.ts
+var routes = (htmlContent) => Object.entries(htmlContent).filter(([, v]) => !!v.data.title).map(([k, v]) => ({
+  ...v.data
+})).sort((a, b) => ("order" in a ? a.order : 0) > ("order" in b ? b.order : 0) ? 1 : -1);
+export {
+  routes
+};

doc/.purplehaze/mdtransform.js

@@ -0,0 +1,21 @@
+// src/mdtransform.ts
+import hljs from "https://cdn.skypack.dev/highlight.js";
+import {Remarkable} from "https://cdn.skypack.dev/remarkable";
+var renderMarkdown = new Remarkable({
+  highlight: function(str, lang) {
+    if (lang && hljs.getLanguage(lang)) {
+      try {
+        return hljs.highlight(lang, str).value;
+      } catch (__) {
+      }
+    }
+    try {
+      return hljs.highlightAuto(str).value;
+    } catch (__) {
+    }
+    return "";
+  }
+});
+export {
+  renderMarkdown
+};

doc/.purplehaze/page.js

@@ -0,0 +1,56 @@
+// src/page.tsx
+import React from "https://cdn.skypack.dev/react";
+import {htmlContent} from "./ssg/markdown.js";
+import {Layout} from "./Layout/index.js";
+import {routes} from "./markdownRoutes.js";
+import {renderMarkdown} from "./mdtransform.js";
+var CustomPage = ({data: data2}) => {
+  return /* @__PURE__ */ React.createElement(Layout, {
+    prefix: data2.prefix,
+    activeRoute: data2.activeRoute,
+    routes: data2.routes
+  }, /* @__PURE__ */ React.createElement("div", {
+    className: "prose prose-lg",
+    dangerouslySetInnerHTML: {
+      __html: renderMarkdown.render(data2.content.content)
+    }
+  }));
+};
+var data = () => {
+  return {
+    htmlContent,
+    routes: routes(htmlContent),
+    prefix: ssg.envs.PATH_PREFIX
+  };
+};
+var page_default = (staticData) => {
+  return /* @__PURE__ */ React.createElement(CustomPage, {
+    data: staticData
+  });
+};
+var pages = async (staticData) => {
+  return await Promise.all(Object.entries(staticData.htmlContent).filter(([, v]) => !!v.data.link).map(async ([k, v], i) => {
+    return {
+      data: {
+        content: v,
+        routes: routes(staticData.htmlContent),
+        activeRoute: v.data.link,
+        prefix: staticData.prefix
+      },
+      slug: v.data.link,
+      head: `
+            <link
+              rel="stylesheet"
+              href="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.2.0/build/styles/github-dark.min.css"
+            />
+            <link rel="stylesheet" href="/tw.css" />
+            <title>GraphQL Zeus docs</title>
+          `
+    };
+  }));
+};
+export {
+  data,
+  page_default as default,
+  pages
+};