@ninetailed/experience.js-gatsby 1.7.1 → 1.7.2

package/README.md

@@ -58,7 +58,7 @@ Add the plugin to the plugins array in your gatsby-config.js and your API Key.
 plugins: [
     ...your other gatsby plugins
     {
-        resolve: `gatsby-plugin-ninetailed`,
+        resolve: `@ninetailed/experience.js-gatsby`,
         options: {
             clientId: 'your api key'
         }
@@ -72,6 +72,32 @@ By using the gatsby plugin there's no need to configure the `NinetailedProvuder`
 
 The plugin automatically tracks Pageviews on route change, please do not track it on your own as you would duplicate events.
 
+### Ninetailed Plugins
+
+To use Ninetailed Plugins like `@ninetailed/experience.js-plugin-preview` you have to pass them to the plugins array of the `@ninetailed/experience.js-gatsby` SDK.
+
+```js
+plugins: [
+    ...your other gatsby plugins
+    {
+        resolve: `@ninetailed/experience.js-gatsby`,
+        options: {
+            clientId: 'your api key',
+            ninetailedPlugins: [
+              {
+                resolve: `@ninetailed/experience.js-plugin-preview`,
+                // These options are the args of the plugin itself
+                options: {
+                  clientId: "a readlony api token id",
+                  secret: "a readlony token secret"
+                }
+              }
+            ]
+        }
+    }
+]
+```
+
 ## Personalizing Components
 
 ### Personalize Component
@@ -80,7 +106,7 @@ To make personalizing your components as seamless as possible Ninetailed provide
 
 ```TypeScript
 import React from 'react';
-import { Personalize } from '@ninetailed/experience.js-gatsby';
+import { Personalize } from '@ninetailed/experience.js-react';
 
 type HeadlineProps = {
   text: string;
@@ -114,7 +140,7 @@ Using the visitor's and the useProfile hook makes it very easy to use inline per
 
 ```TypeScript
 import React, { useState, useEffect } from 'react';
-import { useProfile } from '@ninetailed/experience.js-gatsby';
+import { useProfile } from '@ninetailed/experience.js-react';
 
 const Greeting = () => {
   const [loading, profile, error] = useProfile();
@@ -138,12 +164,13 @@ import {
   RenderRichTextData,
   ContentfulRichTextGatsbyReference,
 } from 'gatsby-source-contentful/rich-text';
-import { MergeTag } from '@ninetailed/experience.js-gatsby';
+import { MergeTag } from '@ninetailed/experience.js-react';
 
 const options = {
   renderNode: {
     [INLINES.EMBEDDED_ENTRY]: (node) => {
       const id = node.data.target.id;
+      // The __typename changes depending on your Contentful setup.
       if (node.data.target.__typename === "ContentfulNtMergeTag" && id) {
         return <MergeTag id={mergeTag.id} />;
       }

package/gatsby-browser.js

@@ -5,9 +5,12 @@ const tslib_1 = require("tslib");
 const react_1 = (0, tslib_1.__importDefault)(require("react"));
 const experience_js_react_1 = require("@ninetailed/experience.js-react");
 const Tracker_1 = require("./src/lib/Tracker");
+//@ts-ignore
+const ninetailed_plugins_1 = require("./loaders/ninetailed-plugins");
 const WrapRootElement = (_a) => {
     var { children } = _a, options = (0, tslib_1.__rest)(_a, ["children"]);
-    return (react_1.default.createElement(experience_js_react_1.NinetailedProvider, Object.assign({}, options),
+    const resolvedPlugins = ninetailed_plugins_1.plugins.map(({ plugin, options }) => plugin(options));
+    return (react_1.default.createElement(experience_js_react_1.NinetailedProvider, Object.assign({}, options, { plugins: resolvedPlugins }),
         react_1.default.createElement(Tracker_1.Tracker, null),
         children));
 };

package/gatsby-browser.js.map

@@ -1 +1 @@
-{"version":3,"file":"gatsby-browser.js","sourceRoot":"","sources":["../../../packages/gatsby/gatsby-browser.tsx"],"names":[],"mappings":";;;;AAAA,+DAA0B;AAE1B,yEAAqE;AAErE,+CAA4C;AAG5C,MAAM,eAAe,GAA4B,CAAC,EAGjD,EAAE,EAAE;QAH6C,EAChD,QAAQ,OAET,EADI,OAAO,2BAFsC,YAGjD,CADW;IAEV,OAAO,CACL,8BAAC,wCAAkB,oBAAK,OAAO;QAC7B,8BAAC,iBAAO,OAAG;QACV,QAAQ,CACU,CACtB,CAAC;AACJ,CAAC,CAAC;AAEK,MAAM,eAAe,GAAG,CAC7B,IAAgC,EAChC,OAAsB,EACtB,EAAE;IACF,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC;IAEzB,OAAO,8BAAC,eAAe,oBAAK,OAAO,GAAG,OAAO,CAAmB,CAAC;AACnE,CAAC,CAAC;AAPW,QAAA,eAAe,mBAO1B"}
+{"version":3,"file":"gatsby-browser.js","sourceRoot":"","sources":["../../../packages/gatsby/gatsby-browser.tsx"],"names":[],"mappings":";;;;AAAA,+DAA0B;AAE1B,yEAAqE;AAErE,+CAA4C;AAG5C,YAAY;AACZ,qEAA4E;AAE5E,MAAM,eAAe,GAA4B,CAAC,EAAwB,EAAE,EAAE;QAA5B,EAAE,QAAQ,OAAc,EAAT,OAAO,2BAAtB,YAAwB,CAAF;IACtE,MAAM,eAAe,GAAG,4BAAiB,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;IAExF,OAAO,CACL,8BAAC,wCAAkB,oBACb,OAAO,IACX,OAAO,EAAE,eAAe;QAExB,8BAAC,iBAAO,OAAG;QACV,QAAQ,CACU,CACtB,CAAC;AACJ,CAAC,CAAC;AAEK,MAAM,eAAe,GAAG,CAC7B,IAAgC,EAChC,OAAsB,EACtB,EAAE;IACF,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC;IAEzB,OAAO,8BAAC,eAAe,oBAAK,OAAO,GAAG,OAAO,CAAmB,CAAC;AACnE,CAAC,CAAC;AAPW,QAAA,eAAe,mBAO1B"}

package/gatsby-node.js

@@ -1,15 +1,49 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.pluginOptionsSchema = void 0;
+exports.onCreateWebpackConfig = exports.pluginOptionsSchema = void 0;
+const tslib_1 = require("tslib");
+const path_1 = (0, tslib_1.__importDefault)(require("path"));
 const pluginOptionsSchema = ({ Joi, }) => {
     return Joi.object({
         clientId: Joi.string()
             .required()
-            .description('Your organizations\' client id.')
+            .description("Your organizations' client id.")
             .messages({
             'any.required': '"clientId" needs to be specified. Get your clientId from the dashboard.',
-        })
+        }),
+        ninetailedPlugins: Joi.array(),
     });
 };
 exports.pluginOptionsSchema = pluginOptionsSchema;
+/**
+ * Add the webpack config for loading MDX files
+ */
+const onCreateWebpackConfig = ({ loaders, actions }, pluginOptions) => {
+    actions.setWebpackConfig({
+        resolve: {
+            fallback: {
+                path: false,
+                crypto: false,
+            },
+        },
+        module: {
+            rules: [
+                {
+                    test: /ninetailed-plugins\.js$/,
+                    include: __dirname,
+                    use: [
+                        loaders.js(),
+                        {
+                            loader: path_1.default.join(__dirname, `loaders`, `ninetailed-plugins`),
+                            options: {
+                                plugins: pluginOptions.ninetailedPlugins,
+                            },
+                        },
+                    ],
+                },
+            ],
+        },
+    });
+};
+exports.onCreateWebpackConfig = onCreateWebpackConfig;
 //# sourceMappingURL=gatsby-node.js.map

package/gatsby-node.js.map

@@ -1 +1 @@
-{"version":3,"file":"gatsby-node.js","sourceRoot":"","sources":["../../../packages/gatsby/gatsby-node.tsx"],"names":[],"mappings":";;;AAGO,MAAM,mBAAmB,GAAG,CAAC,EAClC,GAAG,GACqB,EAAqB,EAAE;IAC/C,OAAO,GAAG,CAAC,MAAM,CAAC;QAChB,QAAQ,EAAE,GAAG,CAAC,MAAM,EAAE;aACnB,QAAQ,EAAE;aACV,WAAW,CAAC,iCAAiC,CAAC;aAC9C,QAAQ,CAAC;YACR,cAAc,EACZ,yEAAyE;SAC5E,CAAC;KACL,CAAC,CAAC;AACL,CAAC,CAAC;AAZW,QAAA,mBAAmB,uBAY9B"}
+{"version":3,"file":"gatsby-node.js","sourceRoot":"","sources":["../../../packages/gatsby/gatsby-node.tsx"],"names":[],"mappings":";;;;AAEA,6DAAwB;AAEjB,MAAM,mBAAmB,GAAG,CAAC,EAClC,GAAG,GACqB,EAAqB,EAAE;IAC/C,OAAO,GAAG,CAAC,MAAM,CAAC;QAChB,QAAQ,EAAE,GAAG,CAAC,MAAM,EAAE;aACnB,QAAQ,EAAE;aACV,WAAW,CAAC,gCAAgC,CAAC;aAC7C,QAAQ,CAAC;YACR,cAAc,EACZ,yEAAyE;SAC5E,CAAC;QACJ,iBAAiB,EAAE,GAAG,CAAC,KAAK,EAAE;KAC/B,CAAC,CAAC;AACL,CAAC,CAAC;AAbW,QAAA,mBAAmB,uBAa9B;AAIF;;GAEG;AACI,MAAM,qBAAqB,GAAG,CACnC,EAAE,OAAO,EAAE,OAAO,EAA2B,EAC7C,aAA4B,EAC5B,EAAE;IACF,OAAO,CAAC,gBAAgB,CAAC;QACvB,OAAO,EAAE;YACP,QAAQ,EAAE;gBACR,IAAI,EAAE,KAAK;gBACX,MAAM,EAAE,KAAK;aACd;SACF;QACD,MAAM,EAAE;YACN,KAAK,EAAE;gBACL;oBACE,IAAI,EAAE,yBAAyB;oBAC/B,OAAO,EAAE,SAAS;oBAClB,GAAG,EAAE;wBACH,OAAO,CAAC,EAAE,EAAE;wBACZ;4BACE,MAAM,EAAE,cAAI,CAAC,IAAI,CACf,SAAS,EACT,SAAS,EACT,oBAAoB,CACrB;4BACD,OAAO,EAAE;gCACP,OAAO,EAAE,aAAa,CAAC,iBAAiB;6BACzC;yBACF;qBACF;iBACF;aACF;SACF;KACF,CAAC,CAAC;AACL,CAAC,CAAC;AAjCW,QAAA,qBAAqB,yBAiChC"}

package/gatsby-ssr.js

@@ -4,9 +4,12 @@ exports.wrapRootElement = void 0;
 const tslib_1 = require("tslib");
 const react_1 = (0, tslib_1.__importDefault)(require("react"));
 const experience_js_react_1 = require("@ninetailed/experience.js-react");
+//@ts-ignore
+const ninetailed_plugins_1 = require("./loaders/ninetailed-plugins");
 const wrapRootElement = (args, options) => {
+    const resolvedPlugins = ninetailed_plugins_1.plugins.map(({ plugin, options }) => plugin(options));
     const { element } = args;
-    return react_1.default.createElement(experience_js_react_1.NinetailedProvider, Object.assign({}, options), element);
+    return react_1.default.createElement(experience_js_react_1.NinetailedProvider, Object.assign({}, options, { plugins: resolvedPlugins }), element);
 };
 exports.wrapRootElement = wrapRootElement;
 //# sourceMappingURL=gatsby-ssr.js.map

package/gatsby-ssr.js.map

@@ -1 +1 @@
-{"version":3,"file":"gatsby-ssr.js","sourceRoot":"","sources":["../../../packages/gatsby/gatsby-ssr.tsx"],"names":[],"mappings":";;;;AAAA,+DAA0B;AAE1B,yEAAqE;AAI9D,MAAM,eAAe,GAAG,CAC7B,IAA6B,EAC7B,OAAsB,EACtB,EAAE;IACF,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC;IAEzB,OAAO,8BAAC,wCAAkB,oBAAK,OAAO,GAAG,OAAO,CAAsB,CAAC;AACzE,CAAC,CAAC;AAPW,QAAA,eAAe,mBAO1B"}
+{"version":3,"file":"gatsby-ssr.js","sourceRoot":"","sources":["../../../packages/gatsby/gatsby-ssr.tsx"],"names":[],"mappings":";;;;AAAA,+DAA0B;AAE1B,yEAAqE;AAIrE,YAAY;AACZ,qEAA4E;AAErE,MAAM,eAAe,GAAG,CAC7B,IAA6B,EAC7B,OAAsB,EACtB,EAAE;IACF,MAAM,eAAe,GAAG,4BAAiB,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;IACxF,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC;IAEzB,OAAO,8BAAC,wCAAkB,oBAAK,OAAO,IAAE,OAAO,EAAE,eAAe,KAAG,OAAO,CAAsB,CAAC;AACnG,CAAC,CAAC;AARW,QAAA,eAAe,mBAQ1B"}

package/index.js

@@ -1,2 +1,5 @@
-// This needs to exist, so the gatsby plugin build process works.
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+(0, tslib_1.__exportStar)(require("./src/index"), exports);
 //# sourceMappingURL=index.js.map

package/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../packages/gatsby/index.js"],"names":[],"mappings":"AAAA,iEAAiE"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../packages/gatsby/index.ts"],"names":[],"mappings":";;;AAAA,2DAA2B"}

package/loaders/ninetailed-plugins.js

@@ -0,0 +1,26 @@
+const loaderUtils = require(`loader-utils`);
+/**
+ * loads a generated file that allows us to require all of the mdxPlugins.
+ * this is useful because otherwise requiring all the plugins in
+ * gatsby-ssr/browser results in a webpack require context warning
+ *
+ * results in a file that looks like:
+ *
+ * ```js
+ * module.exports = {
+ *   plugins: [require('some-plugin'), require('some-other-plugin')]
+ * }
+ * ```
+ */
+module.exports = function () {
+    const options = loaderUtils.getOptions(this);
+    const pluginRequires = !options.plugins
+        ? `[]`
+        : `[` +
+            options.plugins
+                .map((plugin) => `{plugin: require("${plugin.resolve ? plugin.resolve : plugin}").default, options: ${JSON.stringify(plugin.options)}}`)
+                .join(`,`) +
+            `]`;
+    return `module.exports = {plugins: ${pluginRequires}}`;
+};
+//# sourceMappingURL=ninetailed-plugins.js.map

package/loaders/ninetailed-plugins.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ninetailed-plugins.js","sourceRoot":"","sources":["../../../../packages/gatsby/loaders/ninetailed-plugins.js"],"names":[],"mappings":"AAAA,MAAM,WAAW,GAAG,OAAO,CAAC,cAAc,CAAC,CAAC;AAE5C;;;;;;;;;;;;GAYG;AACH,MAAM,CAAC,OAAO,GAAG;IACf,MAAM,OAAO,GAAG,WAAW,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;IAC7C,MAAM,cAAc,GAAG,CAAC,OAAO,CAAC,OAAO;QACrC,CAAC,CAAC,IAAI;QACN,CAAC,CAAC,GAAG;YACH,OAAO,CAAC,OAAO;iBACZ,GAAG,CACF,CAAC,MAAM,EAAE,EAAE,CACT,qBACE,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,MACpC,wBAAwB,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAC5D;iBACA,IAAI,CAAC,GAAG,CAAC;YACZ,GAAG,CAAC;IACR,OAAO,8BAA8B,cAAc,GAAG,CAAC;AACzD,CAAC,CAAC"}

package/package.json

@@ -1,7 +1,6 @@
 {
   "name": "@ninetailed/experience.js-gatsby",
-  "version": "1.7.1",
-  "main": "index.js",
+  "version": "1.7.2",
   "keywords": [
     "gatsby",
     "gatsby-plugin",
@@ -15,14 +14,15 @@
     "react": ">=16.8.0",
     "gatsby": ">=2.27.4"
   },
-  "typings": "./src/index.d.ts",
+  "main": "./index.js",
+  "typings": "./index.d.ts",
   "dependencies": {
-    "@ninetailed/experience.js-react": "1.7.1",
+    "@ninetailed/experience.js-react": "1.7.2",
     "@analytics/google-analytics": "^0.5.3",
     "lodash": "^4.17.21",
-    "@ninetailed/experience.js": "1.7.1",
+    "@ninetailed/experience.js": "1.7.2",
     "analytics": "^0.8.0",
-    "@ninetailed/experience.js-shared": "1.7.1",
+    "@ninetailed/experience.js-shared": "1.7.2",
     "uuid": "^8.3.2",
     "ts-toolbelt": "^9.6.0",
     "locale-enum": "^1.1.1",