Better modularize for renderer

PRO-2684 · Jul 30, 2024 · c31d801 · c31d801
1 parent 72c8653
commit c31d801
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 9 deletions.
diff --git a/modules/renderer/css.js b/modules/renderer/css.js
@@ -98,8 +98,18 @@ function cssHelper(path, css, enabled, meta) {
     }
 }
 
+/**
+ * Remove all styles injected by transitio.
+ */
+function removeAllStyles() {
+    const styles = document.querySelectorAll(`style[${styleDataAttr}]`);
+    styles.forEach((style) => {
+        style.remove();
+    });
+}
+
 export {
-    styleDataAttr,
     getSelectDefaultValue,
-    cssHelper
+    cssHelper,
+    removeAllStyles
 };
diff --git a/renderer.js b/renderer.js
@@ -1,15 +1,10 @@
-import { styleDataAttr, cssHelper } from "./modules/renderer/css.js";
+import { cssHelper, removeAllStyles } from "./modules/renderer/css.js";
 import { initTransitioSettings, transitioSettingsUpdateStyle, transitioSettingsResetStyle } from "./modules/renderer/settings.js";
 
 transitio.onUpdateStyle((event, args) => {
     cssHelper(args.path, args.css, args.enabled, args.meta);
 });
-transitio.onResetStyle(() => {
-    const styles = document.querySelectorAll(`style[${styleDataAttr}]`);
-    styles.forEach((style) => {
-        style.remove();
-    });
-});
+transitio.onResetStyle(removeAllStyles);
 transitio.rendererReady();
 
 /**