fix types incorrect types entry (#3740)

graphql · Aug 20, 2024 · 3c12ce0 · 3c12ce0
1 parent dfb302a
commit 3c12ce0
Show file tree

Hide file tree

Showing 6 changed files with 24 additions and 13 deletions.
diff --git a/.changeset/nine-meals-happen.md b/.changeset/nine-meals-happen.md
@@ -0,0 +1,6 @@
+---
+'@graphiql/plugin-code-exporter': patch
+'@graphiql/plugin-explorer': patch
+---
+
+fix types incorrect types entry
diff --git a/packages/graphiql-plugin-code-exporter/package.json b/packages/graphiql-plugin-code-exporter/package.json
@@ -27,7 +27,7 @@
     ".": {
       "import": "./dist/index.mjs",
       "require": "./dist/index.js",
-      "types": "./dist/types/index.d.ts"
+      "types": "./dist/index.d.ts"
     }
   },
   "scripts": {

diff --git a/packages/graphiql-plugin-explorer/README.md b/packages/graphiql-plugin-explorer/README.md
@@ -44,4 +44,4 @@ function GraphiQLWithExplorer() {
 
 You can also use this plugin with `unpkg`, `jsdelivr`, and other CDNs.
 
-See the [example HTML file](examples/index.html) for this plugin
+See the [example HTML file](./example.html) for this plugin
diff --git a/...phiql-plugin-explorer/examples/index.html → ...ges/graphiql-plugin-explorer/example.html b/...phiql-plugin-explorer/examples/index.html → ...ges/graphiql-plugin-explorer/example.html
@@ -68,15 +68,20 @@
       const explorerPlugin = GraphiQLPluginExplorer.explorerPlugin();
 
       const root = ReactDOM.createRoot(document.getElementById('graphiql'));
-      root.render(
-        React.createElement(GraphiQL, {
-          fetcher: fetcher,
-          defaultEditorToolsVisibility: true,
-          plugins: [explorerPlugin],
-          defaultQuery:
-            'query AllFilms {\n  allFilms {\n    films {\n      title\n    }\n  }\n}',
-        }),
-      );
+      const app = React.createElement(GraphiQL, {
+        fetcher,
+        defaultEditorToolsVisibility: true,
+        plugins: [explorerPlugin],
+        defaultQuery: `query AllFilms {
+  allFilms {
+    films {
+      title
+    }
+  }
+}`,
+      });
+
+      root.render(app);
     </script>
   </body>
 </html>
diff --git a/packages/graphiql-plugin-explorer/package.json b/packages/graphiql-plugin-explorer/package.json
@@ -26,7 +26,7 @@
     ".": {
       "import": "./dist/index.mjs",
       "require": "./dist/index.js",
-      "types": "./dist/types/index.d.ts"
+      "types": "./dist/index.d.ts"
     }
   },
   "scripts": {

diff --git a/packages/graphiql-plugin-explorer/src/index.css b/packages/graphiql-plugin-explorer/src/index.css
@@ -64,7 +64,7 @@
 
 .graphiql-explorer-graphql-arguments input {
   line-height: 0;
-  min-width: 5rem;
+  min-width: 2rem;
 }
 
 .graphiql-explorer-actions {