Skip to content

Commit 389f5f1

Browse files
AnberAnber
committed
Deploying to gh-pages from @ b3331e4 🚀
1 parent 9cc5b13 commit 389f5f1

File tree

15 files changed

+584
-14
lines changed

15 files changed

+584
-14
lines changed

‎.turbo/turbo-build.log‎

Lines changed: 14 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -24,23 +24,23 @@
2424

2525

2626
Timings:
27-
Total: 4062ms
27+
Total: 3417ms
2828

2929
By method:
30-
createEntrypoint: 306ms
31-
parseFile: 24ms
32-
transform:evaluator: 88ms
33-
transform:preeval: 154ms
30+
createEntrypoint: 217ms
31+
parseFile: 19ms
32+
transform:evaluator: 64ms
33+
transform:preeval: 131ms
3434
transform:preeval:importMetaEnv: 0ms
35-
transform:preeval:processTemplate: 50ms
36-
transform:preeval:removeDangerousCode: 23ms
35+
transform:preeval:processTemplate: 47ms
36+
transform:preeval:removeDangerousCode: 24ms
3737

3838
Memory usage: {
39-
rss: 212545536,
40-
heapTotal: 146882560,
41-
heapUsed: 116219232,
42-
external: 4424172,
43-
arrayBuffers: 1546162
39+
rss: 218226688,
40+
heapTotal: 153300992,
41+
heapUsed: 125503968,
42+
external: 3915561,
43+
arrayBuffers: 1037551
4444
}
4545
assets by info 63.5 KiB [immutable]
4646
asset c9d5cf961634b7622bef.png 59.7 KiB [emitted] [immutable] [from: assets/code-sample-v4.png] (auxiliary name: app)
@@ -66,9 +66,9 @@ cacheable modules 148 KiB (javascript) 62.6 KiB (asset) 3.7 KiB (css/mini-extrac
6666
css ../node_modules/.pnpm/[email protected][email protected]/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../node_modules/.pnpm/@[email protected][email protected]/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]
6767
css ../node_modules/.pnpm/[email protected][email protected]/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../node_modules/.pnpm/@[email protected][email protected]/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]
6868
css ../node_modules/.pnpm/[email protected][email protected]/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../node_modules/.pnpm/@[email protected][email protected]/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]
69-
webpack 5.98.0 compiled successfully in 3643 ms
69+
webpack 5.98.0 compiled successfully in 3138 ms
7070

7171
> [email protected] build:server /home/runner/work/linaria/linaria/website
7272
> cross-env NODE_ENV=production BABEL_ENV=server babel src --out-dir build
7373

74-
Successfully compiled 11 files with Babel (982ms).
74+
Successfully compiled 11 files with Babel (939ms).

‎build/api/index.js‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
"use strict";

‎build/api/react/index.js‎

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
"use strict";
2+
3+
Object.defineProperty(exports, "__esModule", {
4+
value: true
5+
});
6+
var _react = require("@linaria/react");
7+
Object.keys(_react).forEach(function (key) {
8+
if (key === "default" || key === "__esModule") return;
9+
if (key in exports && exports[key] === _react[key]) return;
10+
Object.defineProperty(exports, key, {
11+
enumerable: true,
12+
get: function () {
13+
return _react[key];
14+
}
15+
});
16+
});

‎build/components/App.js‎

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
"use strict";
2+
3+
Object.defineProperty(exports, "__esModule", {
4+
value: true
5+
});
6+
exports.default = Index;
7+
var _react = _interopRequireDefault(require("react"));
8+
var _atomic = require("@linaria/atomic");
9+
var _Header = _interopRequireDefault(require("./Header"));
10+
var _Hero = _interopRequireDefault(require("./Hero"));
11+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
12+
const Page = "atm_26_1u0dmv0 atm_7l_u67f1s atm_j6_1kxcs5u atm_sy_12yic89";
13+
function Index() {
14+
return /*#__PURE__*/_react.default.createElement("div", {
15+
className: (0, _atomic.cx)(Page)
16+
}, /*#__PURE__*/_react.default.createElement(_Header.default, null), /*#__PURE__*/_react.default.createElement(_Hero.default, null));
17+
}

‎build/components/Container.js‎

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
"use strict";
2+
3+
Object.defineProperty(exports, "__esModule", {
4+
value: true
5+
});
6+
exports.default = void 0;
7+
var _react = require("@linaria/react");
8+
const Container = /*#__PURE__*/(0, _react.styled)('div')({
9+
name: "Container",
10+
class: "cvg8y9q",
11+
propsAsIs: false
12+
});
13+
var _default = exports.default = Container;

‎build/components/Example.js‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
"use strict";
2+
3+
Object.defineProperty(exports, "__esModule", {
4+
value: true
5+
});
6+
exports.Page = exports.AtomicPage = void 0;
7+
const Page = exports.Page = "p17oew5k";
8+
const AtomicPage = exports.AtomicPage = "atm_26_1u0dmv0 atm_7l_u67f1s atm_j6_1kxcs5u atm_sy_12yic89";

‎build/components/Header.js‎

Lines changed: 49 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,49 @@
1+
"use strict";
2+
3+
Object.defineProperty(exports, "__esModule", {
4+
value: true
5+
});
6+
exports.default = Header;
7+
var _react = require("@linaria/react");
8+
var _react2 = _interopRequireDefault(require("react"));
9+
var _Container = _interopRequireDefault(require("./Container"));
10+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11+
const logo = "/dist/1cc849b6b5e35d5ae2a527b0c2926958.svg";
12+
function Header() {
13+
return /*#__PURE__*/_react2.default.createElement(NavBar, null, /*#__PURE__*/_react2.default.createElement(LogoImage, {
14+
src: logo,
15+
alt: "Linaria Logo"
16+
}), /*#__PURE__*/_react2.default.createElement(Links, null, /*#__PURE__*/_react2.default.createElement("li", null, /*#__PURE__*/_react2.default.createElement(LinkItem, {
17+
href: "https://github.com/callstack/linaria#features"
18+
}, "Features")), /*#__PURE__*/_react2.default.createElement("li", null, /*#__PURE__*/_react2.default.createElement(LinkItem, {
19+
target: "_blank",
20+
rel: "noopener noreferrer",
21+
href: "https://github.com/callstack/linaria/tree/master/docs"
22+
}, "Docs")), /*#__PURE__*/_react2.default.createElement("li", null, /*#__PURE__*/_react2.default.createElement(LinkItem, {
23+
target: "_blank",
24+
rel: "noopener noreferrer",
25+
href: "https://github.com/callstack/linaria",
26+
title: "GitHub"
27+
}, "GitHub"))));
28+
}
29+
const _exp = () => _Container.default;
30+
const NavBar = /*#__PURE__*/(0, _react.styled)(_exp())({
31+
name: "NavBar",
32+
class: "n11jhqd8",
33+
propsAsIs: true
34+
});
35+
const LogoImage = /*#__PURE__*/(0, _react.styled)('img')({
36+
name: "LogoImage",
37+
class: "l2h01z2",
38+
propsAsIs: false
39+
});
40+
const Links = /*#__PURE__*/(0, _react.styled)('ul')({
41+
name: "Links",
42+
class: "lkd2pf6",
43+
propsAsIs: false
44+
});
45+
const LinkItem = /*#__PURE__*/(0, _react.styled)('a')({
46+
name: "LinkItem",
47+
class: "l6fgol",
48+
propsAsIs: false
49+
});

‎build/components/Hero.js‎

Lines changed: 60 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,60 @@
1+
"use strict";
2+
3+
Object.defineProperty(exports, "__esModule", {
4+
value: true
5+
});
6+
exports.default = Hero;
7+
var _react = require("@linaria/react");
8+
var _react2 = _interopRequireDefault(require("react"));
9+
var _Container = _interopRequireDefault(require("./Container"));
10+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11+
const codeSample = "/dist/d0cd8b67723136cfcd108dc56a39cdb8.png";
12+
function Hero() {
13+
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, {
14+
as: "a",
15+
href: "https://github.com/callstack/linaria#installation"
16+
}, "Get Started")), /*#__PURE__*/_react2.default.createElement(RightColumn, null, /*#__PURE__*/_react2.default.createElement(CodeSample, {
17+
alt: "Linaria code sample",
18+
src: codeSample
19+
})))));
20+
}
21+
const HeroContainer = /*#__PURE__*/(0, _react.styled)('main')({
22+
name: "HeroContainer",
23+
class: "h1tylktb",
24+
propsAsIs: false
25+
});
26+
const Row = /*#__PURE__*/(0, _react.styled)('div')({
27+
name: "Row",
28+
class: "r1f6r3fj",
29+
propsAsIs: false
30+
});
31+
const LeftColumn = /*#__PURE__*/(0, _react.styled)('div')({
32+
name: "LeftColumn",
33+
class: "la3rybj",
34+
propsAsIs: false
35+
});
36+
const RightColumn = /*#__PURE__*/(0, _react.styled)('div')({
37+
name: "RightColumn",
38+
class: "rw75u8k",
39+
propsAsIs: false
40+
});
41+
const Heading = /*#__PURE__*/(0, _react.styled)('h1')({
42+
name: "Heading",
43+
class: "h8pe7ne",
44+
propsAsIs: false
45+
});
46+
const Description = /*#__PURE__*/(0, _react.styled)('p')({
47+
name: "Description",
48+
class: "dimtlf9",
49+
propsAsIs: false
50+
});
51+
const Button = /*#__PURE__*/(0, _react.styled)('button')({
52+
name: "Button",
53+
class: "b1gqb1d3",
54+
propsAsIs: false
55+
});
56+
const CodeSample = /*#__PURE__*/(0, _react.styled)('img')({
57+
name: "CodeSample",
58+
class: "cyne737",
59+
propsAsIs: false
60+
});

‎build/index.js‎

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
"use strict";
2+
3+
Object.defineProperty(exports, "__esModule", {
4+
value: true
5+
});
6+
exports.globals = void 0;
7+
var _react = _interopRequireDefault(require("react"));
8+
var _reactDom = _interopRequireDefault(require("react-dom"));
9+
var _App = _interopRequireDefault(require("./components/App"));
10+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11+
_reactDom.default.render( /*#__PURE__*/_react.default.createElement(_App.default, null), document.getElementById('root'));
12+
13+
// eslint-disable-next-line import/prefer-default-export
14+
const globals = exports.globals = "gulwyw3";

‎build/server.js‎

Lines changed: 66 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,66 @@
1+
"use strict";
2+
3+
require("ignore-styles");
4+
var _fs = _interopRequireDefault(require("fs"));
5+
var _path = _interopRequireDefault(require("path"));
6+
var _crypto = _interopRequireDefault(require("crypto"));
7+
var _server = require("@linaria/server");
8+
var _koa = _interopRequireDefault(require("koa"));
9+
var _koaRouter = _interopRequireDefault(require("koa-router"));
10+
var _koaCompress = _interopRequireDefault(require("koa-compress"));
11+
var _koaSend = _interopRequireDefault(require("koa-send"));
12+
var _dedent = _interopRequireDefault(require("dedent"));
13+
var _react = _interopRequireDefault(require("react"));
14+
var _server2 = _interopRequireDefault(require("react-dom/server"));
15+
var _serve = _interopRequireDefault(require("../serve.config"));
16+
var _App = _interopRequireDefault(require("./components/App"));
17+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
18+
const cache = {};
19+
const css = _fs.default.readFileSync(_path.default.join(__dirname, '../dist/styles.css'), 'utf8');
20+
const app = new _koa.default();
21+
const router = new _koaRouter.default();
22+
app.use((0, _koaCompress.default)());
23+
router.get('/', async ctx => {
24+
const html = _server2.default.renderToStaticMarkup( /*#__PURE__*/_react.default.createElement(_App.default, null));
25+
const {
26+
critical,
27+
other
28+
} = (0, _server.collect)(html, css);
29+
const slug = _crypto.default.createHash('md5').update(other).digest('hex');
30+
cache[slug] = other;
31+
ctx.type = 'html';
32+
ctx.body = (0, _dedent.default)`
33+
<!doctype html>
34+
<html lang="en">
35+
<head>
36+
<meta charset="utf-8" />
37+
<meta name="viewport" content="width=device-width, initial-scale=1">
38+
39+
<title>Linaria – zero-runtime CSS in JS library</title>
40+
41+
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat:300,600">
42+
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Fira+Mono">
43+
44+
<style type="text/css">${critical}</style>
45+
</head>
46+
<body>
47+
<div id="root">${html}</div>
48+
49+
<script src="/dist/app.bundle.js"></script>
50+
<link rel="stylesheet" href="/styles/${slug}">
51+
</body>
52+
</html>
53+
`;
54+
});
55+
router.get('/dist/:path+', async ctx => {
56+
await (0, _koaSend.default)(ctx, _path.default.join('dist', ctx.params.path));
57+
});
58+
router.get('/styles/:slug', async ctx => {
59+
ctx.type = 'text/css';
60+
ctx.body = cache[ctx.params.slug];
61+
});
62+
app.use(router.routes());
63+
app.listen(_serve.default.port);
64+
65+
// eslint-disable-next-line no-console
66+
console.log(`Listening on http://localhost:${_serve.default.port}`);

0 commit comments

Comments
 (0)