@cling-se/widget 0.1.0 → 0.3.0

package/vite-plugin-inject-css/index.js

@@ -1,86 +0,0 @@
-/**
- * This plugin will walk through all the generated bundle files,
- * and extract all css references.
- * The extracted css will get added to document.head as an DISABLED style
- * element with an identifer. The ID can later be used to move the
- * style element around.
- *   
- * This code is a slighly modified version of
- * https://github.com/Marco-Prontera/vite-plugin-css-injected-by-js
- * MIT license
- */
-
-import { buildCSSInjectionCode, removeLinkStyleSheets } from './utils.js'
-
-/**
- * Inject the CSS compiled with JS.
- *
- */
-export default function cssInjectedByJsPlugin(
-  { topExecutionPriority, styleId } = {
-    topExecutionPriority: true,
-    styleId: ''
-  }
-) {
-  //Globally so we can add it to legacy and non-legacy bundle.
-  let cssToInject
-  let config
-
-  return {
-    apply: 'build',
-    enforce: 'post',
-    name: 'css-in-js-plugin',
-    configResolved(_config) {
-      config = _config
-    },
-    async generateBundle(opts, bundle) {
-      if (config.build.ssr) {
-        return
-      }
-
-      const htmlFiles = Object.keys(bundle).filter(i => i.endsWith('.html'))
-      const cssAssets = Object.keys(bundle).filter(
-        i => bundle[i].type == 'asset' && bundle[i].fileName.endsWith('.css')
-      )
-      const jsAssets = Object.keys(bundle).filter(
-        i =>
-          bundle[i].type == 'chunk' &&
-          bundle[i].fileName.match(/.[cm]?js$/) != null &&
-          !bundle[i].fileName.includes('polyfill')
-      )
-
-      const allCssCode = cssAssets.reduce(
-        function extractCssCodeAndDeleteFromBundle(previousValue, cssName) {
-          const cssAsset = bundle[cssName]
-          const result = previousValue + cssAsset.source
-          delete bundle[cssName]
-
-          return result
-        },
-        ''
-      )
-
-      if (allCssCode.length > 0) {
-        cssToInject = allCssCode
-      }
-
-      for (const name of htmlFiles) {
-        const htmlChunk = bundle[name]
-        let replacedHtml = htmlChunk.source
-
-        cssAssets.forEach(cssName => {
-          replacedHtml = removeLinkStyleSheets(replacedHtml, cssName)
-          htmlChunk.source = replacedHtml
-        })
-      }
-
-      const jsAsset = bundle[jsAssets[0]]
-
-      const cssInjectionCode = await buildCSSInjectionCode(cssToInject, styleId)
-      const appCode = jsAsset.code
-      jsAsset.code = topExecutionPriority ? '' : appCode
-      jsAsset.code += cssInjectionCode ? cssInjectionCode.code : ''
-      jsAsset.code += !topExecutionPriority ? '' : appCode
-    }
-  }
-}

package/vite-plugin-inject-css/utils.js

@@ -1,70 +0,0 @@
-import { build } from 'vite'
-
-const cssInjectedByJsId = '\0vite/all-css'
-
-export async function buildCSSInjectionCode(cssToInject, styleId) {
-  const res = await build({
-    root: '',
-    configFile: false,
-    logLevel: 'error',
-    plugins: [injectionCSSCodePlugin(cssToInject, styleId)],
-    build: {
-      write: false,
-      target: 'es2015',
-      minify: 'esbuild',
-      assetsDir: '',
-      rollupOptions: {
-        input: {
-          ['all-css']: cssInjectedByJsId
-        },
-        output: {
-          format: 'iife',
-          manualChunks: undefined
-        }
-      }
-    }
-  })
-  const _cssChunk = Array.isArray(res) ? res[0] : res
-  if (!('output' in _cssChunk)) return null
-
-  return _cssChunk.output[0]
-}
-
-/**
- * @param {string} cssToInject
- * @param {string|null} styleId
- */
-function injectionCSSCodePlugin(cssToInject, styleId) {
-  return {
-    name: 'vite:injection-css-code-plugin',
-    resolveId(id) {
-      if (id == cssInjectedByJsId) {
-        return id
-      }
-    },
-    load(id) {
-      if (id == cssInjectedByJsId) {
-        const cssCode = JSON.stringify(cssToInject.trim())
-
-        return `try {
-          if (typeof document != 'undefined') {
-            var elementStyle = document.createElement('style');
-            ${typeof styleId == 'string' && styleId.length > 0 ? `elementStyle.id = '${styleId}';` : ''}
-            elementStyle.appendChild(document.createTextNode(${cssCode}));
-            document.head.appendChild(elementStyle);
-            elementStyle.disabled = true;
-          }
-        } catch(e) {
-          console.error('vite-plugin-css-injected-by-js', e);
-        }`
-      }
-    }
-  }
-}
-
-export function removeLinkStyleSheets(html, cssFileName) {
-  const removeCSS = new RegExp(
-    `<link rel=".*"[^>]*?href=".*/?${cssFileName}"[^>]*?>`
-  )
-  return html.replace(removeCSS, '')
-}