fix(Result): remove extra scripts added to detect classes for CSS pro…

…cessors
live-codes · Jan 25, 2024 · c63a32f · c63a32f
1 parent 3d2e5c3
commit c63a32f
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/src/livecodes/core.ts b/src/livecodes/core.ts
@@ -866,7 +866,8 @@ const getResultPage = async ({
 
   const compileResults = await Promise.all([
     compiler.compile(styleContent, styleLanguage, config, {
-      html: `${compiledMarkup}<script>${compiledScript}</script><script>${compileInfo.importedContent}</script>`,
+      html: `${compiledMarkup}<script type="script-for-styles">${compiledScript}</script>
+        <script type="script-for-styles">${compileInfo.importedContent}</script>`,
       forceCompile: forceCompileStyles,
     }),
     runTests

diff --git a/src/livecodes/result/result-page.ts b/src/livecodes/result/result-page.ts
@@ -142,6 +142,10 @@ export const createResultPage = async ({
   const markup = code.markup.compiled;
   dom.body.innerHTML += markup;
 
+  // cleanup extra scripts added to detect classes for CSS processors
+  const extra = dom.querySelectorAll('script[type="script-for-styles"]');
+  extra.forEach((el) => el.remove());
+
   // cleanup custom configurations and scripts
   if (code.script.language === 'blockly') {
     const extra = dom.querySelectorAll(