Skip to content
Permalink
main
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Go to file
 
 
Cannot retrieve contributors at this time
/**
* Copyright 2020 Google Inc. All Rights Reserved.
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
* http://www.apache.org/licenses/LICENSE-2.0
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
import { h } from 'preact';
import { Feed } from 'feed';
import { renderPage, writeFiles, getPostPath, getPostUrl } from './utils';
import IndexPage from './pages/index';
import posts from 'post-data:';
import WhoPage from './pages/who';
import PostPage from './pages/post';
import iconUrl from 'asset-url:./pages/post/icon.png';
import ClientDemo from './components/client-demo';
interface Output {
[outputPath: string]: string;
}
const toOutput: Output = {
'who/index.html': renderPage(<WhoPage />),
};
// Paginated index pages
const indexPageSize = 10;
const paginatedPosts = Array.from(
{ length: Math.ceil(posts.length / indexPageSize) },
(_, i) => posts.slice(indexPageSize * i, indexPageSize * i + indexPageSize),
);
for (const [i, posts] of paginatedPosts.entries()) {
toOutput[i === 0 ? `index.html` : `${i + 1}.html`] = renderPage(
<IndexPage
posts={posts}
pageNum={i + 1}
totalPages={paginatedPosts.length}
/>,
);
}
// Post pages & RSS
const feed = new Feed({
title: `Jake Archibald's blog`,
link: `https://jakearchibald.com/`,
id: `https://jakearchibald.com/`,
language: `en-gb`,
image: `https://jakearchibald.com${iconUrl}`,
favicon: `https://jakearchibald.com/favicon.ico`,
copyright: 'https://creativecommons.org/licenses/by/4.0/',
});
for (const post of posts) {
toOutput[getPostPath(post) + 'index.html'] = renderPage(
<PostPage post={post} />,
);
feed.addItem({
title: post.title,
id: getPostUrl(post),
link: `https://jakearchibald.com${getPostUrl(post)}`,
content: post.content,
description: post.meta,
date: new Date(post.date),
image: post.image
? `https://jakearchibald.com${post.image}`
: `https://jakearchibald.com${iconUrl}`,
});
}
toOutput['posts.rss'] = feed.atom1();
// Demos
import avifCompareDemoScript, {
imports as avifCompareDemoScriptImports,
} from 'client-bundle:client/demos/2020/avif-has-landed/compare';
import avifCompareDemoStyles from 'css-bundle:client/demos/2020/avif-has-landed/compare/styles.css';
toOutput['2020/avif-has-landed/demos/compare/index.html'] = renderPage(
<ClientDemo
title="Image comparison"
script={avifCompareDemoScript}
scriptPreload={avifCompareDemoScriptImports}
styles={avifCompareDemoStyles}
/>,
);
import avifLoadingDemoScript, {
imports as avifLoadingDemoScriptImports,
} from 'client-bundle:client/demos/2020/avif-has-landed/loading';
import avifLoadingDemoStyles from 'css-bundle:client/demos/2020/avif-has-landed/loading/styles.css';
toOutput['2020/avif-has-landed/demos/loading/index.html'] = renderPage(
<ClientDemo
title="Slow loading images"
script={avifLoadingDemoScript}
scriptPreload={avifLoadingDemoScriptImports}
styles={avifLoadingDemoStyles}
/>,
);
import corsPlaygroundDemoScript, {
imports as corsPlaygroundDemoScriptImports,
} from 'client-bundle:shared/demos/2021/cors/cors-playground/client-index';
import CorsPlaygroundPage from 'shared/demos/2021/cors/cors-playground/static-index';
import corsPlaygroundDemoStyles from 'css-bundle:shared/demos/2021/cors/cors-playground/styles.css';
toOutput['2021/cors/playground/index.html'] = renderPage(
<ClientDemo
title="CORS playground"
script={corsPlaygroundDemoScript}
scriptPreload={corsPlaygroundDemoScriptImports}
styles={corsPlaygroundDemoStyles}
initialBody={<CorsPlaygroundPage />}
/>,
);
writeFiles(toOutput);