[#46] Skip plugin execution when SSR is enabled (#47)

* Add skip logic for SSR usage

* 2.1.0

* 2.1.0-beta-0

* 2.1.0-beta-1

* Cosmetics

* Cosmetics

* 2.1.0

Author: marco-prontera

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "vite-plugin-css-injected-by-js",
-  "version": "2.0.4",
+  "version": "2.1.0",
   "description": "A Vite plugin that takes the CSS and adds it to the page through the JS. For those who want a single JS file.",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",

package.json

@@ -1,4 +1,4 @@
-import { Plugin } from 'vite';
+import { Plugin, ResolvedConfig } from 'vite';
 import { OutputAsset, OutputChunk } from 'rollup';
 import { buildCSSInjectionCode, removeLinkStyleSheets } from './utils.js';
 
@@ -15,12 +15,20 @@ export default function cssInjectedByJsPlugin(
 ): Plugin {
     //Globally so we can add it to legacy and non-legacy bundle.
     let cssToInject: string = '';
+    let config: ResolvedConfig;
 
     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')

src/index.ts

@@ -48,7 +48,7 @@ function injectionCSSCodePlugin(cssToInject: string, styleId?: string): Plugin {
             if (id == cssInjectedByJsId) {
                 const cssCode = JSON.stringify(cssToInject.trim());
 
-                return `try{if (typeof document !== 'undefined'){var elementStyle = document.createElement('style');${
+                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);}}catch(e){console.error('vite-plugin-css-injected-by-js', e);}`;
             }