@vanilla-extract/css - npm Package Compare versions

Comparing version 1.0.1 to 1.1.0

adapter/dist/vanilla-extract-css-adapter.browser.cjs.js

@@ -5,3 +5,3 @@ 'use strict';
 
-let adapter = {
+const mockAdapter = {
   appendCss: () => {},
@@ -11,3 +11,11 @@ registerClassName: () => {},
 };
+let adapter = mockAdapter;
+let hasConfiguredAdapter = false;
+const setAdapterIfNotSet = newAdapter => {
+  if (!hasConfiguredAdapter) {
+    setAdapter(newAdapter);
+  }
+};
 const setAdapter = newAdapter => {
+  hasConfiguredAdapter = true;
   adapter = newAdapter;
@@ -26,4 +34,6 @@ };
 exports.appendCss = appendCss;
+exports.mockAdapter = mockAdapter;
 exports.onEndFileScope = onEndFileScope;
 exports.registerClassName = registerClassName;
 exports.setAdapter = setAdapter;
+exports.setAdapterIfNotSet = setAdapterIfNotSet;

adapter/dist/vanilla-extract-css-adapter.browser.esm.js

@@ -1,2 +0,2 @@
-let adapter = {
+const mockAdapter = {
   appendCss: () => {},
@@ -6,3 +6,11 @@ registerClassName: () => {},
 };
+let adapter = mockAdapter;
+let hasConfiguredAdapter = false;
+const setAdapterIfNotSet = newAdapter => {
+  if (!hasConfiguredAdapter) {
+    setAdapter(newAdapter);
+  }
+};
 const setAdapter = newAdapter => {
+  hasConfiguredAdapter = true;
   adapter = newAdapter;
@@ -20,2 +28,2 @@ };
 
-export { appendCss, onEndFileScope, registerClassName, setAdapter };
+export { appendCss, mockAdapter, onEndFileScope, registerClassName, setAdapter, setAdapterIfNotSet };

adapter/dist/vanilla-extract-css-adapter.cjs.dev.js

@@ -5,3 +5,3 @@ 'use strict';
 
-let adapter = {
+const mockAdapter = {
   appendCss: () => {},
@@ -11,3 +11,11 @@ registerClassName: () => {},
 };
+let adapter = mockAdapter;
+let hasConfiguredAdapter = false;
+const setAdapterIfNotSet = newAdapter => {
+  if (!hasConfiguredAdapter) {
+    setAdapter(newAdapter);
+  }
+};
 const setAdapter = newAdapter => {
+  hasConfiguredAdapter = true;
   adapter = newAdapter;
@@ -26,4 +34,6 @@ };
 exports.appendCss = appendCss;
+exports.mockAdapter = mockAdapter;
 exports.onEndFileScope = onEndFileScope;
 exports.registerClassName = registerClassName;
 exports.setAdapter = setAdapter;
+exports.setAdapterIfNotSet = setAdapterIfNotSet;

adapter/dist/vanilla-extract-css-adapter.cjs.prod.js

@@ -5,3 +5,3 @@ 'use strict';
 
-let adapter = {
+const mockAdapter = {
   appendCss: () => {},
@@ -11,3 +11,11 @@ registerClassName: () => {},
 };
+let adapter = mockAdapter;
+let hasConfiguredAdapter = false;
+const setAdapterIfNotSet = newAdapter => {
+  if (!hasConfiguredAdapter) {
+    setAdapter(newAdapter);
+  }
+};
 const setAdapter = newAdapter => {
+  hasConfiguredAdapter = true;
   adapter = newAdapter;
@@ -26,4 +34,6 @@ };
 exports.appendCss = appendCss;
+exports.mockAdapter = mockAdapter;
 exports.onEndFileScope = onEndFileScope;
 exports.registerClassName = registerClassName;
 exports.setAdapter = setAdapter;
+exports.setAdapterIfNotSet = setAdapterIfNotSet;

adapter/dist/vanilla-extract-css-adapter.esm.js

@@ -1,2 +0,2 @@
-let adapter = {
+const mockAdapter = {
   appendCss: () => {},
@@ -6,3 +6,11 @@ registerClassName: () => {},
 };
+let adapter = mockAdapter;
+let hasConfiguredAdapter = false;
+const setAdapterIfNotSet = newAdapter => {
+  if (!hasConfiguredAdapter) {
+    setAdapter(newAdapter);
+  }
+};
 const setAdapter = newAdapter => {
+  hasConfiguredAdapter = true;
   adapter = newAdapter;
@@ -20,2 +28,2 @@ };
 
-export { appendCss, onEndFileScope, registerClassName, setAdapter };
+export { appendCss, mockAdapter, onEndFileScope, registerClassName, setAdapter, setAdapterIfNotSet };

CHANGELOG.md

 # @vanilla-extract/css
 
+## 1.1.0
+
+### Minor Changes
+
+- [#206](https://github.com/seek-oss/vanilla-extract/pull/206) [`64c18f9`](https://github.com/seek-oss/vanilla-extract/commit/64c18f976bdada1f99022e88065a8277d56b5592) Thanks [@mattcompiles](https://github.com/mattcompiles)! - Add `disableRuntimeStyles` entrypoint
+
+  In testing environments (like `jsdom`) vanilla-extract will create and insert styles. While this is often desirable, it can be a major slowdown in your tests. If your tests don't require styles to be available, the `disableRuntimeStyles` import will disable all style creation.
+
+  ```ts
+  // setupTests.ts
+  import '@vanilla-extract/css/disableRuntimeStyles';
+  ```
+
 ## 1.0.1
@@ -4,0 +17,0 @@

dist/declarations/src/adapter.d.ts

 import type { Adapter } from './types';
+export declare const mockAdapter: Adapter;
+export declare const setAdapterIfNotSet: (newAdapter: Adapter) => void;
 export declare const setAdapter: (newAdapter: Adapter) => void;
@@ -3,0 +5,0 @@ export declare const appendCss: Adapter['appendCss'];

dist/vanilla-extract-css.browser.cjs.js

@@ -88,3 +88,3 @@ 'use strict';
 {
-  adapter_dist_vanillaExtractCssAdapter.setAdapter(browserRuntimeAdapter);
+  adapter_dist_vanillaExtractCssAdapter.setAdapterIfNotSet(browserRuntimeAdapter);
 }
@@ -91,0 +91,0 @@

dist/vanilla-extract-css.browser.esm.js

 import { transformCss } from '../transformCss/dist/vanilla-extract-css-transformCss.browser.esm.js';
-import { setAdapter, appendCss, registerClassName } from '../adapter/dist/vanilla-extract-css-adapter.browser.esm.js';
+import { setAdapterIfNotSet, appendCss, registerClassName } from '../adapter/dist/vanilla-extract-css-adapter.browser.esm.js';
 import hash from '@emotion/hash';
@@ -77,3 +77,3 @@ import { getAndIncrementRefCounter, getFileScope } from '../fileScope/dist/vanilla-extract-css-fileScope.browser.esm.js';
 {
-  setAdapter(browserRuntimeAdapter);
+  setAdapterIfNotSet(browserRuntimeAdapter);
 }
@@ -80,0 +80,0 @@

dist/vanilla-extract-css.cjs.dev.js

@@ -88,3 +88,3 @@ 'use strict';
 if (typeof window !== 'undefined') {
-  adapter_dist_vanillaExtractCssAdapter.setAdapter(browserRuntimeAdapter);
+  adapter_dist_vanillaExtractCssAdapter.setAdapterIfNotSet(browserRuntimeAdapter);
 }
@@ -91,0 +91,0 @@

dist/vanilla-extract-css.cjs.prod.js

@@ -88,3 +88,3 @@ 'use strict';
 if (typeof window !== 'undefined') {
-  adapter_dist_vanillaExtractCssAdapter.setAdapter(browserRuntimeAdapter);
+  adapter_dist_vanillaExtractCssAdapter.setAdapterIfNotSet(browserRuntimeAdapter);
 }
@@ -91,0 +91,0 @@

dist/vanilla-extract-css.esm.js

 import { transformCss } from '../transformCss/dist/vanilla-extract-css-transformCss.esm.js';
-import { setAdapter, appendCss, registerClassName } from '../adapter/dist/vanilla-extract-css-adapter.esm.js';
+import { setAdapterIfNotSet, appendCss, registerClassName } from '../adapter/dist/vanilla-extract-css-adapter.esm.js';
 import hash from '@emotion/hash';
@@ -77,3 +77,3 @@ import { getAndIncrementRefCounter, getFileScope } from '../fileScope/dist/vanilla-extract-css-fileScope.esm.js';
 if (typeof window !== 'undefined') {
-  setAdapter(browserRuntimeAdapter);
+  setAdapterIfNotSet(browserRuntimeAdapter);
 }
@@ -80,0 +80,0 @@

package.json

 {
   "name": "@vanilla-extract/css",
-  "version": "1.0.1",
+  "version": "1.1.0",
   "description": "Zero-runtime Stylesheets-in-TypeScript",
@@ -18,3 +18,4 @@ "sideEffects": true,
       "transformCss.ts",
-      "fileScope.ts"
+      "fileScope.ts",
+      "disableRuntimeStyles.ts"
     ]
@@ -27,3 +28,4 @@ },
     "/transformCss",
-    "/fileScope"
+    "/fileScope",
+    "/disableRuntimeStyles"
   ],
@@ -30,0 +32,0 @@ "repository": {

README.md

@@ -87,2 +87,3 @@ # 🧁 vanilla-extract
   - [Gatsby](#gatsby)
+  - [Test environments](#test-environments)
 - [Styling API](#styling-api)
@@ -286,2 +287,28 @@ - [style](#style)
 
+### Test environments
+
+1. Install the dependencies.
+
+```bash
+$ npm install @vanilla-extract/babel-plugin
+```
+
+2. Add the [Babel](https://babeljs.io) plugin.
+
+```json
+{
+  "plugins": ["@vanilla-extract/babel-plugin"]
+}
+```
+
+3. Disable runtime styles (Optional)
+
+In testing environments (like `jsdom`) vanilla-extract will create and insert styles. While this is often desirable, it can be a major slowdown in your tests. If your tests don’t require styles to be available, the `disableRuntimeStyles` import will disable all style creation.
+
+```ts
+// setupTests.ts
+import '@vanilla-extract/css/disableRuntimeStyles';
+```
+
+
 ---
@@ -288,0 +315,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

212111

increased by2.22%

Number of package files

68

increased by15.25%

Lines of code

5232

increased by1.34%

Number of lines in readme file

847

increased by3.29%

Worsened metrics

Number of low supply chain risk alerts

18

increased by5.88%

No dependency changes