Deploying to gh-pages from @ 3a09bc5 🚀

.turbo/turbo-build.log

@@ -1,73 +1,57 @@
 
-> linaria-website@6.1.0 prebuild /Users/anber/Sources/linaria/website
-> pnpm clean
-
-
-> linaria-website@6.1.0 clean /Users/anber/Sources/linaria/website
-> pnpm clean:client && pnpm clean:server
-
-
-> linaria-website@6.1.0 clean:client /Users/anber/Sources/linaria/website
-> del dist
-
-
-> linaria-website@6.1.0 clean:server /Users/anber/Sources/linaria/website
-> del build
-
-
-> linaria-website@6.1.0 build /Users/anber/Sources/linaria/website
+> linaria-website@6.1.1 build /home/runner/work/linaria/linaria/website
 > pnpm build:client && pnpm build:server
 
 
-> linaria-website@6.1.0 build:client /Users/anber/Sources/linaria/website
+> linaria-website@6.1.1 build:client /home/runner/work/linaria/linaria/website
 > cross-env NODE_ENV=production webpack
 
 
 Timings:
-  Total: 1942ms
+  Total: 3018ms
 
   By method:
-    createEntrypoint: 181ms
-    parseFile: 9ms
-    transform:evaluator: 34ms
-    transform:preeval: 85ms
-    transform:preeval:processTemplate: 36ms
-    transform:preeval:removeDangerousCode: 12ms
+    createEntrypoint: 188ms
+    parseFile: 19ms
+    transform:evaluator: 62ms
+    transform:preeval: 130ms
+    transform:preeval:processTemplate: 43ms
+    transform:preeval:removeDangerousCode: 22ms
 
 Memory usage: {
-  rss: 234274816,
-  heapTotal: 137822208,
-  heapUsed: 108152568,
-  external: 4176186,
-  arrayBuffers: 2715153
+  rss: 194322432,
+  heapTotal: 128172032,
+  heapUsed: 101964472,
+  external: 3504877,
+  arrayBuffers: 1027518
 }
-assets by info 63.5 KiB [immutable]
-  asset c9d5cf961634b7622bef.png 59.7 KiB [emitted] [immutable] [from: assets/code-sample-v4.png] (auxiliary name: app)
-  asset 62f658e6bb6e95783a3b.svg 2.88 KiB [emitted] [immutable] [from: assets/linaria-logo.svg] (auxiliary name: app)
-  asset f5a906f902f5923432cc.svg 939 bytes [emitted] [immutable] [from: assets/linaria-logomark.svg] (auxiliary name: app)
+assets by info 63.5 KiB [immutable]
+  asset c9d5cf961634b7622bef.png 59.7 KiB [emitted] [immutable] [from: assets/code-sample-v4.png] (auxiliary name: app)
+  asset 62f658e6bb6e95783a3b.svg 2.88 KiB [emitted] [immutable] [from: assets/linaria-logo.svg] (auxiliary name: app)
+  asset f5a906f902f5923432cc.svg 939 bytes [emitted] [immutable] [from: assets/linaria-logomark.svg] (auxiliary name: app)
 assets by chunk 138 KiB (name: app)
-  asset app.bundle.js 134 KiB [emitted] [minimized] (name: app) 2 related assets
-  asset styles.css 3.63 KiB [emitted] (name: app)
-asset index.html 242 bytes [emitted]
-Entrypoint app 138 KiB (398 KiB) = styles.css 3.63 KiB app.bundle.js 134 KiB 4 auxiliary assets
-orphan modules 24.5 KiB (javascript) 939 bytes (asset) 4.72 KiB (runtime) [orphan] 40 modules
+  asset app.bundle.js 134 KiB [emitted] [minimized] (name: app) 2 related assets
+  asset styles.css 3.63 KiB [emitted] (name: app)
+asset index.html 242 bytes [emitted]
+Entrypoint app 138 KiB (398 KiB) = styles.css 3.63 KiB app.bundle.js 134 KiB 4 auxiliary assets
+orphan modules 24.5 KiB (javascript) 939 bytes (asset) 4.72 KiB (runtime) [orphan] 40 modules
 runtime modules 1.33 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)
     javascript modules 148 KiB 13 modules
     asset modules 84 bytes (javascript) 62.6 KiB (asset)
-      ./assets/linaria-logo.svg 42 bytes (javascript) 2.88 KiB (asset) [built] [code generated]
-      ./assets/code-sample-v4.png 42 bytes (javascript) 59.7 KiB (asset) [built] [code generated]
+      ./assets/linaria-logo.svg 42 bytes (javascript) 2.88 KiB (asset) [built] [code generated]
+      ./assets/code-sample-v4.png 42 bytes (javascript) 59.7 KiB (asset) [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.76.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../node_modules/.pnpm/@wyw-in-js+webpack-loader@0.5.3_webpack@5.76.0/node_modules/@wyw-in-js/webpack-loader/lib/outputCssLoader.js?cacheProvider=!./src/components/App.jsx 205 bytes [built] [code generated]
-      css ../node_modules/.pnpm/css-loader@6.7.2_webpack@5.76.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../node_modules/.pnpm/@wyw-in-js+webpack-loader@0.5.3_webpack@5.76.0/node_modules/@wyw-in-js/webpack-loader/lib/outputCssLoader.js?cacheProvider=!./src/components/Header.jsx 1.31 KiB [built] [code generated]
-      css ../node_modules/.pnpm/css-loader@6.7.2_webpack@5.76.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../node_modules/.pnpm/@wyw-in-js+webpack-loader@0.5.3_webpack@5.76.0/node_modules/@wyw-in-js/webpack-loader/lib/outputCssLoader.js?cacheProvider=!./src/components/Hero.jsx 1.82 KiB [built] [code generated]
-    css ../node_modules/.pnpm/css-loader@6.7.2_webpack@5.76.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../node_modules/.pnpm/@wyw-in-js+webpack-loader@0.5.3_webpack@5.76.0/node_modules/@wyw-in-js/webpack-loader/lib/outputCssLoader.js?cacheProvider=!./src/index.jsx 316 bytes [built] [code generated]
-    css ../node_modules/.pnpm/css-loader@6.7.2_webpack@5.76.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../node_modules/.pnpm/@wyw-in-js+webpack-loader@0.5.3_webpack@5.76.0/node_modules/@wyw-in-js/webpack-loader/lib/outputCssLoader.js?cacheProvider=!./src/components/Container.js 60 bytes [built] [code generated]
-webpack 5.76.0 compiled successfully in 1730 ms
-
-> linaria-website@6.1.0 build:server /Users/anber/Sources/linaria/website
+    modules by path ./src/components/*.jsx 3.33 KiB
+      css ../node_modules/.pnpm/css-loader@6.7.2_webpack@5.76.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../node_modules/.pnpm/@wyw-in-js+webpack-loader@0.5.3_webpack@5.76.0/node_modules/@wyw-in-js/webpack-loader/lib/outputCssLoader.js?cacheProvider=!./src/components/App.jsx 205 bytes [built] [code generated]
+      css ../node_modules/.pnpm/css-loader@6.7.2_webpack@5.76.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../node_modules/.pnpm/@wyw-in-js+webpack-loader@0.5.3_webpack@5.76.0/node_modules/@wyw-in-js/webpack-loader/lib/outputCssLoader.js?cacheProvider=!./src/components/Header.jsx 1.31 KiB [built] [code generated]
+      css ../node_modules/.pnpm/css-loader@6.7.2_webpack@5.76.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../node_modules/.pnpm/@wyw-in-js+webpack-loader@0.5.3_webpack@5.76.0/node_modules/@wyw-in-js/webpack-loader/lib/outputCssLoader.js?cacheProvider=!./src/components/Hero.jsx 1.82 KiB [built] [code generated]
+    css ../node_modules/.pnpm/css-loader@6.7.2_webpack@5.76.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../node_modules/.pnpm/@wyw-in-js+webpack-loader@0.5.3_webpack@5.76.0/node_modules/@wyw-in-js/webpack-loader/lib/outputCssLoader.js?cacheProvider=!./src/index.jsx 316 bytes [built] [code generated]
+    css ../node_modules/.pnpm/css-loader@6.7.2_webpack@5.76.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../node_modules/.pnpm/@wyw-in-js+webpack-loader@0.5.3_webpack@5.76.0/node_modules/@wyw-in-js/webpack-loader/lib/outputCssLoader.js?cacheProvider=!./src/components/Container.js 60 bytes [built] [code generated]
+webpack 5.76.0 compiled successfully in 2749 ms
+
+> linaria-website@6.1.1 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 (579ms).
+Successfully compiled 11 files with Babel (793ms).

CHANGELOG.md

@@ -1,5 +1,13 @@
 # Change Log
 
+## 6.1.1
+
+### Patch Changes
+
+- Updated dependencies [fd60b5de]
+  - @linaria/react@6.2.0
+  - @linaria/atomic@6.1.1
+
 ## 6.1.0
 
 ### Minor Changes

build/api/index.js

@@ -0,0 +1 @@
+"use strict";

build/api/react/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _react = require("@linaria/react");
+Object.keys(_react).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _react[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _react[key];
+    }
+  });
+});

build/components/App.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Index;
+var _react = _interopRequireDefault(require("react"));
+var _atomic = require("@linaria/atomic");
+var _Header = _interopRequireDefault(require("./Header"));
+var _Hero = _interopRequireDefault(require("./Hero"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const Page = "atm_26_1u0dmv0 atm_7l_u67f1s atm_j6_1kxcs5u atm_sy_12yic89";
+function Index() {
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _atomic.cx)(Page)
+  }, /*#__PURE__*/_react.default.createElement(_Header.default, null), /*#__PURE__*/_react.default.createElement(_Hero.default, null));
+}

build/components/Container.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("@linaria/react");
+const Container = /*#__PURE__*/(0, _react.styled)('div')({
+  name: "Container",
+  class: "cvg8y9q",
+  propsAsIs: false
+});
+var _default = exports.default = Container;

build/components/Example.js

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

build/components/Header.js

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Header;
+var _react = require("@linaria/react");
+var _react2 = _interopRequireDefault(require("react"));
+var _Container = _interopRequireDefault(require("./Container"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const logo = "/dist/1cc849b6b5e35d5ae2a527b0c2926958.svg";
+function Header() {
+  return /*#__PURE__*/_react2.default.createElement(NavBar, null, /*#__PURE__*/_react2.default.createElement(LogoImage, {
+    src: logo,
+    alt: "Linaria Logo"
+  }), /*#__PURE__*/_react2.default.createElement(Links, null, /*#__PURE__*/_react2.default.createElement("li", null, /*#__PURE__*/_react2.default.createElement(LinkItem, {
+    href: "https://github.com/callstack/linaria#features"
+  }, "Features")), /*#__PURE__*/_react2.default.createElement("li", null, /*#__PURE__*/_react2.default.createElement(LinkItem, {
+    target: "_blank",
+    rel: "noopener noreferrer",
+    href: "https://github.com/callstack/linaria/tree/master/docs"
+  }, "Docs")), /*#__PURE__*/_react2.default.createElement("li", null, /*#__PURE__*/_react2.default.createElement(LinkItem, {
+    target: "_blank",
+    rel: "noopener noreferrer",
+    href: "https://github.com/callstack/linaria",
+    title: "GitHub"
+  }, "GitHub"))));
+}
+const _exp = /*#__PURE__*/() => _Container.default;
+const NavBar = /*#__PURE__*/(0, _react.styled)(_exp())({
+  name: "NavBar",
+  class: "n11jhqd8",
+  propsAsIs: true
+});
+const LogoImage = /*#__PURE__*/(0, _react.styled)('img')({
+  name: "LogoImage",
+  class: "l2h01z2",
+  propsAsIs: false
+});
+const Links = /*#__PURE__*/(0, _react.styled)('ul')({
+  name: "Links",
+  class: "lkd2pf6",
+  propsAsIs: false
+});
+const LinkItem = /*#__PURE__*/(0, _react.styled)('a')({
+  name: "LinkItem",
+  class: "l6fgol",
+  propsAsIs: false
+});

build/components/Hero.js

@@ -0,0 +1,60 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Hero;
+var _react = require("@linaria/react");
+var _react2 = _interopRequireDefault(require("react"));
+var _Container = _interopRequireDefault(require("./Container"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const codeSample = "/dist/d0cd8b67723136cfcd108dc56a39cdb8.png";
+function Hero() {
+  return /*#__PURE__*/_react2.default.createElement(HeroContainer, null, /*#__PURE__*/_react2.default.createElement(_Container.default, null, /*#__PURE__*/_react2.default.createElement(Row, null, /*#__PURE__*/_react2.default.createElement(LeftColumn, null, /*#__PURE__*/_react2.default.createElement(Heading, null, "Zero-Runtime CSS in JS"), /*#__PURE__*/_react2.default.createElement(Description, null, "Write CSS in JS and get real CSS files during build. Use dynamic prop based styles with the React bindings and have them transpiled to CSS variables automatically. Great productivity with source maps and linting support."), /*#__PURE__*/_react2.default.createElement(Button, {
+    as: "a",
+    href: "https://github.com/callstack/linaria#installation"
+  }, "Get Started")), /*#__PURE__*/_react2.default.createElement(RightColumn, null, /*#__PURE__*/_react2.default.createElement(CodeSample, {
+    alt: "Linaria code sample",
+    src: codeSample
+  })))));
+}
+const HeroContainer = /*#__PURE__*/(0, _react.styled)('main')({
+  name: "HeroContainer",
+  class: "h1tylktb",
+  propsAsIs: false
+});
+const Row = /*#__PURE__*/(0, _react.styled)('div')({
+  name: "Row",
+  class: "r1f6r3fj",
+  propsAsIs: false
+});
+const LeftColumn = /*#__PURE__*/(0, _react.styled)('div')({
+  name: "LeftColumn",
+  class: "la3rybj",
+  propsAsIs: false
+});
+const RightColumn = /*#__PURE__*/(0, _react.styled)('div')({
+  name: "RightColumn",
+  class: "rw75u8k",
+  propsAsIs: false
+});
+const Heading = /*#__PURE__*/(0, _react.styled)('h1')({
+  name: "Heading",
+  class: "h8pe7ne",
+  propsAsIs: false
+});
+const Description = /*#__PURE__*/(0, _react.styled)('p')({
+  name: "Description",
+  class: "dimtlf9",
+  propsAsIs: false
+});
+const Button = /*#__PURE__*/(0, _react.styled)('button')({
+  name: "Button",
+  class: "b1gqb1d3",
+  propsAsIs: false
+});
+const CodeSample = /*#__PURE__*/(0, _react.styled)('img')({
+  name: "CodeSample",
+  class: "cyne737",
+  propsAsIs: false
+});

build/index.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.globals = void 0;
+var _react = _interopRequireDefault(require("react"));
+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";

build/server.js

@@ -0,0 +1,66 @@
+"use strict";
+
+require("ignore-styles");
+var _fs = _interopRequireDefault(require("fs"));
+var _path = _interopRequireDefault(require("path"));
+var _crypto = _interopRequireDefault(require("crypto"));
+var _server = require("@linaria/server");
+var _koa = _interopRequireDefault(require("koa"));
+var _koaRouter = _interopRequireDefault(require("koa-router"));
+var _koaCompress = _interopRequireDefault(require("koa-compress"));
+var _koaSend = _interopRequireDefault(require("koa-send"));
+var _dedent = _interopRequireDefault(require("dedent"));
+var _react = _interopRequireDefault(require("react"));
+var _server2 = _interopRequireDefault(require("react-dom/server"));
+var _serve = _interopRequireDefault(require("../serve.config"));
+var _App = _interopRequireDefault(require("./components/App"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const cache = {};
+const css = _fs.default.readFileSync(_path.default.join(__dirname, '../dist/styles.css'), 'utf8');
+const app = new _koa.default();
+const router = new _koaRouter.default();
+app.use((0, _koaCompress.default)());
+router.get('/', async ctx => {
+  const html = _server2.default.renderToStaticMarkup( /*#__PURE__*/_react.default.createElement(_App.default, null));
+  const {
+    critical,
+    other
+  } = (0, _server.collect)(html, css);
+  const slug = _crypto.default.createHash('md5').update(other).digest('hex');
+  cache[slug] = other;
+  ctx.type = 'html';
+  ctx.body = (0, _dedent.default)`
+    <!doctype html>
+    <html lang="en">
+      <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+
+        <title>Linaria – zero-runtime CSS in JS library</title>
+
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat:300,600">
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Fira+Mono">
+
+        <style type="text/css">${critical}</style>
+      </head>
+      <body>
+        <div id="root">${html}</div>
+
+        <script src="/dist/app.bundle.js"></script>
+        <link rel="stylesheet" href="/styles/${slug}">
+      </body>
+    </html>
+  `;
+});
+router.get('/dist/:path+', async ctx => {
+  await (0, _koaSend.default)(ctx, _path.default.join('dist', ctx.params.path));
+});
+router.get('/styles/:slug', async ctx => {
+  ctx.type = 'text/css';
+  ctx.body = cache[ctx.params.slug];
+});
+app.use(router.routes());
+app.listen(_serve.default.port);
+
+// eslint-disable-next-line no-console
+console.log(`Listening on http://localhost:${_serve.default.port}`);

build/styles/constants.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _default = exports.default = {
+  fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", Helvetica, sans-serif',
+  gradient: 'linear-gradient(to right, hsl(180, 100%, 70%), hsl(64, 57%, 82%), hsl(0, 100%, 90%))'
+};