@mo36924/babel-plugin-graphql-tagged-template 5.0.47 → 5.0.62

package/dist/index.cjs

@@ -1,13 +1,41 @@
 'use strict';
 
+var node_crypto = require('node:crypto');
+var node_path = require('node:path');
+var node_url = require('node:url');
 var core = require('@babel/core');
 var helperPluginUtils = require('@babel/helper-plugin-utils');
+var basex = require('base-x');
 var graphql = require('graphql');
 
-var index = helperPluginUtils.declare((_, { schema })=>{
+var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
+const queriesCache = [];
+const queriesDir = node_path.dirname(node_url.fileURLToPath((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('packages/babel-plugin-graphql-tagged-template/dist/index.cjs', document.baseURI).href))));
+const queriesPaths = [
+    "js",
+    "cjs",
+    "ts"
+].map((extname)=>node_path.join(queriesDir, `queries.${extname}`));
+const base52 = basex("ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz");
+const hash = (data)=>base52.encode(node_crypto.createHash("sha256").update(data).digest());
+var index = helperPluginUtils.declare((_, { schema, development, queries = queriesCache })=>{
     return {
         name: "babel-plugin-graphql-tagged-template",
         visitor: {
+            ...development ? {} : {
+                VariableDeclarator (path, { filename = "" }) {
+                    if (!(queriesPaths.includes(filename) && path.get("id").isIdentifier({
+                        name: "queries"
+                    }) && path.get("init").isObjectExpression())) {
+                        return;
+                    }
+                    path.get("init").replaceWith(core.types.objectExpression(queries.sort().map((query)=>core.types.objectProperty(core.types.identifier(hash(query)), core.types.callExpression(core.types.memberExpression(core.types.identifier("JSON"), core.types.identifier("parse")), [
+                            core.types.stringLiteral(JSON.stringify(graphql.parse(query, {
+                                noLocation: true
+                            })))
+                        ])))));
+                }
+            },
             TaggedTemplateExpression (path) {
                 const { tag, quasi: { quasis, expressions } } = path.node;
                 if (!core.types.isIdentifier(tag)) {
@@ -70,15 +98,18 @@ var index = helperPluginUtils.declare((_, { schema })=>{
                 if (errors.length) {
                     throw path.buildCodeFrameError(errors[0].message);
                 }
+                query = graphql.stripIgnoredCharacters(query);
+                if (!development && !queries.includes(query)) {
+                    queries.push(query);
+                }
+                const id = development ? query : hash(query);
                 const properties = [
-                    core.types.objectProperty(core.types.identifier("query"), core.types.stringLiteral(graphql.stripIgnoredCharacters(query)))
+                    core.types.objectProperty(core.types.identifier("query"), core.types.stringLiteral(id))
                 ];
                 if (expressions.length) {
                     properties.push(core.types.objectProperty(core.types.identifier("variables"), core.types.objectExpression(expressions.map((expression, i)=>core.types.objectProperty(core.types.identifier(`_${i}`), expression)))));
                 }
-                path.replaceWith(core.types.callExpression(core.types.identifier(name), [
-                    core.types.objectExpression(properties)
-                ]));
+                path.replaceWith(core.types.objectExpression(properties));
             }
         }
     };

package/dist/index.d.ts

@@ -1,9 +1,12 @@
 import * as _babel_core from '@babel/core';
+import { PluginObj } from '@babel/core';
 import { GraphQLSchema } from 'graphql';
 
 type Options = {
     schema: GraphQLSchema;
+    development?: boolean;
+    queries?: string[];
 };
-declare const _default: (api: object, options: Options | null | undefined, dirname: string) => _babel_core.PluginObj<_babel_core.PluginPass>;
+declare const _default: (api: object, options: Options | null | undefined, dirname: string) => PluginObj<_babel_core.PluginPass>;
 
 export { type Options, _default as default };

package/dist/index.js

@@ -1,11 +1,38 @@
+import { createHash } from 'node:crypto';
+import { dirname, join } from 'node:path';
+import { fileURLToPath } from 'node:url';
 import { types } from '@babel/core';
 import { declare } from '@babel/helper-plugin-utils';
+import basex from 'base-x';
 import { parse, TypeInfo, visit, visitWithTypeInfo, validate, stripIgnoredCharacters } from 'graphql';
 
-var index = declare((_, { schema })=>{
+const queriesCache = [];
+const queriesDir = dirname(fileURLToPath(import.meta.url));
+const queriesPaths = [
+    "js",
+    "cjs",
+    "ts"
+].map((extname)=>join(queriesDir, `queries.${extname}`));
+const base52 = basex("ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz");
+const hash = (data)=>base52.encode(createHash("sha256").update(data).digest());
+var index = declare((_, { schema, development, queries = queriesCache })=>{
     return {
         name: "babel-plugin-graphql-tagged-template",
         visitor: {
+            ...development ? {} : {
+                VariableDeclarator (path, { filename = "" }) {
+                    if (!(queriesPaths.includes(filename) && path.get("id").isIdentifier({
+                        name: "queries"
+                    }) && path.get("init").isObjectExpression())) {
+                        return;
+                    }
+                    path.get("init").replaceWith(types.objectExpression(queries.sort().map((query)=>types.objectProperty(types.identifier(hash(query)), types.callExpression(types.memberExpression(types.identifier("JSON"), types.identifier("parse")), [
+                            types.stringLiteral(JSON.stringify(parse(query, {
+                                noLocation: true
+                            })))
+                        ])))));
+                }
+            },
             TaggedTemplateExpression (path) {
                 const { tag, quasi: { quasis, expressions } } = path.node;
                 if (!types.isIdentifier(tag)) {
@@ -68,15 +95,18 @@ var index = declare((_, { schema })=>{
                 if (errors.length) {
                     throw path.buildCodeFrameError(errors[0].message);
                 }
+                query = stripIgnoredCharacters(query);
+                if (!development && !queries.includes(query)) {
+                    queries.push(query);
+                }
+                const id = development ? query : hash(query);
                 const properties = [
-                    types.objectProperty(types.identifier("query"), types.stringLiteral(stripIgnoredCharacters(query)))
+                    types.objectProperty(types.identifier("query"), types.stringLiteral(id))
                 ];
                 if (expressions.length) {
                     properties.push(types.objectProperty(types.identifier("variables"), types.objectExpression(expressions.map((expression, i)=>types.objectProperty(types.identifier(`_${i}`), expression)))));
                 }
-                path.replaceWith(types.callExpression(types.identifier(name), [
-                    types.objectExpression(properties)
-                ]));
+                path.replaceWith(types.objectExpression(properties));
             }
         }
     };

package/dist/queries.cjs

@@ -0,0 +1,5 @@
+'use strict';
+
+const queries = {};
+
+exports.queries = queries;

package/dist/queries.d.ts

@@ -0,0 +1,7 @@
+import { DocumentNode } from 'graphql';
+
+declare const queries: {
+    [key: string]: DocumentNode;
+};
+
+export { queries };

package/dist/queries.js

@@ -0,0 +1,3 @@
+const queries = {};
+
+export { queries };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mo36924/babel-plugin-graphql-tagged-template",
   "type": "module",
-  "version": "5.0.47",
+  "version": "5.0.62",
   "description": "babel-plugin-graphql-tagged-template",
   "author": "mo36924",
   "license": "MIT",
@@ -21,6 +21,12 @@
       "import": "./dist/index.js",
       "require": "./dist/index.cjs",
       "default": "./dist/index.js"
+    },
+    "./queries": {
+      "types": "./dist/queries.d.ts",
+      "import": "./dist/queries.js",
+      "require": "./dist/queries.cjs",
+      "default": "./dist/queries.js"
     }
   },
   "main": "./dist/index.js",
@@ -45,7 +51,8 @@
     "@babel/helper-plugin-utils": "^7.24.8",
     "@types/babel__core": "^7.20.5",
     "@types/babel__helper-plugin-utils": "^7.10.3",
+    "base-x": "^5.0.0",
     "graphql": "^16.9.0"
   },
-  "gitHead": "e8a97dd132ef7998c0ef5d305d3b8d93c983ff32"
+  "gitHead": "6d8712d1c44da9b6efd2b9aa2409ab1d9de6f91c"
 }