@ninetailed/experience.js-gatsby 4.2.2 → 4.2.3-beta.0

package/gatsby-browser.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _tslib = require('./_tslib.js');
+var serialize = require('./serialize.js');
 var React = require('react');
 var experience_js = require('@ninetailed/experience.js');
 var experience_jsReact = require('@ninetailed/experience.js-react');
@@ -21,12 +21,21 @@ const WrapRootElement = _a => {
   var {
       children
     } = _a,
-    options = _tslib.__rest(_a, ["children"]);
+    options = serialize.__rest(_a, ["children"]);
   if (!ninetailed) {
     const resolvedPlugins = loaders_ninetailedPlugins.plugins.map(({
       PluginCtor,
       options
-    }) => new PluginCtor(options));
+    }) => {
+      if (!options) {
+        return new PluginCtor();
+      }
+      if (options && !options.serializedFunctionNames) {
+        return new PluginCtor(options);
+      }
+      const updatedOptions = Object.assign(Object.assign({}, options), serialize.deserializePluginOptionFns(options));
+      return new PluginCtor(updatedOptions);
+    });
     const {
       clientId,
       environment,

package/gatsby-node.d.ts

@@ -1,4 +1,4 @@
-import { PluginOptionsSchemaArgs, CreateWebpackConfigArgs, CreatePagesArgs } from 'gatsby';
+import { CreatePagesArgs, CreateWebpackConfigArgs, PluginOptionsSchemaArgs } from 'gatsby';
 import { ObjectSchema } from 'gatsby-plugin-utils';
 import { PluginOptions } from './plugin-options';
 export declare const pluginOptionsSchema: ({ Joi, }: PluginOptionsSchemaArgs) => ObjectSchema<any>;

package/gatsby-node.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _tslib = require('./_tslib.js');
+var serialize = require('./serialize.js');
 var require$$0 = require('path');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -52,7 +52,7 @@ const createPages = ({
   actions,
   store,
   graphql
-}) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+}) => serialize.__awaiter(void 0, void 0, void 0, function* () {
   const ninetailedGatsbyPlugin = store.getState().flattenedPlugins.find(plugin => plugin.name === '@ninetailed/experience.js-gatsby');
   if (!ninetailedGatsbyPlugin) {
     return;
@@ -105,17 +105,26 @@ const createPages = ({
     throw new Error('Failed to query experience data. Check query configuration or data retrieval by the source plugin.');
   }
   const experiences = experienceOptionsSet ? experienceMapper(experienceData) : [];
-  const ninetailedPreviewPluginOverride = Object.assign(Object.assign({}, ninetailedPreviewPlugin), {
-    options: Object.assign(Object.assign({}, ninetailedPreviewPlugin.options), {
-      audiences,
-      experiences
-    })
-  });
-  const ninetailedPluginsOverwrite = ninetailedGatsbyPlugin.pluginOptions.ninetailedPlugins.map(plugin => {
-    return plugin === ninetailedPreviewPlugin ? ninetailedPreviewPluginOverride : plugin;
+  const ninetailedPluginsOverride = ninetailedGatsbyPlugin.pluginOptions.ninetailedPlugins.map(plugin => {
+    const pluginOptions = plugin.options;
+    if (!pluginOptions) {
+      return plugin;
+    }
+    const {
+      serializedFunctions,
+      serializedFunctionNames
+    } = serialize.serializePluginOptionFns(pluginOptions);
+    return Object.assign(Object.assign({}, plugin), {
+      options: Object.assign(Object.assign(Object.assign(Object.assign({}, plugin.options), serializedFunctions), {
+        serializedFunctionNames
+      }), plugin.name === '@ninetailed/experience.js-plugin-preview' && {
+        audiences,
+        experiences
+      })
+    });
   });
   ninetailedGatsbyPlugin.pluginOptions = Object.assign(Object.assign({}, ninetailedGatsbyPlugin.pluginOptions), {
-    ninetailedPlugins: ninetailedPluginsOverwrite
+    ninetailedPlugins: ninetailedPluginsOverride
   });
   setPluginStatus({
     pluginOptions: ninetailedGatsbyPlugin.pluginOptions

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ninetailed/experience.js-gatsby",
-  "version": "4.2.2",
+  "version": "4.2.3-beta.0",
   "keywords": [
     "gatsby",
     "gatsby-plugin",
@@ -18,8 +18,8 @@
   "type": "commonjs",
   "types": "./index.d.ts",
   "dependencies": {
-    "@ninetailed/experience.js": "4.2.2",
-    "@ninetailed/experience.js-react": "4.2.2",
+    "@ninetailed/experience.js": "4.2.3-beta.0",
+    "@ninetailed/experience.js-react": "4.2.3-beta.0",
     "gatsby-plugin-utils": "3.19.0"
   }
 }

package/plugin-options.d.ts

@@ -6,3 +6,12 @@ export type PluginOptions = GatsbyPluginOptions & NinetailedProviderInstantiatio
         options: unknown;
     }[];
 };
+export type NinetailedPluginOptions = Record<string, unknown>;
+export type SerializedFunctions = {
+    serializedFunctionNames: string[];
+};
+export type ResolvedPluginOptions = Record<string, unknown> & SerializedFunctions;
+export type ResolvedPlugin = {
+    PluginCtor: any;
+    options?: ResolvedPluginOptions;
+};

package/{_tslib.js → serialize.js}

@@ -37,5 +37,44 @@ function __awaiter(thisArg, _arguments, P, generator) {
     });
 }
 
+const createFunctionBody = serializedFunction => {
+  return '"use strict";\n return ' + serializedFunction + ';';
+};
+const deserializeFunction = serializedFunction => {
+  return new Function(createFunctionBody(serializedFunction))();
+};
+const deserializePluginOptionFns = options => {
+  var _a;
+  return (_a = options.serializedFunctionNames) === null || _a === void 0 ? void 0 : _a.reduce((acc, currFuncName) => {
+    const currentFunction = options[currFuncName];
+    if (currentFunction && typeof currentFunction === 'string') {
+      return Object.assign(Object.assign({}, acc), {
+        [currFuncName]: deserializeFunction(currentFunction)
+      });
+    }
+    return acc;
+  }, {});
+};
+const serializePluginOptionFns = pluginOptions => {
+  const serializedFunctionNames = [];
+  const serializedFunctions = Object.keys(pluginOptions).reduce((acc, optionKey) => {
+    const optionValue = pluginOptions[optionKey];
+    if (optionValue && typeof optionValue === 'function') {
+      const serializedFunction = optionValue.toString();
+      serializedFunctionNames.push(optionKey);
+      return Object.assign(Object.assign({}, acc), {
+        [optionKey]: serializedFunction
+      });
+    }
+    return acc;
+  }, {});
+  return {
+    serializedFunctions,
+    serializedFunctionNames
+  };
+};
+
 exports.__awaiter = __awaiter;
 exports.__rest = __rest;
+exports.deserializePluginOptionFns = deserializePluginOptionFns;
+exports.serializePluginOptionFns = serializePluginOptionFns;

package/utils/serialize.d.ts

@@ -0,0 +1,6 @@
+import { NinetailedPluginOptions, ResolvedPluginOptions } from '../plugin-options';
+export declare const deserializePluginOptionFns: (options: ResolvedPluginOptions) => Record<string, (...args: unknown[]) => void>;
+export declare const serializePluginOptionFns: (pluginOptions: NinetailedPluginOptions) => {
+    serializedFunctions: {};
+    serializedFunctionNames: string[];
+};