@teambit/graphql 1.0.108 → 1.0.109

package/artifacts/preview/teambit_harmony_graphql-preview.js

@@ -0,0 +1 @@
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports["teambit.harmony/graphql-preview"]=t():e["teambit.harmony/graphql-preview"]=t()}(self,(()=>(()=>{"use strict";var e={42373:(e,t,o)=>{var r={id:"teambit.harmony/graphql@1.0.109",homepage:"https://bit.cloud/teambit/harmony/graphql",exported:!0};function n(){const e=i(o(87363));return n=function(){return e},e}function i(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.Logo=void 0,n.__bit_component=r,i.__bit_component=r;const a=()=>n().default.createElement("div",{style:{height:"100%",display:"flex",justifyContent:"center"}},n().default.createElement("img",{style:{width:70},src:"https://static.bit.dev/brands/logo-grphql.svg"}));a.__bit_component=r,t.Logo=a},87363:e=>{e.exports=React}},t={};function o(r){var n=t[r];if(void 0!==n)return n.exports;var i=t[r]={exports:{}};return e[r](i,i.exports,o),i.exports}o.d=(e,t)=>{for(var r in t)o.o(t,r)&&!o.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var r={};return(()=>{o.r(r),o.d(r,{compositions:()=>d,compositions_metadata:()=>f,overview:()=>u});var e={};o.r(e),o.d(e,{default:()=>l});var t=o(42373);o(87363);const n=MdxJsReact,i=TeambitMdxUiMdxScopeContext;var a=["components"];function p(){return p=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var r in o)Object.prototype.hasOwnProperty.call(o,r)&&(e[r]=o[r])}return e},p.apply(this,arguments)}var c={},s="wrapper";function l(e){var t=e.components,o=function(e,t){if(null==e)return{};var o,r,n=function(e,t){if(null==e)return{};var o,r,n={},i=Object.keys(e);for(r=0;r<i.length;r++)o=i[r],t.indexOf(o)>=0||(n[o]=e[o]);return n}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)o=i[r],t.indexOf(o)>=0||Object.prototype.propertyIsEnumerable.call(e,o)&&(n[o]=e[o])}return n}(e,a);return(0,n.mdx)(s,p({},c,o,{components:t,mdxType:"MDXLayout"}),(0,n.mdx)(i.MDXScopeProvider,{components:{},mdxType:"MDXScopeProvider"}))}l.isMDXComponent=!0;const d=[t],u=[e],f={compositions:[{displayName:"Logo",identifier:"Logo"}]}})(),r})()));

package/dist/{preview-1703647408454.js → preview-1703698405864.js}

@@ -1,5 +1,5 @@
-import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.harmony_graphql@1.0.108/dist/graphql.composition.js';
-import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.harmony_graphql@1.0.108/dist/graphql.docs.mdx';
+import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.harmony_graphql@1.0.109/dist/graphql.composition.js';
+import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.harmony_graphql@1.0.109/dist/graphql.docs.mdx';
 
 export const compositions = [compositions_0];
 export const overview = [overview_0];

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@teambit/graphql",
-  "version": "1.0.108",
+  "version": "1.0.109",
   "homepage": "https://bit.cloud/teambit/harmony/graphql",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.harmony",
     "name": "graphql",
-    "version": "1.0.108"
+    "version": "1.0.109"
   },
   "dependencies": {
     "@graphql-modules/core": "0.7.17",
@@ -32,10 +32,10 @@
     "bufferutil": "4.0.3",
     "@teambit/harmony": "0.4.6",
     "@teambit/ui-foundation.ui.is-browser": "0.0.500",
-    "@teambit/cli": "0.0.840",
-    "@teambit/logger": "0.0.933",
+    "@teambit/cli": "0.0.841",
+    "@teambit/logger": "0.0.934",
     "@teambit/toolbox.network.get-port": "1.0.4",
-    "@teambit/ui": "1.0.108"
+    "@teambit/ui": "1.0.109"
   },
   "devDependencies": {
     "@types/cors": "2.8.10",
@@ -45,7 +45,7 @@
     "@types/mocha": "9.1.0",
     "@types/jest": "^29.2.2",
     "@types/testing-library__jest-dom": "^5.9.5",
-    "@teambit/harmony.envs.core-aspect-env": "0.0.13"
+    "@teambit/harmony.envs.core-aspect-env": "0.0.14"
   },
   "peerDependencies": {
     "@apollo/client": "^3.6.0",

package/create-link.ts

@@ -1,20 +0,0 @@
-import { HttpLink, split } from '@apollo/client';
-import { getMainDefinition } from '@apollo/client/utilities';
-import type { WebSocketLink } from '@apollo/client/link/ws';
-
-/**
- * create a link which splits routes data depending on type of operation.
- * @param httpLink http link for apollo graphql
- * @param wsLink web socket link for apollo graphql
- */
-export function createSplitLink(httpLink: HttpLink, wsLink: WebSocketLink) {
-  return split(
-    // split based on operation type
-    ({ query }) => {
-      const definition = getMainDefinition(query);
-      return definition.kind === 'OperationDefinition' && definition.operation === 'subscription';
-    },
-    wsLink,
-    httpLink
-  );
-}

package/graphql-error.ts

@@ -1,13 +0,0 @@
-export class GraphQlError {
-  constructor(
-    /**
-     * http status code of error
-     */
-    public readonly code: number,
-
-    /**
-     * error message of the error
-     */
-    public readonly message?: string
-  ) {}
-}

package/graphql-server.ts

@@ -1,5 +0,0 @@
-export interface GraphQLServer {
-  uri: string;
-
-  subscriptionsUri?: string;
-}

package/graphql.aspect.ts

@@ -1,9 +0,0 @@
-import { Aspect } from '@teambit/harmony';
-
-export const GraphqlAspect = Aspect.create({
-  id: 'teambit.harmony/graphql',
-  dependencies: [],
-  defaultConfig: {},
-});
-
-export default GraphqlAspect;

package/graphql.main.runtime.ts

@@ -1,328 +0,0 @@
-import { mergeSchemas } from '@graphql-tools/schema';
-import NoIntrospection from 'graphql-disable-introspection';
-import { GraphQLModule } from '@graphql-modules/core';
-import { MainRuntime } from '@teambit/cli';
-import { Harmony, Slot, SlotRegistry } from '@teambit/harmony';
-import { Logger, LoggerAspect, LoggerMain } from '@teambit/logger';
-import express, { Express } from 'express';
-import { graphqlHTTP } from 'express-graphql';
-import { Port } from '@teambit/toolbox.network.get-port';
-import { execute, subscribe } from 'graphql';
-import { PubSubEngine, PubSub } from 'graphql-subscriptions';
-import { createServer, Server } from 'http';
-import httpProxy from 'http-proxy';
-import { SubscriptionServer } from 'subscriptions-transport-ws';
-import cors from 'cors';
-import { GraphQLServer } from './graphql-server';
-import { createRemoteSchemas } from './create-remote-schemas';
-import { GraphqlAspect } from './graphql.aspect';
-import { Schema } from './schema';
-
-export enum Verb {
-  WRITE = 'write',
-  READ = 'read',
-}
-
-export type GraphQLConfig = {
-  port: number;
-  subscriptionsPortRange: number[];
-  subscriptionsPath: string;
-  disableCors?: boolean;
-};
-
-export type GraphQLServerSlot = SlotRegistry<GraphQLServer>;
-
-export type SchemaSlot = SlotRegistry<Schema>;
-
-export type PubSubSlot = SlotRegistry<PubSubEngine>;
-
-export type GraphQLServerOptions = {
-  schemaSlot?: SchemaSlot;
-  app?: Express;
-  graphiql?: boolean;
-  disableIntrospection?: boolean;
-  remoteSchemas?: GraphQLServer[];
-  subscriptionsPortRange?: number[];
-  onWsConnect?: Function;
-};
-
-export class GraphqlMain {
-  constructor(
-    /**
-     * extension config
-     */
-    readonly config: GraphQLConfig,
-
-    /**
-     * slot for registering graphql modules
-     */
-    private moduleSlot: SchemaSlot,
-
-    /**
-     * harmony context.
-     */
-    private context: Harmony,
-
-    /**
-     * logger extension.
-     */
-    readonly logger: Logger,
-
-    private graphQLServerSlot: GraphQLServerSlot,
-
-    /**
-     * graphql pubsub. allows to emit events to clients.
-     */
-    private pubSubSlot: PubSubSlot
-  ) {}
-
-  get pubsub(): PubSubEngine {
-    const pubSubSlots = this.pubSubSlot.values();
-    if (pubSubSlots.length) return pubSubSlots[0];
-    return new PubSub();
-  }
-
-  private modules = new Map<string, GraphQLModule>();
-
-  /**
-   * returns the schema for a specific aspect by its id.
-   */
-  getSchema(aspectId: string) {
-    return this.moduleSlot.get(aspectId);
-  }
-
-  /**
-   * get multiple schema by aspect ids.
-   */
-  getSchemas(aspectIds: string[]) {
-    return this.moduleSlot
-      .toArray()
-      .filter(([aspectId]) => {
-        return aspectIds.includes(aspectId);
-      })
-      .map(([, schema]) => {
-        return schema;
-      });
-  }
-
-  async createServer(options: GraphQLServerOptions) {
-    const { graphiql = true, disableIntrospection } = options;
-    const localSchema = this.createRootModule(options.schemaSlot);
-    const remoteSchemas = await createRemoteSchemas(options.remoteSchemas || this.graphQLServerSlot.values());
-    const schemas = [localSchema.schema].concat(remoteSchemas).filter((x) => x);
-    const schema = mergeSchemas({
-      schemas,
-    });
-
-    // TODO: @guy please consider to refactor to express extension.
-    const app = options.app || express();
-    if (!this.config.disableCors) {
-      app.use(
-        // @ts-ignore todo: it's not clear what's the issue.
-        cors({
-          origin(origin, callback) {
-            callback(null, true);
-          },
-          credentials: true,
-        })
-      );
-    }
-
-    app.use(
-      '/graphql',
-      // eslint-disable-next-line @typescript-eslint/no-misused-promises
-      graphqlHTTP((request, res, params) => ({
-        customFormatErrorFn: (err) => {
-          this.logger.error('graphql got an error during running the following query:', params);
-          this.logger.error('graphql error ', err);
-          return Object.assign(err, {
-            // @ts-ignore
-            ERR_CODE: err?.originalError?.errors?.[0].ERR_CODE || err.originalError?.constructor?.name,
-            // @ts-ignore
-            HTTP_CODE: err?.originalError?.errors?.[0].HTTP_CODE || err.originalError?.code,
-          });
-        },
-        schema,
-        rootValue: request,
-        graphiql,
-        validationRules: disableIntrospection ? [NoIntrospection] : undefined,
-      }))
-    );
-
-    const server = createServer(app);
-    const subscriptionsPort = options.subscriptionsPortRange || this.config.subscriptionsPortRange;
-    const subscriptionServerPort = await this.getPort(subscriptionsPort);
-    const { port } = await this.createSubscription(options, subscriptionServerPort);
-    this.proxySubscription(server, port);
-
-    return server;
-  }
-
-  /**
-   * register a new graphql server.
-   */
-  registerServer(server: GraphQLServer) {
-    this.graphQLServerSlot.register(server);
-    return this;
-  }
-
-  /**
-   * register a pubsub client
-   */
-  registerPubSub(pubsub: PubSubEngine) {
-    const pubSubSlots = this.pubSubSlot.toArray();
-    if (pubSubSlots.length) throw new Error('can not register more then one pubsub provider');
-    this.pubSubSlot.register(pubsub);
-    return this;
-  }
-
-  /**
-   * start a graphql server.
-   */
-  async listen(port?: number, server?: Server, app?: Express) {
-    const serverPort = port || this.config.port;
-    const subServer = server || (await this.createServer({ app }));
-
-    subServer.listen(serverPort, () => {
-      this.logger.info(`API Server over HTTP is now running on http://localhost:${serverPort}`);
-      this.logger.info(
-        `API Server over web socket with subscriptions is now running on ws://localhost:${serverPort}/${this.config.subscriptionsPath}`
-      );
-    });
-  }
-
-  /**
-   * register a new graphql module.
-   */
-  register(schema: Schema) {
-    // const module = new GraphQLModule(schema);
-    this.moduleSlot.register(schema);
-    return this;
-  }
-
-  private async getPort(range: number[]) {
-    const [from, to] = range;
-    return Port.getPort(from, to);
-  }
-
-  /** create Subscription server with different port */
-
-  private async createSubscription(options: GraphQLServerOptions, port: number) {
-    // Create WebSocket listener server
-    const websocketServer = createServer((request, response) => {
-      response.writeHead(404);
-      response.end();
-    });
-
-    // Bind it to port and start listening
-    websocketServer.listen(port, () =>
-      this.logger.debug(`Websocket Server is now running on http://localhost:${port}`)
-    );
-
-    const localSchema = this.createRootModule(options.schemaSlot);
-    const remoteSchemas = await createRemoteSchemas(options.remoteSchemas || this.graphQLServerSlot.values());
-    const schemas = [localSchema.schema].concat(remoteSchemas).filter((x) => x);
-    const schema = mergeSchemas({
-      schemas,
-    });
-
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    const subServer = new SubscriptionServer(
-      {
-        execute,
-        subscribe,
-        schema,
-        onConnect: options.onWsConnect,
-      },
-      {
-        server: websocketServer,
-        path: this.config.subscriptionsPath,
-      }
-    );
-    return { subServer, port };
-  }
-  /** proxy ws Subscription server to avoid conflict with different websocket connections */
-
-  private proxySubscription(server: Server, port: number) {
-    const proxServer = httpProxy.createProxyServer();
-    const subscriptionsPath = this.config.subscriptionsPath;
-    server.on('upgrade', function (req, socket, head) {
-      if (req.url === subscriptionsPath) {
-        proxServer.ws(req, socket, head, { target: { host: 'localhost', port } });
-      }
-    });
-  }
-
-  private createRootModule(schemaSlot?: SchemaSlot) {
-    const modules = this.buildModules(schemaSlot);
-
-    return new GraphQLModule({
-      imports: modules,
-    });
-  }
-
-  private buildModules(schemaSlot?: SchemaSlot) {
-    const schemaSlots = schemaSlot ? schemaSlot.toArray() : this.moduleSlot.toArray();
-    return schemaSlots.map(([extensionId, schema]) => {
-      const moduleDeps = this.getModuleDependencies(extensionId);
-
-      const module = new GraphQLModule({
-        typeDefs: schema.typeDefs,
-        resolvers: schema.resolvers,
-        schemaDirectives: schema.schemaDirectives,
-        imports: moduleDeps,
-        context: (session) => {
-          return {
-            ...session,
-            verb: session?.headers?.['x-verb'] || Verb.READ,
-          };
-        },
-      });
-
-      this.modules.set(extensionId, module);
-
-      return module;
-    });
-  }
-
-  private getModuleDependencies(extensionId: string): GraphQLModule[] {
-    const extension = this.context.extensions.get(extensionId);
-    if (!extension) throw new Error(`aspect ${extensionId} was not found`);
-    const deps = this.context.getDependencies(extension);
-    const ids = deps.map((dep) => dep.id);
-
-    // @ts-ignore check :TODO why types are breaking here.
-    return Array.from(this.modules.entries())
-      .map(([depId, module]) => {
-        const dep = ids.includes(depId);
-        if (!dep) return undefined;
-        return module;
-      })
-      .filter((module) => !!module);
-  }
-
-  static slots = [Slot.withType<Schema>(), Slot.withType<GraphQLServer>(), Slot.withType<PubSubSlot>()];
-
-  static defaultConfig = {
-    port: 4000,
-    subscriptionsPortRange: [2000, 2100],
-    disableCors: false,
-    subscriptionsPath: '/subscriptions',
-  };
-
-  static runtime = MainRuntime;
-  static dependencies = [LoggerAspect];
-
-  static async provider(
-    [loggerFactory]: [LoggerMain],
-    config: GraphQLConfig,
-    [moduleSlot, graphQLServerSlot, pubSubSlot]: [SchemaSlot, GraphQLServerSlot, PubSubSlot],
-    context: Harmony
-  ) {
-    const logger = loggerFactory.createLogger(GraphqlAspect.id);
-    const graphqlMain = new GraphqlMain(config, moduleSlot, context, logger, graphQLServerSlot, pubSubSlot);
-    return graphqlMain;
-  }
-}
-
-GraphqlAspect.addRuntime(GraphqlMain);

package/index.ts

@@ -1,8 +0,0 @@
-export { GraphqlAspect, GraphqlAspect as default } from './graphql.aspect';
-
-export type { Schema } from './schema';
-export type { GraphqlMain, SchemaSlot } from './graphql.main.runtime';
-export type { GraphqlUI, GraphQLClient } from './graphql.ui.runtime';
-export type { GraphQLServer } from './graphql-server';
-export { GraphQLProvider } from './graphql-provider';
-export { GraphQlError } from './graphql-error';

package/logging.ts

@@ -1,26 +0,0 @@
-import { ErrorResponse } from '@apollo/client/link/error';
-
-export function logError({ graphQLErrors, networkError, operation }: ErrorResponse) {
-  if (graphQLErrors)
-    graphQLErrors.forEach(({ message, locations, path }) =>
-      // eslint-disable-next-line no-console
-      console.error(`[gql] error on "${operation.operationName}" - "${message}"`, locations, path)
-    );
-
-  // eslint-disable-next-line no-console
-  if (networkError) console.error('[gql] network error', `"${operation.operationName}"`, networkError);
-}
-
-// // // a fetch monkey patch with logs. useful to debug gql
-// function loggingCrossFetch(...p: Parameters<typeof fetch>) {
-//   const [url, init] = p;
-//   const headers = init?.headers;
-//   const body = init?.body;
-
-//   console.debug('[gql]', 'fetching', url, body, { headers });
-//   const promise = crossFetch(...p);
-//   promise
-//     .then((result) => console.debug('[gql]', 'finished', result))
-//     .catch((err) => console.debug('[gql]', 'error', err));
-//   return promise;
-// }

package/schema.ts

@@ -1,11 +0,0 @@
-import type { DocumentNode } from 'graphql';
-import type { SchemaDirectives } from '@graphql-modules/core';
-
-/**
- * graphql schema for an extension.
- */
-export type Schema = {
-  typeDefs?: string | DocumentNode;
-  resolvers?: { [key: string]: any };
-  schemaDirectives?: SchemaDirectives;
-};