vite-plugin-css-injected-by-js - npm Package Compare versions

Comparing version 3.4.0 to 3.5.0

dist/cjs/declarations/index.d.ts

@@ -8,2 +8,2 @@ import type { Plugin } from 'vite';
  */
-export default function cssInjectedByJsPlugin({ cssAssetsFilterFunction, injectCode, injectCodeFunction, jsAssetsFilterFunction, preRenderCSSCode, relativeCSSInjection, styleId, suppressUnusedCssWarning, topExecutionPriority, useStrictCSP, dev: { enableDev, removeStyleCode, removeStyleCodeFunction }, }?: PluginConfiguration | undefined): Plugin[];
+export default function cssInjectedByJsPlugin({ cssAssetsFilterFunction, dev: { enableDev, removeStyleCode, removeStyleCodeFunction }, injectCode, injectCodeFunction, injectionCodeFormat, jsAssetsFilterFunction, preRenderCSSCode, relativeCSSInjection, styleId, suppressUnusedCssWarning, topExecutionPriority, useStrictCSP, }?: PluginConfiguration | undefined): Plugin[];

dist/cjs/declarations/interface.d.ts

 import type { InjectCode, InjectCodeFunction } from './utils';
 import type { OutputAsset, OutputChunk } from 'rollup';
 import type { BuildOptions } from 'vite';
+import type { ModuleFormat } from 'rollup';
 export interface DevOptions {
@@ -10,8 +11,9 @@ enableDev?: boolean;
 export interface BaseOptions {
+    dev?: DevOptions;
     injectCode?: InjectCode;
     injectCodeFunction?: InjectCodeFunction;
+    injectionCodeFormat?: ModuleFormat;
     styleId?: string | (() => string);
     topExecutionPriority?: boolean;
     useStrictCSP?: boolean;
-    dev?: DevOptions;
 }
@@ -18,0 +20,0 @@ export interface PluginConfiguration extends BaseOptions {

dist/cjs/declarations/utils.d.ts

@@ -12,3 +12,3 @@ import type { OutputBundle, OutputChunk } from 'rollup';
 export type InjectCodeFunction = (cssCode: string, options: InjectCodeOptions) => void;
-export declare function buildCSSInjectionCode({ cssToInject, styleId, injectCode, injectCodeFunction, useStrictCSP, buildOptions, }: BuildCSSInjectionConfiguration): Promise<OutputChunk | null>;
+export declare function buildCSSInjectionCode({ buildOptions, cssToInject, injectCode, injectCodeFunction, injectionCodeFormat, styleId, useStrictCSP, }: BuildCSSInjectionConfiguration): Promise<OutputChunk | null>;
 export declare function resolveInjectionCode(cssCode: string, injectCode: ((cssCode: string, options: InjectCodeOptions) => string) | undefined, injectCodeFunction: ((cssCode: string, options: InjectCodeOptions) => void) | undefined, { styleId, useStrictCSP, attributes }: InjectCodeOptions): string;
@@ -15,0 +15,0 @@ export declare function removeLinkStyleSheets(html: string, cssFileName: string): string;

dist/cjs/index.js

@@ -18,3 +18,3 @@ "use strict";
  */
-function cssInjectedByJsPlugin({ cssAssetsFilterFunction, injectCode, injectCodeFunction, jsAssetsFilterFunction, preRenderCSSCode, relativeCSSInjection, styleId, suppressUnusedCssWarning, topExecutionPriority, useStrictCSP, dev: { enableDev, removeStyleCode, removeStyleCodeFunction } = {}, } = {}) {
+function cssInjectedByJsPlugin({ cssAssetsFilterFunction, dev: { enableDev, removeStyleCode, removeStyleCodeFunction } = {}, injectCode, injectCodeFunction, injectionCodeFormat, jsAssetsFilterFunction, preRenderCSSCode, relativeCSSInjection, styleId, suppressUnusedCssWarning, topExecutionPriority, useStrictCSP, } = {}) {
     let config;
@@ -49,8 +49,9 @@ const topExecutionPriorityFlag = typeof topExecutionPriority == 'boolean' ? topExecutionPriority : true;
                     const buildCssCode = (cssToInject) => (0, utils_js_1.buildCSSInjectionCode)({
+                        buildOptions: config.build,
                         cssToInject: typeof preRenderCSSCode == 'function' ? preRenderCSSCode(cssToInject) : cssToInject,
-                        styleId,
                         injectCode,
                         injectCodeFunction,
+                        injectionCodeFormat,
+                        styleId,
                         useStrictCSP,
-                        buildOptions: config.build,
                     });
@@ -57,0 +58,0 @@ const cssAssetsFilter = (asset) => {

dist/cjs/utils.js

@@ -22,3 +22,3 @@ "use strict";
 };
-function buildCSSInjectionCode({ cssToInject, styleId, injectCode, injectCodeFunction, useStrictCSP, buildOptions, }) {
+function buildCSSInjectionCode({ buildOptions, cssToInject, injectCode, injectCodeFunction, injectionCodeFormat = 'iife', styleId, useStrictCSP, }) {
     return __awaiter(this, void 0, void 0, function* () {
@@ -50,3 +50,3 @@ let { minify, target } = buildOptions;
                     output: {
-                        format: 'iife',
+                        format: injectionCodeFormat,
                         manualChunks: undefined,
@@ -53,0 +53,0 @@ },

dist/esm/declarations/index.d.ts

@@ -8,2 +8,2 @@ import type { Plugin } from 'vite';
  */
-export default function cssInjectedByJsPlugin({ cssAssetsFilterFunction, injectCode, injectCodeFunction, jsAssetsFilterFunction, preRenderCSSCode, relativeCSSInjection, styleId, suppressUnusedCssWarning, topExecutionPriority, useStrictCSP, dev: { enableDev, removeStyleCode, removeStyleCodeFunction }, }?: PluginConfiguration | undefined): Plugin[];
+export default function cssInjectedByJsPlugin({ cssAssetsFilterFunction, dev: { enableDev, removeStyleCode, removeStyleCodeFunction }, injectCode, injectCodeFunction, injectionCodeFormat, jsAssetsFilterFunction, preRenderCSSCode, relativeCSSInjection, styleId, suppressUnusedCssWarning, topExecutionPriority, useStrictCSP, }?: PluginConfiguration | undefined): Plugin[];

dist/esm/declarations/interface.d.ts

 import type { InjectCode, InjectCodeFunction } from './utils';
 import type { OutputAsset, OutputChunk } from 'rollup';
 import type { BuildOptions } from 'vite';
+import type { ModuleFormat } from 'rollup';
 export interface DevOptions {
@@ -10,8 +11,9 @@ enableDev?: boolean;
 export interface BaseOptions {
+    dev?: DevOptions;
     injectCode?: InjectCode;
     injectCodeFunction?: InjectCodeFunction;
+    injectionCodeFormat?: ModuleFormat;
     styleId?: string | (() => string);
     topExecutionPriority?: boolean;
     useStrictCSP?: boolean;
-    dev?: DevOptions;
 }
@@ -18,0 +20,0 @@ export interface PluginConfiguration extends BaseOptions {

dist/esm/declarations/utils.d.ts

@@ -12,3 +12,3 @@ import type { OutputBundle, OutputChunk } from 'rollup';
 export type InjectCodeFunction = (cssCode: string, options: InjectCodeOptions) => void;
-export declare function buildCSSInjectionCode({ cssToInject, styleId, injectCode, injectCodeFunction, useStrictCSP, buildOptions, }: BuildCSSInjectionConfiguration): Promise<OutputChunk | null>;
+export declare function buildCSSInjectionCode({ buildOptions, cssToInject, injectCode, injectCodeFunction, injectionCodeFormat, styleId, useStrictCSP, }: BuildCSSInjectionConfiguration): Promise<OutputChunk | null>;
 export declare function resolveInjectionCode(cssCode: string, injectCode: ((cssCode: string, options: InjectCodeOptions) => string) | undefined, injectCodeFunction: ((cssCode: string, options: InjectCodeOptions) => void) | undefined, { styleId, useStrictCSP, attributes }: InjectCodeOptions): string;
@@ -15,0 +15,0 @@ export declare function removeLinkStyleSheets(html: string, cssFileName: string): string;

dist/esm/index.js

@@ -7,3 +7,3 @@ import { buildCSSInjectionCode, buildJsCssMap, clearImportedCssViteMetadataFromBundle, globalCssInjection, isCSSRequest, relativeCssInjection, removeLinkStyleSheets, resolveInjectionCode, warnLog, } from './utils.js';
  */
-export default function cssInjectedByJsPlugin({ cssAssetsFilterFunction, injectCode, injectCodeFunction, jsAssetsFilterFunction, preRenderCSSCode, relativeCSSInjection, styleId, suppressUnusedCssWarning, topExecutionPriority, useStrictCSP, dev: { enableDev, removeStyleCode, removeStyleCodeFunction } = {}, } = {}) {
+export default function cssInjectedByJsPlugin({ cssAssetsFilterFunction, dev: { enableDev, removeStyleCode, removeStyleCodeFunction } = {}, injectCode, injectCodeFunction, injectionCodeFormat, jsAssetsFilterFunction, preRenderCSSCode, relativeCSSInjection, styleId, suppressUnusedCssWarning, topExecutionPriority, useStrictCSP, } = {}) {
     let config;
@@ -37,8 +37,9 @@ const topExecutionPriorityFlag = typeof topExecutionPriority == 'boolean' ? topExecutionPriority : true;
                 const buildCssCode = (cssToInject) => buildCSSInjectionCode({
+                    buildOptions: config.build,
                     cssToInject: typeof preRenderCSSCode == 'function' ? preRenderCSSCode(cssToInject) : cssToInject,
-                    styleId,
                     injectCode,
                     injectCodeFunction,
+                    injectionCodeFormat,
+                    styleId,
                     useStrictCSP,
-                    buildOptions: config.build,
                 });
@@ -45,0 +46,0 @@ const cssAssetsFilter = (asset) => {

dist/esm/utils.js

@@ -10,3 +10,3 @@ import { build } from 'vite';
 };
-export async function buildCSSInjectionCode({ cssToInject, styleId, injectCode, injectCodeFunction, useStrictCSP, buildOptions, }) {
+export async function buildCSSInjectionCode({ buildOptions, cssToInject, injectCode, injectCodeFunction, injectionCodeFormat = 'iife', styleId, useStrictCSP, }) {
     let { minify, target } = buildOptions;
@@ -37,3 +37,3 @@ const generatedStyleId = typeof styleId === 'function' ? styleId() : styleId;
                 output: {
-                    format: 'iife',
+                    format: injectionCodeFormat,
                     manualChunks: undefined,
@@ -40,0 +40,0 @@ },

package.json

 {
     "name": "vite-plugin-css-injected-by-js",
-    "version": "3.4.0",
+    "version": "3.5.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.",
@@ -5,0 +5,0 @@ "main": "dist/cjs/index.js",

README.md

@@ -167,2 +167,6 @@ # vite-plugin-css-injected-by-js 🤯
 
+#### injectionCodeFormat (ModuleFormat)
+
+You can specify the format of the injection code, by default is `iife`.
+
 #### jsAssetsFilterFunction (function)
@@ -169,0 +173,0 @@

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

62672

increased by0.93%

Lines of code

889

increased by0.68%

Number of lines in readme file

366

increased by1.1%

No dependency changes