@teambit/graphql 0.0.849 → 0.0.852

package/dist/render-lifecycle.js

@@ -39,6 +39,16 @@ function _ssr() {
   return data;
 }
 
+function _server() {
+  const data = _interopRequireDefault(require("react-dom/server"));
+
+  _server = function () {
+    return data;
+  };
+
+  return data;
+}
+
 function _lodash() {
   const data = _interopRequireDefault(require("lodash.pick"));
 
@@ -79,6 +89,9 @@ function _graphql() {
   return data;
 }
 
+// Calling getMarkupFromTree instead of getDataFromTree so we can control the render function
+// This is required since upgrade to @apollo/client v3.6.9 because otherwise the ssr is not working since
+// webpack is not bundling the react-dom/server
 const ALLOWED_HEADERS = ['cookie'];
 
 class GraphqlRenderPlugins {
@@ -100,7 +113,10 @@ class GraphqlRenderPlugins {
       return ctx;
     });
     (0, _defineProperty2().default)(this, "onBeforeRender", async (ctx, app) => {
-      await (0, _ssr().getDataFromTree)(app);
+      await (0, _ssr().getMarkupFromTree)({
+        tree: app,
+        renderFunction: _server().default.renderToStaticMarkup
+      });
     });
     (0, _defineProperty2().default)(this, "serialize", ctx => {
       const client = ctx === null || ctx === void 0 ? void 0 : ctx.client;

package/dist/render-lifecycle.js.map

@@ -1 +1 @@
-{"version":3,"names":["ALLOWED_HEADERS","GraphqlRenderPlugins","constructor","graphqlUI","GraphqlAspect","id","browser","port","location","serverUrl","client","createSsrClient","headers","pick","ctx","app","getDataFromTree","undefined","json","JSON","stringify","extract","raw","state","parse","e","console","error","window","isInsecure","protocol","wsUrl","host","createClient","subscriptionUri","_client","renderCtx","children","TypeError","isBrowser","BrowserGqlProvider","ServerGqlProvider","getClient","browserInit"],"sources":["render-lifecycle.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { getDataFromTree } from '@apollo/client/react/ssr';\nimport type { ApolloClient, NormalizedCacheObject } from '@apollo/client';\nimport pick from 'lodash.pick';\n\nimport { isBrowser } from '@teambit/ui-foundation.ui.is-browser';\nimport type { SSR } from '@teambit/ui';\n\nimport type { GraphqlUI, GraphQLClient } from './graphql.ui.runtime';\nimport { GraphQLProvider } from './graphql-provider';\nimport { GraphqlAspect } from './graphql.aspect';\n\ntype RenderContext = {\n  client: GraphQLClient<any>;\n};\n\nconst ALLOWED_HEADERS = ['cookie'];\n\nexport class GraphqlRenderPlugins implements SSR.RenderPlugin<RenderContext, { state?: NormalizedCacheObject }> {\n  constructor(private graphqlUI: GraphqlUI) {}\n\n  key = GraphqlAspect.id;\n\n  serverInit = ({ browser }: SSR.SsrSession) => {\n    const port = browser?.location.port || 3000;\n    const serverUrl = `http://localhost:${port}/graphql`;\n\n    const client = this.graphqlUI.createSsrClient({\n      serverUrl,\n      headers: pick(browser?.headers, ALLOWED_HEADERS),\n    });\n\n    const ctx: RenderContext = { client };\n    return ctx;\n  };\n\n  /**\n   * Eagerly and recursively execute all gql queries in the app.\n   * Data will be available in gqlClient.extract()\n   */\n  onBeforeRender = async (ctx: RenderContext, app: ReactNode) => {\n    await getDataFromTree(app);\n  };\n\n  serialize = (ctx?: RenderContext) => {\n    const client = ctx?.client;\n    if (!client) return undefined;\n\n    return {\n      json: JSON.stringify(client.extract()),\n    };\n  };\n\n  deserialize = (raw?: string) => {\n    if (!raw) return { state: undefined };\n    let state: NormalizedCacheObject | undefined;\n    try {\n      state = JSON.parse(raw);\n    } catch (e) {\n      // eslint-disable-next-line no-console\n      console.error('[GraphQL] failed deserializing state from DOM', e);\n    }\n\n    return { state };\n  };\n\n  private _client: ApolloClient<NormalizedCacheObject> | undefined = undefined;\n\n  browserInit = ({ state }: { state?: NormalizedCacheObject } = {}) => {\n    const { location } = window;\n    const isInsecure = location.protocol === 'http:';\n    const wsUrl = `${isInsecure ? 'ws:' : 'wss:'}//${location.host}/subscriptions`;\n\n    const client = this.graphqlUI.createClient('/graphql', { state, subscriptionUri: wsUrl });\n    this._client = client;\n\n    return { client };\n  };\n\n  getClient() {\n    if (!this._client) return this.browserInit().client;\n    return this._client;\n  }\n\n  private BrowserGqlProvider = ({ renderCtx, children }: { renderCtx?: RenderContext; children: ReactNode }) => {\n    if (!renderCtx?.client) throw new TypeError('GQL client is not initialized, make sure `.browserInit()` executes');\n\n    return <this.graphqlUI.getProvider client={renderCtx?.client}>{children}</this.graphqlUI.getProvider>;\n  };\n\n  reactContext = isBrowser ? this.BrowserGqlProvider : ServerGqlProvider;\n}\n\nfunction ServerGqlProvider({ renderCtx, children }: { renderCtx?: RenderContext; children: ReactNode }) {\n  if (!renderCtx?.client)\n    throw new TypeError('GQL client has not been initialized during SSR, make sure `.serverInit()` executes');\n\n  const { client } = renderCtx;\n  return <GraphQLProvider client={client}>{children}</GraphQLProvider>;\n}\n"],"mappings":"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"}
+{"version":3,"names":["ALLOWED_HEADERS","GraphqlRenderPlugins","constructor","graphqlUI","GraphqlAspect","id","browser","port","location","serverUrl","client","createSsrClient","headers","pick","ctx","app","getMarkupFromTree","tree","renderFunction","ReactDOMServer","renderToStaticMarkup","undefined","json","JSON","stringify","extract","raw","state","parse","e","console","error","window","isInsecure","protocol","wsUrl","host","createClient","subscriptionUri","_client","renderCtx","children","TypeError","isBrowser","BrowserGqlProvider","ServerGqlProvider","getClient","browserInit"],"sources":["render-lifecycle.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\n// Calling getMarkupFromTree instead of getDataFromTree so we can control the render function\n// This is required since upgrade to @apollo/client v3.6.9 because otherwise the ssr is not working since\n// webpack is not bundling the react-dom/server\nimport { getMarkupFromTree } from '@apollo/client/react/ssr';\nimport ReactDOMServer from 'react-dom/server';\nimport type { ApolloClient, NormalizedCacheObject } from '@apollo/client';\nimport pick from 'lodash.pick';\n\nimport { isBrowser } from '@teambit/ui-foundation.ui.is-browser';\nimport type { SSR } from '@teambit/ui';\n\nimport type { GraphqlUI, GraphQLClient } from './graphql.ui.runtime';\nimport { GraphQLProvider } from './graphql-provider';\nimport { GraphqlAspect } from './graphql.aspect';\n\ntype RenderContext = {\n  client: GraphQLClient<any>;\n};\n\nconst ALLOWED_HEADERS = ['cookie'];\n\nexport class GraphqlRenderPlugins implements SSR.RenderPlugin<RenderContext, { state?: NormalizedCacheObject }> {\n  constructor(private graphqlUI: GraphqlUI) {}\n\n  key = GraphqlAspect.id;\n\n  serverInit = ({ browser }: SSR.SsrSession) => {\n    const port = browser?.location.port || 3000;\n    const serverUrl = `http://localhost:${port}/graphql`;\n\n    const client = this.graphqlUI.createSsrClient({\n      serverUrl,\n      headers: pick(browser?.headers, ALLOWED_HEADERS),\n    });\n\n    const ctx: RenderContext = { client };\n    return ctx;\n  };\n\n  /**\n   * Eagerly and recursively execute all gql queries in the app.\n   * Data will be available in gqlClient.extract()\n   */\n  onBeforeRender = async (ctx: RenderContext, app: ReactNode) => {\n    await getMarkupFromTree({tree: app, renderFunction: ReactDOMServer.renderToStaticMarkup });\n  };\n\n  serialize = (ctx?: RenderContext) => {\n    const client = ctx?.client;\n    if (!client) return undefined;\n\n    return {\n      json: JSON.stringify(client.extract()),\n    };\n  };\n\n  deserialize = (raw?: string) => {\n    if (!raw) return { state: undefined };\n    let state: NormalizedCacheObject | undefined;\n    try {\n      state = JSON.parse(raw);\n    } catch (e) {\n      // eslint-disable-next-line no-console\n      console.error('[GraphQL] failed deserializing state from DOM', e);\n    }\n\n    return { state };\n  };\n\n  private _client: ApolloClient<NormalizedCacheObject> | undefined = undefined;\n\n  browserInit = ({ state }: { state?: NormalizedCacheObject } = {}) => {\n    const { location } = window;\n    const isInsecure = location.protocol === 'http:';\n    const wsUrl = `${isInsecure ? 'ws:' : 'wss:'}//${location.host}/subscriptions`;\n\n    const client = this.graphqlUI.createClient('/graphql', { state, subscriptionUri: wsUrl });\n    this._client = client;\n\n    return { client };\n  };\n\n  getClient() {\n    if (!this._client) return this.browserInit().client;\n    return this._client;\n  }\n\n  private BrowserGqlProvider = ({ renderCtx, children }: { renderCtx?: RenderContext; children: ReactNode }) => {\n    if (!renderCtx?.client) throw new TypeError('GQL client is not initialized, make sure `.browserInit()` executes');\n\n    return <this.graphqlUI.getProvider client={renderCtx?.client}>{children}</this.graphqlUI.getProvider>;\n  };\n\n  reactContext = isBrowser ? this.BrowserGqlProvider : ServerGqlProvider;\n}\n\nfunction ServerGqlProvider({ renderCtx, children }: { renderCtx?: RenderContext; children: ReactNode }) {\n  if (!renderCtx?.client)\n    throw new TypeError('GQL client has not been initialized during SSR, make sure `.serverInit()` executes');\n\n  const { client } = renderCtx;\n  return <GraphQLProvider client={client}>{children}</GraphQLProvider>;\n}\n"],"mappings":"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"}

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@teambit/graphql",
-  "version": "0.0.849",
+  "version": "0.0.852",
   "homepage": "https://bit.dev/teambit/harmony/graphql",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.harmony",
     "name": "graphql",
-    "version": "0.0.849"
+    "version": "0.0.852"
   },
   "dependencies": {
     "@graphql-modules/core": "0.7.17",
@@ -35,7 +35,7 @@
     "@teambit/cli": "0.0.566",
     "@teambit/logger": "0.0.659",
     "@teambit/toolbox.network.get-port": "0.0.119",
-    "@teambit/ui": "0.0.849",
+    "@teambit/ui": "0.0.852",
     "@teambit/ui-foundation.ui.is-browser": "0.0.492"
   },
   "devDependencies": {
@@ -43,11 +43,11 @@
     "@types/cors": "2.8.10",
     "@types/express": "4.17.13",
     "@types/lodash.pick": "4.4.6",
+    "@types/react-dom": "^17.0.5",
     "@types/node-fetch": "2.5.12",
     "@types/mocha": "9.1.0",
     "@types/testing-library__jest-dom": "5.9.5",
     "@types/jest": "^26.0.0",
-    "@types/react-dom": "^17.0.5",
     "@types/node": "12.20.4"
   },
   "peerDependencies": {

package/{preview-1662892819691.js → preview-1663069999927.js}

@@ -1,5 +1,7 @@
-import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.harmony_graphql@0.0.849/dist/graphql.composition.js';
-import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.harmony_graphql@0.0.849/dist/graphql.docs.mdx';
+import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.harmony_graphql@0.0.852/dist/graphql.composition.js';
+import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.harmony_graphql@0.0.852/dist/graphql.docs.mdx';
 
 export const compositions = [compositions_0];
 export const overview = [overview_0];
+
+export const compositions_metadata = {"compositions":[{"displayName":"Logo","identifier":"Logo"}]};

package/render-lifecycle.tsx

@@ -1,5 +1,9 @@
 import React, { ReactNode } from 'react';
-import { getDataFromTree } from '@apollo/client/react/ssr';
+// Calling getMarkupFromTree instead of getDataFromTree so we can control the render function
+// This is required since upgrade to @apollo/client v3.6.9 because otherwise the ssr is not working since
+// webpack is not bundling the react-dom/server
+import { getMarkupFromTree } from '@apollo/client/react/ssr';
+import ReactDOMServer from 'react-dom/server';
 import type { ApolloClient, NormalizedCacheObject } from '@apollo/client';
 import pick from 'lodash.pick';
 
@@ -39,7 +43,7 @@ export class GraphqlRenderPlugins implements SSR.RenderPlugin<RenderContext, { s
    * Data will be available in gqlClient.extract()
    */
   onBeforeRender = async (ctx: RenderContext, app: ReactNode) => {
-    await getDataFromTree(app);
+    await getMarkupFromTree({tree: app, renderFunction: ReactDOMServer.renderToStaticMarkup });
   };
 
   serialize = (ctx?: RenderContext) => {