@blaze-cms/plugin-page-builder-fe 0.139.0-alpha.3 → 0.139.0-alpha.4

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.139.0-alpha.4](https://github.com/thebyte9/blaze/compare/v0.139.0-alpha.3...v0.139.0-alpha.4) (2024-01-19)
+
+
+### Features
+
+* component variants ([#4218](https://github.com/thebyte9/blaze/issues/4218)) ([8e36664](https://github.com/thebyte9/blaze/commit/8e366642ba7cbc07672b70b0809034b96e9a2a55))
+
+
+
+
+
 # [0.139.0-alpha.3](https://github.com/thebyte9/blaze/compare/v0.139.0-alpha.2...v0.139.0-alpha.3) (2024-01-09)
 
 **Note:** Version bump only for package @blaze-cms/plugin-page-builder-fe

package/lib/constants.js

@@ -5,6 +5,5 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.PLUGIN_NAME = void 0;
-var PLUGIN_NAME = 'page-builder-fe';
-exports.PLUGIN_NAME = PLUGIN_NAME;
+var PLUGIN_NAME = exports.PLUGIN_NAME = 'page-builder-fe';
 //# sourceMappingURL=constants.js.map

package/lib/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","names":["PLUGIN_NAME","exports"],"sources":["../src/constants.js"],"sourcesContent":["const PLUGIN_NAME = 'page-builder-fe';\n\nexport { PLUGIN_NAME };\n"],"mappings":";;;;;;;AAAA,IAAMA,WAAW,GAAG,iBAAiB;AAACC,OAAA,CAAAD,WAAA,GAAAA,WAAA"}
+{"version":3,"file":"constants.js","names":["PLUGIN_NAME","exports"],"sources":["../src/constants.js"],"sourcesContent":["const PLUGIN_NAME = 'page-builder-fe';\n\nexport { PLUGIN_NAME };\n"],"mappings":";;;;;;;AAAA,IAAMA,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,iBAAiB"}

package/lib/index.js

@@ -43,17 +43,25 @@ function _load() {
               });
             });
           });
+          app.events.once('load:custom:page-builder:variant', function (addComponent) {
+            Object.keys(_reactPageBuilder.variants).forEach(function (key) {
+              return addComponent(key, _reactPageBuilder.variants[key]);
+            });
+          });
           app.events.once('plugin:page-builder-fe:load:loaded', /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
             return _regenerator["default"].wrap(function _callee$(_context) {
               while (1) switch (_context.prev = _context.next) {
                 case 0:
                   if (_reactPageBuilder.componentMap.getAll().length) {
-                    _context.next = 3;
+                    _context.next = 5;
                     break;
                   }
                   _context.next = 3;
                   return app.events.emitAsync('load:custom:page-builder:component', _reactPageBuilder.componentMap.add);
                 case 3:
+                  _context.next = 5;
+                  return app.events.emitAsync('load:custom:page-builder:variant', _reactPageBuilder.variantHandler.add);
+                case 5:
                 case "end":
                   return _context.stop();
               }
@@ -63,7 +71,7 @@ function _load() {
             name: _constants.PLUGIN_NAME,
             version: _package["default"].version
           });
-        case 3:
+        case 4:
         case "end":
           return _context2.stop();
       }
@@ -72,6 +80,5 @@ function _load() {
   return _load.apply(this, arguments);
 }
 load.pluginName = _constants.PLUGIN_NAME;
-var _default = load;
-exports["default"] = _default;
+var _default = exports["default"] = load;
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_reactPageBuilder","require","_package","_interopRequireDefault","_constants","load","_x","_load","apply","arguments","_asyncToGenerator2","_regenerator","mark","_callee2","app","wrap","_callee2$","_context2","prev","next","events","once","addComponent","Object","keys","components","forEach","key","component","_callee","_callee$","_context","componentMap","getAll","length","emitAsync","add","stop","abrupt","name","PLUGIN_NAME","version","pkg","pluginName","_default","exports"],"sources":["../src/index.js"],"sourcesContent":["import { componentMap, components } from '@blaze-cms/react-page-builder';\nimport pkg from '../package.json';\nimport { PLUGIN_NAME } from './constants';\n\nexport { buildPBComponents, getLightboxImages } from '@blaze-cms/react-page-builder';\nasync function load(app) {\n  app.events.once('load:custom:page-builder:component', addComponent => {\n    Object.keys(components).forEach(key => addComponent({ key, component: components[key] }));\n  });\n\n  app.events.once('plugin:page-builder-fe:load:loaded', async () => {\n    if (!componentMap.getAll().length) {\n      // componentMap is a singleton so only populate once\n      await app.events.emitAsync('load:custom:page-builder:component', componentMap.add);\n    }\n  });\n\n  return {\n    name: PLUGIN_NAME,\n    version: pkg.version\n  };\n}\nload.pluginName = PLUGIN_NAME;\n\nexport default load;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AAA0C,SAG3BI,IAAIA,CAAAC,EAAA;EAAA,OAAAC,KAAA,CAAAC,KAAA,OAAAC,SAAA;AAAA;AAAA,SAAAF,MAAA;EAAAA,KAAA,OAAAG,kBAAA,2BAAAC,YAAA,YAAAC,IAAA,CAAnB,SAAAC,SAAoBC,GAAG;IAAA,OAAAH,YAAA,YAAAI,IAAA,UAAAC,UAAAC,SAAA;MAAA,kBAAAA,SAAA,CAAAC,IAAA,GAAAD,SAAA,CAAAE,IAAA;QAAA;UACrBL,GAAG,CAACM,MAAM,CAACC,IAAI,CAAC,oCAAoC,EAAE,UAAAC,YAAY,EAAI;YACpEC,MAAM,CAACC,IAAI,CAACC,4BAAU,CAAC,CAACC,OAAO,CAAC,UAAAC,GAAG;cAAA,OAAIL,YAAY,CAAC;gBAAEK,GAAG,EAAHA,GAAG;gBAAEC,SAAS,EAAEH,4BAAU,CAACE,GAAG;cAAE,CAAC,CAAC;YAAA,EAAC;UAC3F,CAAC,CAAC;UAEFb,GAAG,CAACM,MAAM,CAACC,IAAI,CAAC,oCAAoC,mBAAAX,kBAAA,2BAAAC,YAAA,YAAAC,IAAA,CAAE,SAAAiB,QAAA;YAAA,OAAAlB,YAAA,YAAAI,IAAA,UAAAe,SAAAC,QAAA;cAAA,kBAAAA,QAAA,CAAAb,IAAA,GAAAa,QAAA,CAAAZ,IAAA;gBAAA;kBAAA,IAC/Ca,8BAAY,CAACC,MAAM,CAAC,CAAC,CAACC,MAAM;oBAAAH,QAAA,CAAAZ,IAAA;oBAAA;kBAAA;kBAAAY,QAAA,CAAAZ,IAAA;kBAAA,OAEzBL,GAAG,CAACM,MAAM,CAACe,SAAS,CAAC,oCAAoC,EAAEH,8BAAY,CAACI,GAAG,CAAC;gBAAA;gBAAA;kBAAA,OAAAL,QAAA,CAAAM,IAAA;cAAA;YAAA,GAAAR,OAAA;UAAA,CAErF,GAAC;UAAC,OAAAZ,SAAA,CAAAqB,MAAA,WAEI;YACLC,IAAI,EAAEC,sBAAW;YACjBC,OAAO,EAAEC,mBAAG,CAACD;UACf,CAAC;QAAA;QAAA;UAAA,OAAAxB,SAAA,CAAAoB,IAAA;MAAA;IAAA,GAAAxB,QAAA;EAAA,CACF;EAAA,OAAAN,KAAA,CAAAC,KAAA,OAAAC,SAAA;AAAA;AACDJ,IAAI,CAACsC,UAAU,GAAGH,sBAAW;AAAC,IAAAI,QAAA,GAEfvC,IAAI;AAAAwC,OAAA,cAAAD,QAAA"}
+{"version":3,"file":"index.js","names":["_reactPageBuilder","require","_package","_interopRequireDefault","_constants","load","_x","_load","apply","arguments","_asyncToGenerator2","_regenerator","mark","_callee2","app","wrap","_callee2$","_context2","prev","next","events","once","addComponent","Object","keys","components","forEach","key","component","variants","_callee","_callee$","_context","componentMap","getAll","length","emitAsync","add","variantHandler","stop","abrupt","name","PLUGIN_NAME","version","pkg","pluginName","_default","exports"],"sources":["../src/index.js"],"sourcesContent":["import { componentMap, variantHandler, components, variants } from '@blaze-cms/react-page-builder';\nimport pkg from '../package.json';\nimport { PLUGIN_NAME } from './constants';\n\nasync function load(app) {\n  app.events.once('load:custom:page-builder:component', addComponent => {\n    Object.keys(components).forEach(key => addComponent({ key, component: components[key] }));\n  });\n\n  app.events.once('load:custom:page-builder:variant', addComponent => {\n    Object.keys(variants).forEach(key => addComponent(key, variants[key]));\n  });\n\n  app.events.once('plugin:page-builder-fe:load:loaded', async () => {\n    if (!componentMap.getAll().length) {\n      // componentMap and variantHandler are singletons so only populate once\n      await app.events.emitAsync('load:custom:page-builder:component', componentMap.add);\n      await app.events.emitAsync('load:custom:page-builder:variant', variantHandler.add);\n    }\n  });\n\n  return {\n    name: PLUGIN_NAME,\n    version: pkg.version\n  };\n}\n\nload.pluginName = PLUGIN_NAME;\n\nexport { buildPBComponents, getLightboxImages } from '@blaze-cms/react-page-builder';\nexport default load;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AAA0C,SAE3BI,IAAIA,CAAAC,EAAA;EAAA,OAAAC,KAAA,CAAAC,KAAA,OAAAC,SAAA;AAAA;AAAA,SAAAF,MAAA;EAAAA,KAAA,OAAAG,kBAAA,2BAAAC,YAAA,YAAAC,IAAA,CAAnB,SAAAC,SAAoBC,GAAG;IAAA,OAAAH,YAAA,YAAAI,IAAA,UAAAC,UAAAC,SAAA;MAAA,kBAAAA,SAAA,CAAAC,IAAA,GAAAD,SAAA,CAAAE,IAAA;QAAA;UACrBL,GAAG,CAACM,MAAM,CAACC,IAAI,CAAC,oCAAoC,EAAE,UAAAC,YAAY,EAAI;YACpEC,MAAM,CAACC,IAAI,CAACC,4BAAU,CAAC,CAACC,OAAO,CAAC,UAAAC,GAAG;cAAA,OAAIL,YAAY,CAAC;gBAAEK,GAAG,EAAHA,GAAG;gBAAEC,SAAS,EAAEH,4BAAU,CAACE,GAAG;cAAE,CAAC,CAAC;YAAA,EAAC;UAC3F,CAAC,CAAC;UAEFb,GAAG,CAACM,MAAM,CAACC,IAAI,CAAC,kCAAkC,EAAE,UAAAC,YAAY,EAAI;YAClEC,MAAM,CAACC,IAAI,CAACK,0BAAQ,CAAC,CAACH,OAAO,CAAC,UAAAC,GAAG;cAAA,OAAIL,YAAY,CAACK,GAAG,EAAEE,0BAAQ,CAACF,GAAG,CAAC,CAAC;YAAA,EAAC;UACxE,CAAC,CAAC;UAEFb,GAAG,CAACM,MAAM,CAACC,IAAI,CAAC,oCAAoC,mBAAAX,kBAAA,2BAAAC,YAAA,YAAAC,IAAA,CAAE,SAAAkB,QAAA;YAAA,OAAAnB,YAAA,YAAAI,IAAA,UAAAgB,SAAAC,QAAA;cAAA,kBAAAA,QAAA,CAAAd,IAAA,GAAAc,QAAA,CAAAb,IAAA;gBAAA;kBAAA,IAC/Cc,8BAAY,CAACC,MAAM,CAAC,CAAC,CAACC,MAAM;oBAAAH,QAAA,CAAAb,IAAA;oBAAA;kBAAA;kBAAAa,QAAA,CAAAb,IAAA;kBAAA,OAEzBL,GAAG,CAACM,MAAM,CAACgB,SAAS,CAAC,oCAAoC,EAAEH,8BAAY,CAACI,GAAG,CAAC;gBAAA;kBAAAL,QAAA,CAAAb,IAAA;kBAAA,OAC5EL,GAAG,CAACM,MAAM,CAACgB,SAAS,CAAC,kCAAkC,EAAEE,gCAAc,CAACD,GAAG,CAAC;gBAAA;gBAAA;kBAAA,OAAAL,QAAA,CAAAO,IAAA;cAAA;YAAA,GAAAT,OAAA;UAAA,CAErF,GAAC;UAAC,OAAAb,SAAA,CAAAuB,MAAA,WAEI;YACLC,IAAI,EAAEC,sBAAW;YACjBC,OAAO,EAAEC,mBAAG,CAACD;UACf,CAAC;QAAA;QAAA;UAAA,OAAA1B,SAAA,CAAAsB,IAAA;MAAA;IAAA,GAAA1B,QAAA;EAAA,CACF;EAAA,OAAAN,KAAA,CAAAC,KAAA,OAAAC,SAAA;AAAA;AAEDJ,IAAI,CAACwC,UAAU,GAAGH,sBAAW;AAAC,IAAAI,QAAA,GAAAC,OAAA,cAGf1C,IAAI"}

package/lib-es/index.js

@@ -1,7 +1,6 @@
-import { componentMap, components } from '@blaze-cms/react-page-builder';
+import { componentMap, variantHandler, components, variants } from '@blaze-cms/react-page-builder';
 import pkg from '../package.json';
 import { PLUGIN_NAME } from './constants';
-export { buildPBComponents, getLightboxImages } from '@blaze-cms/react-page-builder';
 async function load(app) {
   app.events.once('load:custom:page-builder:component', addComponent => {
     Object.keys(components).forEach(key => addComponent({
@@ -9,10 +8,14 @@ async function load(app) {
       component: components[key]
     }));
   });
+  app.events.once('load:custom:page-builder:variant', addComponent => {
+    Object.keys(variants).forEach(key => addComponent(key, variants[key]));
+  });
   app.events.once('plugin:page-builder-fe:load:loaded', async () => {
     if (!componentMap.getAll().length) {
-      // componentMap is a singleton so only populate once
+      // componentMap and variantHandler are singletons so only populate once
       await app.events.emitAsync('load:custom:page-builder:component', componentMap.add);
+      await app.events.emitAsync('load:custom:page-builder:variant', variantHandler.add);
     }
   });
   return {
@@ -21,5 +24,6 @@ async function load(app) {
   };
 }
 load.pluginName = PLUGIN_NAME;
+export { buildPBComponents, getLightboxImages } from '@blaze-cms/react-page-builder';
 export default load;
 //# sourceMappingURL=index.js.map

package/lib-es/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["componentMap","components","pkg","PLUGIN_NAME","buildPBComponents","getLightboxImages","load","app","events","once","addComponent","Object","keys","forEach","key","component","getAll","length","emitAsync","add","name","version","pluginName"],"sources":["../src/index.js"],"sourcesContent":["import { componentMap, components } from '@blaze-cms/react-page-builder';\nimport pkg from '../package.json';\nimport { PLUGIN_NAME } from './constants';\n\nexport { buildPBComponents, getLightboxImages } from '@blaze-cms/react-page-builder';\nasync function load(app) {\n  app.events.once('load:custom:page-builder:component', addComponent => {\n    Object.keys(components).forEach(key => addComponent({ key, component: components[key] }));\n  });\n\n  app.events.once('plugin:page-builder-fe:load:loaded', async () => {\n    if (!componentMap.getAll().length) {\n      // componentMap is a singleton so only populate once\n      await app.events.emitAsync('load:custom:page-builder:component', componentMap.add);\n    }\n  });\n\n  return {\n    name: PLUGIN_NAME,\n    version: pkg.version\n  };\n}\nload.pluginName = PLUGIN_NAME;\n\nexport default load;\n"],"mappings":"AAAA,SAASA,YAAY,EAAEC,UAAU,QAAQ,+BAA+B;AACxE,OAAOC,GAAG,MAAM,iBAAiB;AACjC,SAASC,WAAW,QAAQ,aAAa;AAEzC,SAASC,iBAAiB,EAAEC,iBAAiB,QAAQ,+BAA+B;AACpF,eAAeC,IAAIA,CAACC,GAAG,EAAE;EACvBA,GAAG,CAACC,MAAM,CAACC,IAAI,CAAC,oCAAoC,EAAEC,YAAY,IAAI;IACpEC,MAAM,CAACC,IAAI,CAACX,UAAU,CAAC,CAACY,OAAO,CAACC,GAAG,IAAIJ,YAAY,CAAC;MAAEI,GAAG;MAAEC,SAAS,EAAEd,UAAU,CAACa,GAAG;IAAE,CAAC,CAAC,CAAC;EAC3F,CAAC,CAAC;EAEFP,GAAG,CAACC,MAAM,CAACC,IAAI,CAAC,oCAAoC,EAAE,YAAY;IAChE,IAAI,CAACT,YAAY,CAACgB,MAAM,CAAC,CAAC,CAACC,MAAM,EAAE;MACjC;MACA,MAAMV,GAAG,CAACC,MAAM,CAACU,SAAS,CAAC,oCAAoC,EAAElB,YAAY,CAACmB,GAAG,CAAC;IACpF;EACF,CAAC,CAAC;EAEF,OAAO;IACLC,IAAI,EAAEjB,WAAW;IACjBkB,OAAO,EAAEnB,GAAG,CAACmB;EACf,CAAC;AACH;AACAf,IAAI,CAACgB,UAAU,GAAGnB,WAAW;AAE7B,eAAeG,IAAI"}
+{"version":3,"file":"index.js","names":["componentMap","variantHandler","components","variants","pkg","PLUGIN_NAME","load","app","events","once","addComponent","Object","keys","forEach","key","component","getAll","length","emitAsync","add","name","version","pluginName","buildPBComponents","getLightboxImages"],"sources":["../src/index.js"],"sourcesContent":["import { componentMap, variantHandler, components, variants } from '@blaze-cms/react-page-builder';\nimport pkg from '../package.json';\nimport { PLUGIN_NAME } from './constants';\n\nasync function load(app) {\n  app.events.once('load:custom:page-builder:component', addComponent => {\n    Object.keys(components).forEach(key => addComponent({ key, component: components[key] }));\n  });\n\n  app.events.once('load:custom:page-builder:variant', addComponent => {\n    Object.keys(variants).forEach(key => addComponent(key, variants[key]));\n  });\n\n  app.events.once('plugin:page-builder-fe:load:loaded', async () => {\n    if (!componentMap.getAll().length) {\n      // componentMap and variantHandler are singletons so only populate once\n      await app.events.emitAsync('load:custom:page-builder:component', componentMap.add);\n      await app.events.emitAsync('load:custom:page-builder:variant', variantHandler.add);\n    }\n  });\n\n  return {\n    name: PLUGIN_NAME,\n    version: pkg.version\n  };\n}\n\nload.pluginName = PLUGIN_NAME;\n\nexport { buildPBComponents, getLightboxImages } from '@blaze-cms/react-page-builder';\nexport default load;\n"],"mappings":"AAAA,SAASA,YAAY,EAAEC,cAAc,EAAEC,UAAU,EAAEC,QAAQ,QAAQ,+BAA+B;AAClG,OAAOC,GAAG,MAAM,iBAAiB;AACjC,SAASC,WAAW,QAAQ,aAAa;AAEzC,eAAeC,IAAIA,CAACC,GAAG,EAAE;EACvBA,GAAG,CAACC,MAAM,CAACC,IAAI,CAAC,oCAAoC,EAAEC,YAAY,IAAI;IACpEC,MAAM,CAACC,IAAI,CAACV,UAAU,CAAC,CAACW,OAAO,CAACC,GAAG,IAAIJ,YAAY,CAAC;MAAEI,GAAG;MAAEC,SAAS,EAAEb,UAAU,CAACY,GAAG;IAAE,CAAC,CAAC,CAAC;EAC3F,CAAC,CAAC;EAEFP,GAAG,CAACC,MAAM,CAACC,IAAI,CAAC,kCAAkC,EAAEC,YAAY,IAAI;IAClEC,MAAM,CAACC,IAAI,CAACT,QAAQ,CAAC,CAACU,OAAO,CAACC,GAAG,IAAIJ,YAAY,CAACI,GAAG,EAAEX,QAAQ,CAACW,GAAG,CAAC,CAAC,CAAC;EACxE,CAAC,CAAC;EAEFP,GAAG,CAACC,MAAM,CAACC,IAAI,CAAC,oCAAoC,EAAE,YAAY;IAChE,IAAI,CAACT,YAAY,CAACgB,MAAM,CAAC,CAAC,CAACC,MAAM,EAAE;MACjC;MACA,MAAMV,GAAG,CAACC,MAAM,CAACU,SAAS,CAAC,oCAAoC,EAAElB,YAAY,CAACmB,GAAG,CAAC;MAClF,MAAMZ,GAAG,CAACC,MAAM,CAACU,SAAS,CAAC,kCAAkC,EAAEjB,cAAc,CAACkB,GAAG,CAAC;IACpF;EACF,CAAC,CAAC;EAEF,OAAO;IACLC,IAAI,EAAEf,WAAW;IACjBgB,OAAO,EAAEjB,GAAG,CAACiB;EACf,CAAC;AACH;AAEAf,IAAI,CAACgB,UAAU,GAAGjB,WAAW;AAE7B,SAASkB,iBAAiB,EAAEC,iBAAiB,QAAQ,+BAA+B;AACpF,eAAelB,IAAI"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blaze-cms/plugin-page-builder-fe",
-  "version": "0.139.0-alpha.3",
+  "version": "0.139.0-alpha.4",
   "description": "Blaze page builder plugin fe",
   "main": "lib/index.js",
   "module": "lib-es/index.js",
@@ -27,7 +27,7 @@
   },
   "license": "GPL-3.0",
   "dependencies": {
-    "@blaze-cms/react-page-builder": "0.139.0-alpha.3",
+    "@blaze-cms/react-page-builder": "0.139.0-alpha.4",
     "@blaze-cms/setup-ui": "^0.131.0",
     "core-js": "^3.2.1",
     "regenerator-runtime": "^0.13.3"
@@ -39,5 +39,5 @@
     "lib/*",
     "lib-es/*"
   ],
-  "gitHead": "00aa8ba6ed9d34f0b2651f8afd810ae8ec136a3c"
+  "gitHead": "718fa23556026a90878b25d1ba751052dfdb5494"
 }

package/src/index.js

@@ -1,17 +1,21 @@
-import { componentMap, components } from '@blaze-cms/react-page-builder';
+import { componentMap, variantHandler, components, variants } from '@blaze-cms/react-page-builder';
 import pkg from '../package.json';
 import { PLUGIN_NAME } from './constants';
 
-export { buildPBComponents, getLightboxImages } from '@blaze-cms/react-page-builder';
 async function load(app) {
   app.events.once('load:custom:page-builder:component', addComponent => {
     Object.keys(components).forEach(key => addComponent({ key, component: components[key] }));
   });
 
+  app.events.once('load:custom:page-builder:variant', addComponent => {
+    Object.keys(variants).forEach(key => addComponent(key, variants[key]));
+  });
+
   app.events.once('plugin:page-builder-fe:load:loaded', async () => {
     if (!componentMap.getAll().length) {
-      // componentMap is a singleton so only populate once
+      // componentMap and variantHandler are singletons so only populate once
       await app.events.emitAsync('load:custom:page-builder:component', componentMap.add);
+      await app.events.emitAsync('load:custom:page-builder:variant', variantHandler.add);
     }
   });
 
@@ -20,6 +24,8 @@ async function load(app) {
     version: pkg.version
   };
 }
+
 load.pluginName = PLUGIN_NAME;
 
+export { buildPBComponents, getLightboxImages } from '@blaze-cms/react-page-builder';
 export default load;