Deploying to gh-pages from @ 9d49bef 🚀

Author: Anber

.turbo/turbo-build.log

@@ -8,11 +8,11 @@
 
 
 > linaria-website@6.3.2 clean:client /home/runner/work/linaria/linaria/website
-> del dist
+> del-cli dist
 
 
 > linaria-website@6.3.2 clean:server /home/runner/work/linaria/linaria/website
-> del build
+> del-cli build build-jsx
 
 
 > linaria-website@6.3.2 build /home/runner/work/linaria/linaria/website
@@ -22,25 +22,37 @@
 > linaria-website@6.3.2 build:client /home/runner/work/linaria/linaria/website
 > cross-env NODE_ENV=production webpack
 
+(node:3799) [DEP0180] DeprecationWarning: fs.Stats constructor is deprecated.
+(Use `node --trace-deprecation ...` to show where the warning was created)
 
 Timings:
-  Total: 3542ms
+  Total: 3225ms
 
   By method:
-    createEntrypoint: 233ms
-    parseFile: 23ms
-    transform:evaluator: 64ms
-    transform:preeval: 128ms
+    createEntrypoint: 2ms
+    transform:emitCommonJS: 1ms
+    transform:evalFile: 391ms
+    transform:evaluator: 6ms
+    transform:preeval: 48ms
     transform:preeval:importMetaEnv: 0ms
-    transform:preeval:processTemplate: 49ms
-    transform:preeval:removeDangerousCode: 20ms
+    transform:preeval:processTemplate: 40ms
+    transform:preeval:processTemplate:deps: 5ms
+    transform:preeval:processTemplate:imports: 23ms
+    transform:preeval:processTemplate:imports:analysis: 1ms
+    transform:preeval:processTemplate:imports:lookup: 21ms
+    transform:preeval:processTemplate:processors: 5ms
+    transform:preeval:processTemplate:reparse: 0ms
+    transform:preeval:processTemplate:usages: 1ms
+    transform:preeval:processTemplate:usedNames: 0ms
+    transform:preeval:removeDangerousCode: 5ms
+    transform:preeval:staticMetadata: 2ms
 
 Memory usage: {
-  rss: 218583040,
-  heapTotal: 152797184,
-  heapUsed: 124994112,
-  external: 3920771,
-  arrayBuffers: 1037551
+  rss: 227852288,
+  heapTotal: 134971392,
+  heapUsed: 105089744,
+  external: 3823726,
+  arrayBuffers: 1003377
 }
 assets by info 63.5 KiB [immutable]
   asset c9d5cf961634b7622bef.png 59.7 KiB [emitted] [immutable] [from: assets/code-sample-v4.png] (auxiliary name: app)
@@ -51,7 +63,7 @@ assets by chunk 138 KiB (name: app)
   asset styles.css 3.63 KiB [emitted] (name: app)
 asset index.html 242 bytes [emitted]
 Entrypoint app 138 KiB (399 KiB) = styles.css 3.63 KiB app.bundle.js 134 KiB 4 auxiliary assets
-orphan modules 24.7 KiB (javascript) 939 bytes (asset) 4.72 KiB (runtime) [orphan] 40 modules
+orphan modules 24.8 KiB (javascript) 939 bytes (asset) 4.72 KiB (runtime) [orphan] 40 modules
 runtime modules 1.5 KiB 3 modules
 cacheable modules 148 KiB (javascript) 62.6 KiB (asset) 3.7 KiB (css/mini-extract)
   modules by layer 148 KiB (javascript) 62.6 KiB (asset)
@@ -61,14 +73,20 @@ cacheable modules 148 KiB (javascript) 62.6 KiB (asset) 3.7 KiB (css/mini-extrac
       ./assets/code-sample-v4.png 59.7 KiB (asset) 42 bytes (javascript) [built] [code generated]
   css modules 3.7 KiB
     modules by path ./src/components/*.jsx 3.33 KiB
-      css ../node_modules/.pnpm/css-loader@6.7.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../node_modules/.pnpm/@wyw-in-js+webpack-loader@1.0.6_webpack@5.98.0/node_modules/@wyw-in-js/webpack-loader/lib/outputCssLoader.js?cacheProvider=&cacheProviderId=!./src/components/App.jsx?wyw=wyw-in-js.css 205 bytes [built] [code generated]
-      css ../node_modules/.pnpm/css-loader@6.7.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../node_modules/.pnpm/@wyw-in-js+webpack-loader@1.0.6_webpack@5.98.0/node_modules/@wyw-in-js/webpack-loader/lib/outputCssLoader.js?cacheProvider=&cacheProviderId=!./src/components/Header.jsx?wyw=wyw-in-js.css 1.31 KiB [built] [code generated]
-      css ../node_modules/.pnpm/css-loader@6.7.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../node_modules/.pnpm/@wyw-in-js+webpack-loader@1.0.6_webpack@5.98.0/node_modules/@wyw-in-js/webpack-loader/lib/outputCssLoader.js?cacheProvider=&cacheProviderId=!./src/components/Hero.jsx?wyw=wyw-in-js.css 1.82 KiB [built] [code generated]
-    css ../node_modules/.pnpm/css-loader@6.7.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../node_modules/.pnpm/@wyw-in-js+webpack-loader@1.0.6_webpack@5.98.0/node_modules/@wyw-in-js/webpack-loader/lib/outputCssLoader.js?cacheProvider=&cacheProviderId=!./src/index.jsx?wyw=wyw-in-js.css 316 bytes [built] [code generated]
-    css ../node_modules/.pnpm/css-loader@6.7.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../node_modules/.pnpm/@wyw-in-js+webpack-loader@1.0.6_webpack@5.98.0/node_modules/@wyw-in-js/webpack-loader/lib/outputCssLoader.js?cacheProvider=&cacheProviderId=!./src/components/Container.js?wyw=wyw-in-js.css 60 bytes [built] [code generated]
-webpack 5.98.0 compiled successfully in 3258 ms
+      css ../node_modules/.pnpm/css-loader@6.7.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../node_modules/.pnpm/@wyw-in-js+webpack-loader@2.0.0_@emnapi+core@1.10.0_@emnapi+runtime@1.10.0_webpack@5.98.0/node_modules/@wyw-in-js/webpack-loader/esm/outputCssLoader.js?cacheProvider=&cacheProviderId=!./src/components/App.jsx?wyw=wyw-in-js.css 205 bytes [built] [code generated]
+      css ../node_modules/.pnpm/css-loader@6.7.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../node_modules/.pnpm/@wyw-in-js+webpack-loader@2.0.0_@emnapi+core@1.10.0_@emnapi+runtime@1.10.0_webpack@5.98.0/node_modules/@wyw-in-js/webpack-loader/esm/outputCssLoader.js?cacheProvider=&cacheProviderId=!./src/components/Header.jsx?wyw=wyw-in-js.css 1.31 KiB [built] [code generated]
+      css ../node_modules/.pnpm/css-loader@6.7.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../node_modules/.pnpm/@wyw-in-js+webpack-loader@2.0.0_@emnapi+core@1.10.0_@emnapi+runtime@1.10.0_webpack@5.98.0/node_modules/@wyw-in-js/webpack-loader/esm/outputCssLoader.js?cacheProvider=&cacheProviderId=!./src/components/Hero.jsx?wyw=wyw-in-js.css 1.82 KiB [built] [code generated]
+    css ../node_modules/.pnpm/css-loader@6.7.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../node_modules/.pnpm/@wyw-in-js+webpack-loader@2.0.0_@emnapi+core@1.10.0_@emnapi+runtime@1.10.0_webpack@5.98.0/node_modules/@wyw-in-js/webpack-loader/esm/outputCssLoader.js?cacheProvider=&cacheProviderId=!./src/index.jsx?wyw=wyw-in-js.css 316 bytes [built] [code generated]
+    css ../node_modules/.pnpm/css-loader@6.7.2_webpack@5.98.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../node_modules/.pnpm/@wyw-in-js+webpack-loader@2.0.0_@emnapi+core@1.10.0_@emnapi+runtime@1.10.0_webpack@5.98.0/node_modules/@wyw-in-js/webpack-loader/esm/outputCssLoader.js?cacheProvider=&cacheProviderId=!./src/components/Container.js?wyw=wyw-in-js.css 60 bytes [built] [code generated]
+webpack 5.98.0 compiled successfully in 2942 ms
 
 > linaria-website@6.3.2 build:server /home/runner/work/linaria/linaria/website
-> cross-env NODE_ENV=production BABEL_ENV=server babel src --out-dir build
-
-Successfully compiled 11 files with Babel (932ms).
+> cross-env NODE_ENV=production babel src --out-dir build-jsx --config-file ./babel.server-jsx.config.js && cross-env NODE_ENV=production BABEL_ENV=server babel build-jsx --out-dir build && del-cli build-jsx
+
+(node:3865) [DEP0180] DeprecationWarning: fs.Stats constructor is deprecated.
+(Use `node --trace-deprecation ...` to show where the warning was created)
+Successfully compiled 11 files with Babel (188ms).
+(node:3893) [DEP0180] DeprecationWarning: fs.Stats constructor is deprecated.
+(Use `node --trace-deprecation ...` to show where the warning was created)
+(node:3893) [WYW_BABEL_PRESET_COMPATIBILITY] DeprecationWarning: [wyw-in-js] @wyw-in-js/babel-preset is a deprecated compatibility wrapper around the Oxc-backed transform. Prefer bundler integrations or the transform() API for new setups.
+Successfully compiled 11 files with Babel (3059ms).

babel.config.js

@@ -4,7 +4,7 @@ module.exports = {
     server: {
       presets: [
         require.resolve('@wyw-in-js/babel-preset'),
-        ['@babel/preset-env', { targets: { node: 12 } }],
+        ['@babel/preset-env', { targets: { node: 22 } }],
       ],
       plugins: [
         [

babel.server-jsx.config.js

@@ -0,0 +1,3 @@
+module.exports = {
+  presets: ['@babel/preset-react'],
+};

build/components/Container.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 var _react = require("@linaria/react");
 const Container = /*#__PURE__*/(0, _react.styled)('div')({
   name: "Container",
-  class: "cvg8y9q",
+  class: "c1bxlj65",
   propsAsIs: false
 });
 var _default = exports.default = Container;

build/components/Example.js

@@ -4,5 +4,5 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Page = exports.AtomicPage = void 0;
-const Page = exports.Page = "p17oew5k";
+const Page = exports.Page = "pkjiwr";
 const AtomicPage = exports.AtomicPage = "atm_26_1u0dmv0 atm_7l_u67f1s atm_j6_1kxcs5u atm_sy_12yic89";

build/components/Header.js

@@ -29,21 +29,21 @@ function Header() {
 const _exp = () => _Container.default;
 const NavBar = /*#__PURE__*/(0, _react.styled)(_exp())({
   name: "NavBar",
-  class: "n11jhqd8",
+  class: "nyobs4n",
   propsAsIs: true
 });
 const LogoImage = /*#__PURE__*/(0, _react.styled)('img')({
   name: "LogoImage",
-  class: "l2h01z2",
+  class: "l1epk533",
   propsAsIs: false
 });
 const Links = /*#__PURE__*/(0, _react.styled)('ul')({
   name: "Links",
-  class: "lkd2pf6",
+  class: "l1pcbkb7",
   propsAsIs: false
 });
 const LinkItem = /*#__PURE__*/(0, _react.styled)('a')({
   name: "LinkItem",
-  class: "l6fgol",
+  class: "l1pdmbl",
   propsAsIs: false
 });

build/components/Hero.js

@@ -20,41 +20,41 @@ function Hero() {
 }
 const HeroContainer = /*#__PURE__*/(0, _react.styled)('main')({
   name: "HeroContainer",
-  class: "h1tylktb",
+  class: "hxwxvp7",
   propsAsIs: false
 });
 const Row = /*#__PURE__*/(0, _react.styled)('div')({
   name: "Row",
-  class: "r1f6r3fj",
+  class: "rb67u9s",
   propsAsIs: false
 });
 const LeftColumn = /*#__PURE__*/(0, _react.styled)('div')({
   name: "LeftColumn",
-  class: "la3rybj",
+  class: "l1qaax7y",
   propsAsIs: false
 });
 const RightColumn = /*#__PURE__*/(0, _react.styled)('div')({
   name: "RightColumn",
-  class: "rw75u8k",
+  class: "rg5wq9k",
   propsAsIs: false
 });
 const Heading = /*#__PURE__*/(0, _react.styled)('h1')({
   name: "Heading",
-  class: "h8pe7ne",
+  class: "h1aabxkw",
   propsAsIs: false
 });
 const Description = /*#__PURE__*/(0, _react.styled)('p')({
   name: "Description",
-  class: "dimtlf9",
+  class: "d125axcd",
   propsAsIs: false
 });
 const Button = /*#__PURE__*/(0, _react.styled)('button')({
   name: "Button",
-  class: "b1gqb1d3",
+  class: "btjyyyo",
   propsAsIs: false
 });
 const CodeSample = /*#__PURE__*/(0, _react.styled)('img')({
   name: "CodeSample",
-  class: "cyne737",
+  class: "csfzl5o",
   propsAsIs: false
 });

build/index.js

@@ -9,6 +9,5 @@ var _reactDom = _interopRequireDefault(require("react-dom"));
 var _App = _interopRequireDefault(require("./components/App"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 _reactDom.default.render( /*#__PURE__*/_react.default.createElement(_App.default, null), document.getElementById('root'));
-
 // eslint-disable-next-line import/prefer-default-export
-const globals = exports.globals = "gulwyw3";
+const globals = exports.globals = "g1aljc42";

build/styles/utils.js

@@ -8,7 +8,7 @@ const breakpoints = exports.breakpoints = {
   medium: 640,
   large: 1024
 };
-const media = exports.media = Object.keys(breakpoints).reduce((acc, item) => {
-  acc[item] = `@media screen and (min-width: ${breakpoints[item]}px)`;
-  return acc;
-}, {});
+const media = exports.media = {
+  medium: `@media screen and (min-width: ${breakpoints.medium}px)`,
+  large: `@media screen and (min-width: ${breakpoints.large}px)`
+};