@envelop/preload-assets 4.0.0-alpha-d0d0776.0 → 4.0.0-alpha-ccec0fc.0

package/README.md

@@ -12,9 +12,9 @@ yarn add @envelop/preload-assets
 ```
 
 ```ts
-import { envelop } from '@envelop/core';
-import { usePreloadAssets } from '@envelop/preload-asset';
-import { makeExecutableSchema } from 'graphql';
+import { envelop } from '@envelop/core'
+import { usePreloadAssets } from '@envelop/preload-asset'
+import { makeExecutableSchema } from '@graphql-tools/graphql'
 
 const schema = makeExecutableSchema({
   typeDefs: /* GraphQL */ `
@@ -25,17 +25,17 @@ const schema = makeExecutableSchema({
   resolvers: {
     Query: {
       imageUrl: (_: unknown, __: unknown, context: any) => {
-        const imageUrl = 'https://localhost/some-asset.png';
-        context.registerPreloadAsset(imageUrl);
-        return Promise.resolve(imageUrl);
-      },
-    },
-  },
-});
+        const imageUrl = 'https://localhost/some-asset.png'
+        context.registerPreloadAsset(imageUrl)
+        return Promise.resolve(imageUrl)
+      }
+    }
+  }
+})
 
 const getEnveloped = envelop({
-  plugins: [usePreloadAssets()],
-});
+  plugins: [usePreloadAssets()]
+})
 ```
 
 **Example response**
@@ -54,27 +54,27 @@ const getEnveloped = envelop({
 **Example client prefetch logic**
 
 ```ts
-const preloadAsset = (url) => {
-  var request = new XMLHttpRequest();
-  request.open('GET', url);
-  request.responseType = 'blob';
+const preloadAsset = url => {
+  var request = new XMLHttpRequest()
+  request.open('GET', url)
+  request.responseType = 'blob'
   request.onload = () => {
-    if  (request.status !== 200 ) {
-      console.error((new Error(`Image preload failed; error code '${request.statusText}'.`));
+    if (request.status !== 200) {
+      console.error(new Error(`Image preload failed; error code '${request.statusText}'.`))
     }
-  };
+  }
   request.onerror = () => {
-    console.error(new Error(`There was a network error while preloading '${url}'.`));
-  };
-  request.send();
+    console.error(new Error(`There was a network error while preloading '${url}'.`))
+  }
+  request.send()
 }
 
 // call this function with the execution result within your network layer.
-const onExecutionResult = (result) => {
+const onExecutionResult = result => {
   if (Array.isArray(result?.extensions?.preloadAssets)) {
-    result.extension.preloadAssets.forEach((url) => {
-      preloadAsset(url);
-    });
+    result.extension.preloadAssets.forEach(url => {
+      preloadAsset(url)
+    })
   }
-};
+}
 ```

package/{index.js → cjs/index.js}

@@ -1,22 +1,21 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const core = require('@envelop/core');
-
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.usePreloadAssets = void 0;
+const core_1 = require("@envelop/core");
 const usePreloadAssets = (opts) => ({
     onExecute: ({ extendContext, args }) => {
+        var _a, _b;
         const assets = new Set();
         extendContext({
             registerPreloadAsset: (assetUrl) => assets.add(assetUrl),
         });
-        if (opts?.shouldPreloadAssets?.(args.contextValue) ?? true) {
+        if ((_b = (_a = opts === null || opts === void 0 ? void 0 : opts.shouldPreloadAssets) === null || _a === void 0 ? void 0 : _a.call(opts, args.contextValue)) !== null && _b !== void 0 ? _b : true) {
             return {
                 onExecuteDone: payload => {
                     if (!assets.size) {
                         return;
                     }
-                    return core.handleStreamOrSingleExecutionResult(payload, ({ result, setResult }) => {
+                    return (0, core_1.handleStreamOrSingleExecutionResult)(payload, ({ result, setResult }) => {
                         setResult({
                             ...result,
                             extensions: {
@@ -31,5 +30,4 @@ const usePreloadAssets = (opts) => ({
         return undefined;
     },
 });
-
 exports.usePreloadAssets = usePreloadAssets;

package/cjs/package.json

@@ -0,0 +1 @@
+{"type":"commonjs"}

package/{index.mjs → esm/index.js}

@@ -1,12 +1,12 @@
 import { handleStreamOrSingleExecutionResult } from '@envelop/core';
-
-const usePreloadAssets = (opts) => ({
+export const usePreloadAssets = (opts) => ({
     onExecute: ({ extendContext, args }) => {
+        var _a, _b;
         const assets = new Set();
         extendContext({
             registerPreloadAsset: (assetUrl) => assets.add(assetUrl),
         });
-        if (opts?.shouldPreloadAssets?.(args.contextValue) ?? true) {
+        if ((_b = (_a = opts === null || opts === void 0 ? void 0 : opts.shouldPreloadAssets) === null || _a === void 0 ? void 0 : _a.call(opts, args.contextValue)) !== null && _b !== void 0 ? _b : true) {
             return {
                 onExecuteDone: payload => {
                     if (!assets.size) {
@@ -27,5 +27,3 @@ const usePreloadAssets = (opts) => ({
         return undefined;
     },
 });
-
-export { usePreloadAssets };

package/package.json

@@ -1,11 +1,12 @@
 {
   "name": "@envelop/preload-assets",
-  "version": "4.0.0-alpha-d0d0776.0",
+  "version": "4.0.0-alpha-ccec0fc.0",
   "sideEffects": false,
   "peerDependencies": {
-    "@envelop/core": "3.0.0-alpha-d0d0776.0",
-    "graphql": "^14.0.0 || ^15.0.0 || ^16.0.0"
+    "@envelop/core": "3.0.0-alpha-ccec0fc.0",
+    "@graphql-tools/graphql": "0.1.0-alpha-e7752ba5.0"
   },
+  "dependencies": {},
   "repository": {
     "type": "git",
     "url": "https://github.com/n1ru4l/envelop.git",
@@ -13,33 +14,42 @@
   },
   "author": "Dotan Simha <dotansimha@gmail.com>",
   "license": "MIT",
-  "main": "index.js",
-  "module": "index.mjs",
-  "typings": "index.d.ts",
+  "main": "cjs/index.js",
+  "module": "esm/index.js",
+  "typings": "typings/index.d.ts",
   "typescript": {
-    "definition": "index.d.ts"
+    "definition": "typings/index.d.ts"
   },
+  "type": "module",
   "exports": {
     ".": {
       "require": {
-        "default": "./index.js",
-        "types": "./index.d.ts"
+        "types": "./typings/index.d.ts",
+        "default": "./cjs/index.js"
       },
       "import": {
-        "default": "./index.mjs",
-        "types": "./index.d.ts"
+        "types": "./typings/index.d.ts",
+        "default": "./esm/index.js"
+      },
+      "default": {
+        "types": "./typings/index.d.ts",
+        "default": "./esm/index.js"
       }
     },
     "./*": {
       "require": {
-        "default": "./*.js",
-        "types": "./*.d.ts"
+        "types": "./typings/*.d.ts",
+        "default": "./cjs/*.js"
       },
       "import": {
-        "default": "./*.mjs",
-        "types": "./*.d.ts"
+        "types": "./typings/*.d.ts",
+        "default": "./esm/*.js"
+      },
+      "default": {
+        "types": "./typings/*.d.ts",
+        "default": "./esm/*.js"
       }
     },
     "./package.json": "./package.json"
   }
-}
+}

package/{index.d.ts → typings/index.d.ts}

@@ -2,4 +2,4 @@ import { Plugin } from '@envelop/core';
 export declare type UsePreloadAssetsOpts = {
     shouldPreloadAssets?: (context: unknown) => boolean;
 };
-export declare const usePreloadAssets: (opts?: UsePreloadAssetsOpts | undefined) => Plugin;
+export declare const usePreloadAssets: (opts?: UsePreloadAssetsOpts) => Plugin;