Regen

Author: tyranron

juniper/src/http/graphiql.html

@@ -28,56 +28,44 @@
         font-size: 4rem;
       }
     </style>
-    <link rel="stylesheet" href="https://esm.sh/graphiql@5.0.6/dist/style.css" />
+    <link rel="stylesheet" href="https://esm.sh/graphiql@5.1.1/dist/style.css" />
     <link
       rel="stylesheet"
-      href="https://esm.sh/@graphiql/plugin-explorer@5.0.0/dist/style.css"
+      href="https://esm.sh/@graphiql/plugin-explorer@5.1.1/dist/style.css"
     />
-    <!-- Note: the ?standalone flag bundles the module along with all of its `dependencies`, excluding `peerDependencies`, into a single JavaScript file. -->
+    <!--
+     * Note:
+     * The ?standalone flag bundles the module along with all of its `dependencies`, excluding `peerDependencies`, into a single JavaScript file.
+     * `@emotion/is-prop-valid` is a shim to remove the console error ` module "@emotion /is-prop-valid" not found`. Upstream issue: https://github.com/motiondivision/motion/issues/3126
+    -->
     <script type="importmap">
       {
         "imports": {
           "react": "https://esm.sh/[email protected]",
-          "react/jsx-runtime": "https://esm.sh/[email protected]/jsx-runtime",
+          "react/": "https://esm.sh/[email protected]/",
 
           "react-dom": "https://esm.sh/[email protected]",
-          "react-dom/client": "https://esm.sh/[email protected]/client",
+          "react-dom/": "https://esm.sh/[email protected]/",
 
-          "graphiql": "https://esm.sh/[email protected]?standalone&external=react,react-dom,@graphiql/react,graphql",
-          "@graphiql/plugin-explorer": "https://esm.sh/@graphiql/[email protected]?standalone&external=react,@graphiql/react,graphql",
-          "@graphiql/react": "https://esm.sh/@graphiql/[email protected]?standalone&external=react,react-dom,graphql",
+          "graphiql": "https://esm.sh/[email protected]?standalone&external=react,react-dom,@graphiql/react,graphql",
+          "graphiql/": "https://esm.sh/[email protected]/",
+          "@graphiql/plugin-explorer": "https://esm.sh/@graphiql/[email protected]?standalone&external=react,@graphiql/react,graphql",
+          "@graphiql/react": "https://esm.sh/@graphiql/[email protected]?standalone&external=react,react-dom,graphql,@graphiql/toolkit,@emotion/is-prop-valid",
 
           "@graphiql/toolkit": "https://esm.sh/@graphiql/[email protected]?standalone&external=graphql",
-          "graphql": "https://esm.sh/[email protected]"
+          "graphql": "https://esm.sh/[email protected]",
+          "@emotion/is-prop-valid": "data:text/javascript,"
         }
       }
     </script>
     <script type="module">
 <!-- inject -->
-      // Import React and ReactDOM
       import React from 'react';
       import ReactDOM from 'react-dom/client';
-      // Import GraphiQL and the Explorer plugin
       import { GraphiQL, HISTORY_PLUGIN } from 'graphiql';
       import { createGraphiQLFetcher } from '@graphiql/toolkit';
       import { explorerPlugin } from '@graphiql/plugin-explorer';
-
-      import createJSONWorker from 'https://esm.sh/monaco-editor/esm/vs/language/json/json.worker.js?worker';
-      import createGraphQLWorker from 'https://esm.sh/monaco-graphql/esm/graphql.worker.js?worker';
-      import createEditorWorker from 'https://esm.sh/monaco-editor/esm/vs/editor/editor.worker.js?worker';
-
-      globalThis.MonacoEnvironment = {
-        getWorker(_workerId, label) {
-          console.info('MonacoEnvironment.getWorker', { label });
-          switch (label) {
-            case 'json':
-              return createJSONWorker();
-            case 'graphql':
-              return createGraphQLWorker();
-          }
-          return createEditorWorker();
-        },
-      };
+      import 'graphiql/setup-workers/esm.sh';
 
       const fetcher = createGraphiQLFetcher({
         url: JUNIPER_URL,