/**

* 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/',

});

// The feed only holds the first page of posts

for (const post of paginatedPosts[0]) {

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();

for (const post of posts) {

toOutput[getPostPath(post) + 'index.html'] = renderPage(

<PostPage post={post} />,

);

}

// 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);