@sprinklrjs/spaceweb 14.14.4 → 14.14.6

package/styleEngine/styleEngine.js

@@ -7,6 +7,7 @@ var react_1 = require("react");
 var styletron_engine_atomic_1 = require("styletron-engine-atomic");
 var styletron_react_1 = require("styletron-react");
 var DocumentProvider_1 = require("../spacewebProvider/DocumentProvider");
+var createSingletonInstance_1 = require("@sprinklrjs/spaceweb/singleton/createSingletonInstance");
 exports.SPACEWEB_STYLE_PREFIX = 'sw--';
 exports.SPACEWEB_STYLE_CONTAINER_ID = 'spaceweb-style-cache';
 exports.isServer = typeof window === 'undefined';
@@ -16,9 +17,13 @@ var NoopDebugEngine = /** @class */ (function () {
     }
     return NoopDebugEngine;
 }());
-// NOTE: Define styletron as module variable (singleton)
-var styletron;
-var hasStyletron = function () { return typeof styletron !== 'undefined'; };
+var getStyletron = function () {
+    return (0, createSingletonInstance_1.getSingletonInstance)(createSingletonInstance_1.SingletonInstanceIdentifier.STYLETRON_ENGINE);
+};
+var setStyletron = function (engine) {
+    return (0, createSingletonInstance_1.setSingletonInstance)(createSingletonInstance_1.SingletonInstanceIdentifier.STYLETRON_ENGINE, engine);
+};
+var hasStyletron = function () { return typeof getStyletron() !== 'undefined'; };
 // Throws and error if not called from the server.
 var ensureServer = function () {
     if (!exports.isServer) {
@@ -42,26 +47,22 @@ var hydrate = function (ownerDocument) {
 exports.hydrate = hydrate;
 // Gets isomorphic Styletron engine.
 var getStyleEngine = function (ownerDocument, nonce) {
+    var styletron = getStyletron();
     if (exports.isServer) {
-        if (typeof styletron !== 'undefined')
-            return styletron;
-        styletron = new styletron_engine_atomic_1.Server({ prefix: exports.SPACEWEB_STYLE_PREFIX });
+        return styletron !== null && styletron !== void 0 ? styletron : setStyletron(new styletron_engine_atomic_1.Server({ prefix: exports.SPACEWEB_STYLE_PREFIX }));
     }
-    else {
-        var doc = ownerDocument || document;
-        var el = doc.getElementById(exports.SPACEWEB_STYLE_CONTAINER_ID);
-        if (el && styletron) {
-            return styletron;
-        }
-        // adds a style tag in document.head to make sure only one instance of styletron is created in an app.
-        (0, exports.appendCacheContainer)(ownerDocument, nonce);
-        styletron = new styletron_engine_atomic_1.Client({
-            hydrate: (0, exports.hydrate)(ownerDocument),
-            prefix: exports.SPACEWEB_STYLE_PREFIX,
-            container: ownerDocument === null || ownerDocument === void 0 ? void 0 : ownerDocument.head,
-        });
+    var doc = ownerDocument || document;
+    var el = doc.getElementById(exports.SPACEWEB_STYLE_CONTAINER_ID);
+    if (el && styletron) {
+        return styletron;
     }
-    return styletron;
+    // adds a style tag in document.head to make sure only one instance of styletron is created in an app.
+    (0, exports.appendCacheContainer)(ownerDocument, nonce);
+    return setStyletron(new styletron_engine_atomic_1.Client({
+        hydrate: (0, exports.hydrate)(ownerDocument),
+        prefix: exports.SPACEWEB_STYLE_PREFIX,
+        container: ownerDocument === null || ownerDocument === void 0 ? void 0 : ownerDocument.head,
+    }));
 };
 exports.getStyleEngine = getStyleEngine;
 // @ts-ignore
@@ -78,19 +79,19 @@ exports.StyleProvider.displayName = 'StyleProvider';
 var getStylesheets = function () {
     ensureServer();
     ensureEngine();
-    return styletron.getStylesheets();
+    return getStyletron().getStylesheets();
 };
 exports.getStylesheets = getStylesheets;
 // Gets hydration stylesheets HTML code as string.
 var getStylesheetsHtml = function () {
     ensureServer();
     ensureEngine();
-    return styletron.getStylesheetsHtml();
+    return getStyletron().getStylesheetsHtml();
 };
 exports.getStylesheetsHtml = getStylesheetsHtml;
 var deprecatedRenderKeyframes = function (keyframes) {
     ensureEngine();
-    return styletron.renderKeyframes(keyframes);
+    return getStyletron().renderKeyframes(keyframes);
 };
 exports.deprecatedRenderKeyframes = deprecatedRenderKeyframes;
 // Appends cache styles to the DOM and returns element's instance.