npm - ruru - Versions diffs - 2.0.0-beta.25 → 2.0.0-beta.26 - Mend

ruru 2.0.0-beta.25 → 2.0.0-beta.26

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (9) hide show

package/CHANGELOG.md CHANGED Viewed

@@ -1,5 +1,24 @@
 # ruru
+## 2.0.0-beta.26
+### Patch Changes
+- [#2629](https://github.com/graphile/crystal/pull/2629)
+  [`c5cc0ba`](https://github.com/graphile/crystal/commit/c5cc0ba6228c754bca60219d78ca1bc1b10759ca)
+  Thanks [@benjie](https://github.com/benjie)! - Fix loading worker scripts from
+  remote URLs.
+- [#2631](https://github.com/graphile/crystal/pull/2631)
+  [`506b7a1`](https://github.com/graphile/crystal/commit/506b7a16bbdee72b0ac41eb3f3235775d629be6c)
+  Thanks [@benjie](https://github.com/benjie)! - Add a `ruru.html` file you can
+  self-host, and move Ruru documentation to the website for easier navigation
+- [#2632](https://github.com/graphile/crystal/pull/2632)
+  [`418190a`](https://github.com/graphile/crystal/commit/418190a04169fdd01e166ae30fa764098bb34249)
+  Thanks [@benjie](https://github.com/benjie)! - Ruru loading state now matches
+  expected theme (light/dark).
 ## 2.0.0-beta.25
 ### Patch Changes

package/README.md CHANGED Viewed

@@ -1,13 +1,21 @@
 # ruru
-A [Gra*fast*][grafast]-enhanced distribution of [Graph*i*QL][graphiql].
+A distribution of [Graph*i*QL][graphiql] that's easy to use and embeds both the
+popular [GraphiQL Explorer](https://github.com/onegraph/graphiql-explorer)
+plugin and [Gra*fast*][grafast]-related tools such as viewing of plan diagrams
+and explaining executed operations. _(Ruru can be used without Gra*fast*.)_
-**PRERELEASE**: this is pre-release software; use at your own risk and do not
-embed into public-facing projects. This will likely change a lot before it's
-ultimately released. The pre-release nature also explains the shocking lack of
-documentation.
+Flexible usage options
+- [a CLI](https://grafast.com/ruru/cli) - temporary or installed
+- [a Node.js middleware](https://grafast.com/ruru/server)
+- [a static HTML file](https://grafast.com/ruru/html) - hosted or self-hosted
+- [embedded](https://grafast.com/ruru/html#embedded) - render Ruru into your
+  existing HTML pages
-## Usage - Instant!
+See it in action at:
+https://grafast.com/myruru/#endpoint=https://countries.trevorblades.com/graphql
 If you have Node installed, you can instantly run `ruru` without permanently
 installing it using the `npx` command. Here's an example command to explore
@@ -20,245 +28,12 @@ npx ruru -SPe https://countries.trevorblades.com/graphql
 (`-S` enables subscriptions, `-P` proxies GraphQL requests; neither of these are
 needed for Trevor's API, but you might want them for your API.)
-## Usage - CLI
-Install Ruru:
-```
-yarn add ruru
-```
-Then you can run something like the following to automatically proxy requests
-(bypassing CORS issues):
-```
-yarn ruru -SPe http://localhost:5678/graphql
-```
-Usage:
-```
-ruru
-Run a Ruru server
-Options:
-      --help                   Show help                                                                      [boolean]
-      --version                Show version number                                                            [boolean]
-  -e, --endpoint               endpoint for query and mutation operations
-                                                                    [string] [default: "http://localhost:5678/graphql"]
-  -p, --port                   port number to run the server on                                [number] [default: 1337]
-  -P, --proxy                  Proxy requests to work around CORS issues                                      [boolean]
-  -S, --subscriptions          enable subscriptions, converting --endpoint to a ws:// URL    [boolean] [default: false]
-  -s, --subscription-endpoint  endpoint for subscription operations (overrides -S)                             [string]
-```
-## Usage - server
-You can render Ruru from your own server, you should serve both the Ruru HTML
-and the static files (JS, CSS, etc) that Ruru needs. We bundle everything you
-need, and hooking it up should be relatively straightforward.
-### Example: express
-```ts
-import express from "express";
-import { ruruHTML } from "ruru/server";
-import { serveStatic } from "ruru/static";
-const app = express();
-const config = { staticPath: "/ruru-static/", endpoint: "/graphql" };
-// Serve Ruru HTML
-app.get("/", (req, res) => {
-  res.format({
-    html: () => res.status(200).send(ruruHTML(config)),
-    default: () => res.status(406).send("Not Acceptable"),
-  });
-});
-// Serve static files
-app.use(serveStatic(config.staticPath));
-// Don't forget to serve your GraphQL endpoint:
-//
-//   app.post("/graphql", ...);
-```
-### Example: node
-```ts
-import { createServer } from "node:http";
-import { ruruHTML } from "ruru/server";
-import { serveStatic } from "ruru/static";
-const config = {
-  staticPath: "/ruru-static/",
-  endpoint: "https://example.com/graphql", // Your endpoint
-};
-// Create the static middleware _ONCE ONLY_ for efficiency.
-const staticMiddleware = serveStatic(config.staticPath);
-// Create your HTTP server
-const server = createServer((req, res) => {
-  if (req.url === "/") {
-    // Serve Ruru HTML
-    const html = ruruHTML(config);
-    res.writeHead(200, {
-      "content-type": "text/html",
-      "content-length": html.length,
-    });
-    res.end(html);
-    return;
-  } else {
-    // Serve static files
-    return staticMiddleware(req, res);
-  }
-});
-```
-### `config`
-No matter which server you're using you'll need a Ruru config object which
-should contain at least the following:
-- `staticPath`: the URL path on your server from which static assets should be
-  served - this must start and end with a slash
-- `endpoint`: where to find the GraphQL endpoint - an absolute URL starting
-  either with `/` for same-domain, or `http://` / `https://`.
+**Documentation**: https://grafast.com/ruru
-### `ruruHTML(config)`
-```ts
-import { ruruHTML } from "ruru/server";
-const html = ruruHTML(config);
-```
-This function will return you the HTML to render to the user when they request
-the Ruru endpoint; serve it as HTML as you normally would. Use it at whatever
-URL you wish to render Ruru.
-### `serveStatic(staticPath)`
-```ts
-import { serveStatic } from "ruru/static";
-const staticMiddleware = serveStatic(config.staticPath);
-```
-This will return a middleware compatible with Node, Express, Connect and similar
-servers to serve the static files that Ruru depends on. You must pass it the
-same `staticPath` that you passed to `ruruHTML(config)`.
-### `getStaticFile(context)`
-```ts
-import { getStaticFile } from "ruru/static";
-const file = await getStaticFile({
-  staticPath: config.staticPath,
-  urlPath: request.url,
-  acceptEncoding: request.headers["accept-encoding"],
-});
-```
-The `serveStatic` middleware works for Express, Connect, Node and some others,
-but if you're not using these then we give you a simple function you can use to
-serve the required static file from _any_ Node.js based server framework.
-Context is an object with the following values:
-- `staticPath` - the same `staticPath` as found in `config.staticPath` passed to
-  `ruruHTML` above
-- `urlPath` - the path the current HTTP request requested (must start with `/`,
-  can include query string)
-- `acceptEncoding` - the value of the `Accept-Encoding` HTTP header, or
-  `undefined` if not set
-- `disallowDevAssets` (optional) - set to `true` to forbid sending source maps
-  (reduces server memory pressure by about 10MB at the cost of debuggability)
-The result is either `null` if the file isn't found, or an object containing:
-- `headers` - a headers object to set on the response (Content-Type,
-  Content-Length, Content-Encoding, etc)
-- `content` - a buffer containing the data to serve
-Use your framework to serve this as appropriate:
-```ts
-// This is an **IMAGINARY** server API, adjust to fit your server.
-if (file) {
-  // Found!
-  const { etag } = file.headers;
-  if (request.headers["if-none-match"] === etag) {
-    response.status(304).headers({ etag }).send(); // Don't serve; etag matched!
-  } else {
-    response.status(200).headers(file.headers).send(file.content);
-  }
-} else {
-  response.status(404).send("Not Found");
-}
-```
-## Usage - bundle
-```html
-<!-- Required below here -->
-<div id="ruru-root"></div>
-<script type="module">
-  const RURU_STATIC = "https://unpkg.com/ruru/static/";
-  // Setup Monaco Editor workers
-  const worker = (file) =>
-    new Worker(new URL(RURU_STATIC + file), { type: "module" });
-  globalThis.MonacoEnvironment = {
-    getWorker(_workerId, label) {
-      switch (label) {
-        case "json":
-          return worker("jsonWorker.js");
-        case "graphql":
-          return worker("graphqlWorker.js");
-        default:
-          return worker("editorWorker.js");
-      }
-    },
-  };
-  // Load Ruru
-  const { React, createRoot, Ruru } = await import(RURU_STATIC + "ruru.js");
-  // Render
-  const tree = React.createElement(Ruru, {
-    endpoint: "/graphql",
-  });
-  const container = document.getElementById("ruru-root");
-  const root = createRoot(container);
-  root.render(tree);
-</script>
-```
-## Why "ruru"?
-Jem and I are big fans of the late Terry Pratchett's Discworld universe. The
-city at the centre of many a Discworld tale is the twin-city city-state of
-Ankh-Morpork. A "morepork" is a type of New Zealand owl, known in Māori as
-"ruru." Owls have excellent sight, and Ruru helps you to get an insight into not
-just the inputs and outputs of your API, but also what it does internally.
-RURU is also an abbreviation for checks to use when gathering information: "is
-it Reliable, Up-to-date, Relevant, and Useful?" We hope that you'll find Ruru to
-be all those things!
-<details>
-<summary>And this last reason is a little ru-rude...</summary>
-... in the Quechua languages, the term "ruru" may refer to, among other things,
-"testicle." So when your GraphQL operation isn't doing what you expect and
-you're thinking to yourself "this is b\*ll\*cks," then you'll know this is a job
-for Ruru!
-</details>
+**PRERELEASE**: this is pre-release software; use at your own risk and do not
+embed into public-facing projects. This will likely change a lot before it's
+ultimately released. The pre-release nature also explains the shocking lack of
+documentation.
 [GNU Terry Pratchett](http://www.gnuterrypratchett.com/)

package/dist/server.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"server.d.ts","sourceRoot":"","sources":["../src/server.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAEjD,OAAO,KAAK,EAEV,UAAU,EACV,aAAa,EACd,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;~~AAyG9E~~,MAAM,WAAW,gBAAiB,SAAQ,UAAU;IAElD,uDAAuD;IACvD,WAAW,CAAC,EAAE,SAAS,CAAC,aAAa,CAAC,CAAC;IACvC,sDAAsD;IACtD,UAAU,CAAC,EAAE,SAAS,CAAC,YAAY,CAAC,CAAC;IACrC,2DAA2D;IAC3D,eAAe,CAAC,EAAE,SAAS,CAAC,iBAAiB,CAAC,CAAC;CAChD;AAED,wBAAgB,aAAa,CAAC,MAAM,EAAE,gBAAgB,GAAG,aAAa,~~CA2GrE~~;AAED,wBAAgB,QAAQ,CACtB,MAAM,EAAE,gBAAgB,EACxB,SAAS,gBAAwB,UAmBlC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,cAAc,CAAC;QACvB,UAAU,MAAM;YACd,IAAI,CAAC,EAAE,UAAU,CAAC;SACnB;KACF;CACF"}
1	+ {"version":3,"file":"server.d.ts","sourceRoot":"","sources":["../src/server.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAEjD,OAAO,KAAK,EAEV,UAAU,EACV,aAAa,EACd,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AA+G9E,MAAM,WAAW,gBAAiB,SAAQ,UAAU;IAElD,uDAAuD;IACvD,WAAW,CAAC,EAAE,SAAS,CAAC,aAAa,CAAC,CAAC;IACvC,sDAAsD;IACtD,UAAU,CAAC,EAAE,SAAS,CAAC,YAAY,CAAC,CAAC;IACrC,2DAA2D;IAC3D,eAAe,CAAC,EAAE,SAAS,CAAC,iBAAiB,CAAC,CAAC;CAChD;AAED,wBAAgB,aAAa,CAAC,MAAM,EAAE,gBAAgB,GAAG,aAAa,CAkGrE;AAED,wBAAgB,QAAQ,CACtB,MAAM,EAAE,gBAAgB,EACxB,SAAS,gBAAwB,UAmBlC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,cAAc,CAAC;QACvB,UAAU,MAAM;YACd,IAAI,CAAC,EAAE,UAAU,CAAC;SACnB;KACF;CACF"}

package/dist/server.js CHANGED Viewed

@@ -91,6 +91,12 @@ const baseBodyScripts = html `
       $(".graphiql-plugin").style.display = "none";
       $(".graphiql-horizontal-drag-bar").style.display = "none";
     }
+    const getSystemTheme = () =>
+      window.matchMedia("(prefers-color-scheme: dark)").matches
+        ? "dark"
+        : "light";
+    const theme = localStorage.getItem("graphiql:theme") || getSystemTheme();
+    document.body.className += " graphiql-" + theme;
     const flexes = [
       ["docExplorerFlex", ".graphiql-plugin"],
       ["editorFlex", ".graphiql-editors"],
@@ -119,21 +125,6 @@ function makeHTMLParts(config) {
     const baseMetaTags = html `
     <meta charset="utf-8" />
     <link rel="modulepreload" href="${escapeHTML(staticPath + "ruru.js")}" />
-    <link
-      rel="modulepreload"
-      href="${escapeHTML(staticPath + "jsonWorker.js")}"
-      as="worker"
-    />
-    <link
-      rel="modulepreload"
-      href="${escapeHTML(staticPath + "graphqlWorker.js")}"
-      as="worker"
-    />
-    <link
-      rel="modulepreload"
-      href="${escapeHTML(staticPath + "editorWorker.js")}"
-      as="worker"
-    />
   `;
     const baseStyleTags = html `
     <link rel="stylesheet" href="${staticPath}ruru.css" />
@@ -148,16 +139,21 @@ function makeHTMLParts(config) {
   `;
     const baseConfigScript = html `
     <script>
-      const RURU_CONFIG = ${escapeJS(JSON.stringify(clientConfig))};
+      const RURU_CONFIG = ${escapeJS(JSON.stringify(clientConfig, null, 2))};
     </script>
   `;
     const baseHeaderScripts = html `
     <script type="module">
-      const worker = (file) =>
-        new Worker(
-          new URL(${JSON.stringify(staticPath)} + file, import.meta.url),
-          { type: "module" },
-        );
+      const worker = (file) => new Worker(${
+    /*
+     * For local paths we can load the static files directly; but for
+     * remote URLs we'll get security issues if we do, so instead we
+     * create a file that imports the remote file. I do not understand
+     * the security basis that allows this to work... but it does.
+     */
+    staticPath.startsWith("/")
+        ? `new URL(${JSON.stringify(staticPath)} + file, import.meta.url)`
+        : `URL.createObjectURL(new Blob(['import "${staticPath}' + file + '";'], {type: 'text/javascript'}))`}, { type: "module" });
       globalThis.MonacoEnvironment = {
         getWorker(_, label) {
           switch (label) {

package/dist/server.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"server.js","sourceRoot":"","sources":["../src/server.ts"],"names":[],"mappings":";;~~AA2HA~~,~~sCA2GC~~;AAED,4BAqBC;~~AAtPD~~,6CAAuC;AAGvC,MAAM,mBAAmB,GAAG,0BAA0B,oBAAO,UAAU,CAAC;AAExE,4CAA4C;AAC5C,MAAM,QAAQ,GAAG,CAAC,GAAW,EAAE,EAAE;IAC/B,OAAO,GAAG;SACP,UAAU,CAAC,MAAM,EAAE,QAAQ,CAAC;SAC5B,UAAU,CAAC,UAAU,EAAE,YAAY,CAAC;SACpC,UAAU,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;AACxC,CAAC,CAAC;AAEF,MAAM,QAAQ,GAA2B;IACvC,GAAG,EAAE,OAAO;IACZ,GAAG,EAAE,QAAQ;IACb,GAAG,EAAE,MAAM;IACX,GAAG,EAAE,MAAM;CACZ,CAAC;AACF,MAAM,UAAU,GAAG,CAAC,GAAW,EAAE,EAAE,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAE,CAAC,CAAC;AAEhF,SAAS,IAAI,CAAC,GAAyB,EAAE,GAAG,YAAsB;IAChE,MAAM,KAAK,GAAG,GAAG;SACd,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC;SAC5D,IAAI,CAAC,EAAE,CAAC,CAAC;IACZ,OAAO,KAAK,CAAC,IAAI,EAAE,CAAC,OAAO,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;AAC5C,CAAC;AAED,MAAM,YAAY,GAAG,IAAI,CAAA,6CAA6C,CAAC;AACvE,MAAM,YAAY,GAAG,IAAI,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0DxB,CAAC;AACF,MAAM,eAAe,GAAG,IAAI,CAAA~~;;;;;;;;;;;;;;;;CAgB3B~~,CAAC;AAYF,SAAgB,aAAa,CAAC,MAAwB;IACpD,MAAM,EAAE,QAAQ,EAAE,oBAAoB,EAAE,GAAG,MAAM,CAAC;IAClD,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU,IAAI,mBAAmB,CAAC;IAE5D,MAAM,YAAY,GAA0B;QAC1C,0DAA0D;QAC1D,WAAW,EAAE,MAAM,CAAC,WAAW;QAC/B,UAAU,EAAE,MAAM,CAAC,UAAU;QAC7B,eAAe,EAAE,MAAM,CAAC,eAAe;QAEvC,yDAAyD;QACzD,GAAG,MAAM,CAAC,YAAY;QAEtB,gEAAgE;QAChE,UAAU;QACV,QAAQ;QACR,oBAAoB;KACrB,CAAC;IAEF,MAAM,YAAY,GAAG,IAAI,CAAA;;sCAEW,UAAU,CAAC,UAAU,GAAG,SAAS,CAAC~~;;;cAG1D~~,~~UAAU,~~CAAC~~,UAAU,GAAG,eAAe,CAAC;;;;;cAKxC,UAAU,CAAC,UAAU,GAAG,kBAAkB,CAAC;;;;;cAK3C,UAAU,CAAC,UAAU,GAAG,iBAAiB,CAAC;;;GAGrD,CAAC~~;IACF,MAAM,aAAa,GAAG,IAAI,CAAA;mCACO,UAAU;;;;;;;;;GAS1C,CAAC;IACF,MAAM,gBAAgB,GAAG,IAAI,CAAA;;4BAEH,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC;;~~GAE/D~~,CAAC;IACF,MAAM,iBAAiB,GAAG,IAAI,CAAA~~;;;;oBAIZ~~,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC~~;;;;;;;;;;;;;;;;GAgB3C~~,CAAC;IACF,MAAM,kBAAkB,GAAG,IAAI,CAAA;;gDAEe,IAAI,CAAC,SAAS,CACtD,UAAU,GAAG,SAAS,CACvB;;;;GAIJ,CAAC;IACF,MAAM,KAAK,GAAkB;QAC3B,QAAQ,EAAE,YAAY;QACtB,QAAQ,EAAE,YAAY;QACtB,SAAS,EAAE,aAAa;QACxB,YAAY,EAAE,gBAAgB;QAC9B,aAAa,EAAE,iBAAiB;QAChC,WAAW,EAAE,YAAY;QACzB,WAAW,EAAE,eAAe;QAC5B,cAAc,EAAE,kBAAkB;KACnC,CAAC;IACF,KAAK,MAAM,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,KAAK,CAAuC,EAAE,CAAC;QACzE,MAAM,GAAG,GAAG,MAAM,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,CAAC;QAClC,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE,CAAC;YAC9B,KAAK,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;QAC3D,CAAC;aAAM,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE,CAAC;YACnC,KAAK,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC;QACjB,CAAC;aAAM,IAAI,GAAG,IAAI,IAAI,EAAE,CAAC;YACvB,MAAM,IAAI,KAAK,CACb,yCAAyC,CAAC,KAAK,OAAO,GAAG,EAAE,CAC5D,CAAC;QACJ,CAAC;IACH,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC;AAED,SAAgB,QAAQ,CACtB,MAAwB,EACxB,SAAS,GAAG,aAAa,CAAC,MAAM,CAAC;IAEjC,OAAO;;;;EAIP,SAAS,CAAC,QAAQ;EAClB,SAAS,CAAC,QAAQ;EAClB,SAAS,CAAC,SAAS;EACnB,SAAS,CAAC,YAAY;EACtB,SAAS,CAAC,aAAa;;;EAGvB,SAAS,CAAC,WAAW;EACrB,SAAS,CAAC,WAAW;EACrB,SAAS,CAAC,cAAc;;;CAGzB,CAAC;AACF,CAAC"}
1	+ {"version":3,"file":"server.js","sourceRoot":"","sources":["../src/server.ts"],"names":[],"mappings":"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"}

package/dist/version.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-export declare const version = "2.0.0-beta.25";
+export declare const version = "2.0.0-beta.26";
 //# sourceMappingURL=version.d.ts.map

package/dist/version.js CHANGED Viewed

@@ -2,5 +2,5 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.version = void 0;
 // This file is autogenerated by /scripts/postversion.mjs
-exports.version = "2.0.0-beta.25";
+exports.version = "2.0.0-beta.26";
 //# sourceMappingURL=version.js.map

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "ruru",
-  "version": "2.0.0-beta.25",
+  "version": "2.0.0-beta.26",
   "description": "Grafast-flavoured GraphiQL distribution",
   "type": "commonjs",
   "main": "./dist/index.js",
@@ -30,7 +30,8 @@
   "scripts": {
     "webpack": "node --loader ts-node/esm \"$(yarn bin webpack-cli)\" --config webpack.config.mts",
     "watch": "yarn webpack --watch --mode=development",
-    "prepack": "rm -Rf dist static tsconfig.tsbuildinfo tsconfig.build.tsbuildinfo && yarn webpack --mode=production && tsc -b tsconfig.build.json && cp src/.npmignore dist/ && chmod +x dist/cli-run.js"
+    "make-ruru-html": "node --experimental-strip-types scripts/make-ruru-html.mts",
+    "prepack": "rm -Rf dist static tsconfig.tsbuildinfo tsconfig.build.tsbuildinfo && yarn webpack --mode=production && tsc -b tsconfig.build.json && cp src/.npmignore dist/ && chmod +x dist/cli-run.js && yarn make-ruru-html"
   },
   "repository": {
     "type": "git",
@@ -72,6 +73,7 @@
     }
   },
   "files": [
+    "ruru.html",
     "dist",
     "static"
   ],

package/ruru.html ADDED Viewed

@@ -0,0 +1,137 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="utf-8" />
+<link rel="modulepreload" href="https://unpkg.com/ruru@2.0.0-beta.26/static/ruru.js" />
+<title>Ruru - GraphQL/Grafast IDE</title>
+<link rel="stylesheet" href="https://unpkg.com/ruru@2.0.0-beta.26/static/ruru.css" />
+<style>
+body {
+margin: 0;
+}
+#ruru-root {
+height: 100vh;
+}
+</style>
+<script>
+const RURU_CONFIG = {
+"staticPath": "https://unpkg.com/ruru@2.0.0-beta.26/static/",
+// Replace this with your own endpoint:
+"endpoint": "/graphql",
+};
+</script>
+<!-- DELETE THIS once you have the correct 'endpoint' in RURU_CONFIG above -->
+<script type="module">
+// Extract 'endpoint=...' from the hash params
+const { hash } = window.location;
+if (hash.startsWith('#')) {
+const params = new URLSearchParams(window.location.hash.slice(1));
+const endpoint = params.get('endpoint');
+if (endpoint) RURU_CONFIG.endpoint = endpoint;
+}
+</script>
+<!-- /DELETE THIS -->
+<script type="module">
+const worker = (file) => new Worker(URL.createObjectURL(new Blob(['import "https://unpkg.com/ruru@2.0.0-beta.26/static/' + file + '";'], {type: 'text/javascript'})), { type: "module" });
+globalThis.MonacoEnvironment = {
+getWorker(_, label) {
+switch (label) {
+case "json":
+return worker("jsonWorker.js");
+case "graphql":
+return worker("graphqlWorker.js");
+default:
+return worker("editorWorker.js");
+}
+},
+};
+</script>
+</head>
+<body>
+<div id="ruru-root">
+<div class="graphiql-container">
+<div class="graphiql-sidebar"></div>
+<div class="graphiql-main">
+<div
+class="graphiql-plugin"
+style="min-width: 200px; flex: 0.333333 1 0%;"
+>
+<div>
+<div class="graphiql-doc-explorer-header">
+<div class="graphiql-doc-explorer-title">Loading...</div>
+</div>
+<div class="graphiql-doc-explorer-content">
+<p>Ruru is loading, this should only take a moment...</p>
+</div>
+</div>
+</div>
+<div class="graphiql-horizontal-drag-bar"></div>
+<div class="graphiql-sessions" style="flex: 1 1 0%;">
+<div class="graphiql-session-header">
+<ul role="tablist" class="graphiql-tabs no-scrollbar">
+<li class="graphiql-tab graphiql-tab-active">
+<button
+type="button"
+class="graphiql-un-styled graphiql-tab-button"
+disabled
+>
+Loading...
+</button>
+</li>
+</ul>
+</div>
+<div role="tabpanel" id="graphiql-session">
+<div class="graphiql-editors" style="flex: 1 1 0%;">
+<section class="graphiql-query-editor" style="flex: 3 1 0%;">
+<div class="graphiql-editor"></div>
+<div class="graphiql-toolbar"></div>
+</section>
+<div class="graphiql-editor-tools">
+<button
+type="button"
+class="graphiql-un-styled active"
+disabled
+>
+&nbsp;
+</button>
+</div>
+</div>
+<div class="graphiql-horizontal-drag-bar"></div>
+<div class="graphiql-response" style="flex: 1 1 0%;">
+<section class="result-window"></section>
+</div>
+</div>
+</div>
+</div>
+</div>
+</div>
+<script type="module">
+const $ = (s) => document.querySelector(s);
+if (!localStorage.getItem("graphiql:visiblePlugin")) {
+$(".graphiql-plugin").style.display = "none";
+$(".graphiql-horizontal-drag-bar").style.display = "none";
+}
+const getSystemTheme = () =>
+window.matchMedia("(prefers-color-scheme: dark)").matches
+? "dark"
+: "light";
+const theme = localStorage.getItem("graphiql:theme") || getSystemTheme();
+document.body.className += " graphiql-" + theme;
+const flexes = [
+["docExplorerFlex", ".graphiql-plugin"],
+["editorFlex", ".graphiql-editors"],
+];
+for (const [key, sel] of flexes) {
+const val = localStorage.getItem("graphiql:" + key);
+if (val) $(sel).style.flex = val + " 1 0%";
+}
+</script>
+<script type="module">
+import { React, createRoot, Ruru } from "https://unpkg.com/ruru@2.0.0-beta.26/static/ruru.js";
+createRoot(document.getElementById("ruru-root"))
+.render(React.createElement(Ruru, RURU_CONFIG));
+</script>
+</body>
+</html>