@epubook/theme 0.0.12-beta.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 XLor
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,21 @@
+# @epubook/theme
+
+[![version](https://img.shields.io/npm/v/@epubook/theme?color=rgb%2850%2C203%2C86%29&label=@epubook/theme)](https://www.npmjs.com/package/@epubook/theme)
+
+The default theme for [epubook](https://github.com/yjl9903/epubook).
+
+## Page templates
+
++ nav: Generate empty nav page
++ cover: Generate a page with a single cover image
++ chapter: Generate a content page with a title and lines of content
+
+## Conventions
+
+Themes are published to npm registry, and they should follow the conventions below:
+
++ Package name should start with `epubook-theme-`, for example `epubook-theme-custom` or `@my/epubook-theme-custom`
+
+## License
+
+MIT License © 2023 [XLor](https://github.com/yjl9903)

package/dist/index.d.mts

@@ -0,0 +1,15 @@
+//#region src/types.d.ts
+type DefaultThemePageTemplate = {
+  chapter: PageTemplate<{
+    title: string;
+    content: string;
+  }>;
+};
+//#endregion
+//#region src/chapter.d.ts
+declare const Chapter: DefaultThemePageTemplate['chapter'];
+//#endregion
+//#region src/index.d.ts
+declare function DefaultTheme(): Promise<Theme<DefaultThemePageTemplate>>;
+//#endregion
+export { Chapter, DefaultTheme, DefaultThemePageTemplate };

package/dist/index.mjs

@@ -0,0 +1,42 @@
+import * as fs from "node:fs";
+import * as path from "node:path";
+import { fileURLToPath } from "node:url";
+import { XHTMLBuilder } from "@epubook/core";
+import { Fragment, jsx, jsxs } from "@epubook/xml/jsx-runtime";
+
+//#region src/chapter.tsx
+const Chapter = (file, { title, content }) => {
+	const lines = content.split(/\r?\n/);
+	return new XHTMLBuilder(file).title(title).body(/* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("h2", { children: title }), lines.map((l) => /* @__PURE__ */ jsx("p", { children: l }))] }));
+};
+
+//#endregion
+//#region src/index.ts
+const styles = ["./styles/main.css", "./styles/cover.css"];
+async function DefaultTheme() {
+	return {
+		name: "@epubook/theme-default",
+		styles: await Promise.all(styles.map((d) => loadStyle(d))),
+		images: [],
+		pages: {
+			cover(file, { image, title = "封面" }) {
+				return new XHTMLBuilder(file).title(title).bodyAttrs({ class: "cover" }).body({
+					tag: "img",
+					attrs: { src: image.relative(file) }
+				});
+			},
+			nav(file, { nav, option }) {
+				if (!option.title) option.title = "目录";
+				return new XHTMLBuilder(file).title("目录");
+			},
+			chapter: Chapter
+		}
+	};
+}
+async function loadStyle(dir) {
+	const d = path.join(fileURLToPath(import.meta.url), "../../", dir);
+	return fs.promises.readFile(d, "utf-8");
+}
+
+//#endregion
+export { Chapter, DefaultTheme };

package/package.json

@@ -0,0 +1,54 @@
+{
+  "name": "@epubook/theme",
+  "version": "0.0.12-beta.1",
+  "description": "Epubook theme",
+  "keywords": [
+    "ebook",
+    "epub",
+    "epub-generator",
+    "epubook",
+    "epubook-theme"
+  ],
+  "homepage": "https://github.com/yjl9903/epubook#readme",
+  "bugs": {
+    "url": "https://github.com/yjl9903/epubook/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/yjl9903/epubook.git"
+  },
+  "license": "MIT",
+  "author": "XLor",
+  "sideEffects": false,
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.mts",
+      "import": "./dist/index.mjs"
+    }
+  },
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.mts",
+  "files": [
+    "dist",
+    "styles"
+  ],
+  "dependencies": {
+    "@epubook/core": "0.0.12-beta.1",
+    "@epubook/xml": "0.0.12-beta.1"
+  },
+  "engines": {
+    "node": ">=v20.10.0"
+  },
+  "epubook": {
+    "styles": [
+      "styles/main.css",
+      "styles/cover.css"
+    ],
+    "images": []
+  },
+  "scripts": {
+    "build!": "tsdown",
+    "typecheck!": "tsc --noEmit"
+  }
+}

package/styles/cover.css

@@ -0,0 +1,13 @@
+body.cover, body.cover div, body.cover img {
+  margin: 0;
+  padding: 0;
+  text-align: center;
+}
+
+body.cover img {
+  height: 100%;
+  max-width: 100%;
+  border: 0 none;
+  vertical-align: bottom;
+  object-fit: contain;
+}

package/styles/main.css

@@ -0,0 +1,263 @@
+/* See: https://github.com/spajak/epub3-boilerplate */
+
+@charset "UTF-8";
+
+@page {
+  margin-left: 10pt;
+  margin-right: 10pt;
+  padding: 0;
+}
+
+.hidden, [hidden] {
+  display: none;
+}
+
+/* --- sections --- */
+article,
+aside,
+blockquote,
+figure,
+figcaption,
+footer,
+header,
+main,
+nav,
+section {
+  display: block;
+}
+
+body {
+  font-size: 100%;
+  font-weight: normal;
+  text-align: justify;
+  line-height: 1.35;
+  margin: 0;
+  padding: 0;
+  -webkit-hyphens: auto;
+  hyphens: auto;
+  widows: 2;
+  orphans: 2;
+}
+
+section, nav {
+  page-break-before: always;
+  page-break-after: always;
+}
+
+h1, h2, h3, h4, h5, h6 {
+  text-align: center;
+  line-height: 1.25;
+  font-weight: bold;
+  margin: 1.5em 0;
+  -epub-hyphens: none;
+  hyphens: none;
+  page-break-after: avoid;
+  page-break-inside: avoid;
+}
+
+h1 {
+  font-size: 2em;
+}
+
+h2 {
+  font-size: 1.625em;
+  margin-top: 2.75em;
+}
+
+h3 {
+  font-size: 1.375em;
+  margin-top: 2em;
+  margin-bottom: 1.25em;
+}
+
+h4 {
+  font-size: 1.125em;
+  margin-bottom: 1em;
+}
+
+h5, h6 {
+  font-size: 1em;
+  margin-top: 1em;
+  margin-bottom: 0.75em;
+}
+
+h6 {
+  font-style: italic;
+}
+
+/* --- Content grouping --- */
+p, blockquote, figure, ol, ul, dl, pre {
+  margin-top: 1em;
+  margin-bottom: 1em;
+  text-indent: 0;
+}
+
+p.classic,
+p.book,
+p.novel {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+p + p.classic,
+p + p.book,
+p + p.novel {
+  text-indent: 1.125em;
+}
+
+p.stanza, p.verses, p.verse, p.poetry {
+  margin-top: 1em;
+  margin-bottom: 1em;
+  text-align: left;
+  text-indent: 0;
+}
+
+blockquote {
+  padding-left: 18pt;
+  padding-right: 18pt;
+  margin-left: 0;
+  margin-right: 0;
+}
+
+blockquote.fancy {
+  padding-left: 10pt;
+  padding-right: 16pt;
+  border-left: 0.875rem solid #9F9F9F;
+}
+
+dt {
+  font-weight: bold;
+  text-align: left;
+  page-break-after: avoid;
+}
+
+dd {
+  padding: 0;
+  margin-left: 0;
+  margin-right: 0;
+  margin-bottom: 0.25em;
+  padding-left: 22pt;
+  page-break-before: avoid;
+}
+
+figure {
+  padding: 0;
+  margin-left: 0;
+  margin-right: 0;
+  text-align: center;
+  page-break-inside: avoid;
+}
+
+figcaption {
+  margin: 0.25em auto;
+  line-height: 1.25;
+  font-size: 0.875em;
+  text-align: center;
+}
+
+hr {
+  height: 0;
+  width: auto;
+  padding: 0;
+  border: 0 none;
+  border-top: 0.125rem solid currentColor;
+  margin: 1.5em auto;
+  text-align: center;
+  page-break-after: avoid;
+}
+
+pre {
+  tab-size: 2;
+  text-align: left;
+  display: block;
+  white-space: pre-wrap;
+  font-size: 0.8125em;
+  line-height: 1.25;
+}
+
+/* --- List --- */
+ul, ol {
+  text-align: initial;
+  list-style-position: outside;
+  margin-left: 0;
+}
+
+ol {
+  list-style-type: decimal;
+  padding-left: 34pt;
+}
+
+ol.wide {
+  padding-left: 44pt;
+}
+
+ul {
+  list-style-type: disc;
+  padding-left: 24pt;
+}
+
+ul ul {
+  list-style-type: circle;
+}
+
+li ol, li ul {
+  margin-top: 0;
+  margin-bottom: 0;
+  padding-left: 24pt;
+}
+
+li ul {
+  padding-left: 16pt;
+}
+
+/* --- Image --- */
+img {
+  max-width: 100%;
+  max-height: 100%;
+  object-fit: contain;
+  vertical-align: bottom;
+}
+
+/* --- Text --- */
+em, cite, q, i {
+  font-style: italic;
+}
+
+q {
+  quotes: none !important;
+  font-style: italic !important;
+}
+
+dfn {
+  font-style: normal;
+  font-weight: bold;
+}
+
+strong, b {
+  font-weight: bold;
+}
+
+small {
+  font-size: 0.875em;
+}
+
+sub, sup {
+  font-size: 0.675em;
+  line-height: 1.2;
+}
+
+sub {
+  vertical-align: sub;
+  vertical-align: -20%;
+}
+
+sup {
+  vertical-align: super;
+  vertical-align: 35%;
+}
+
+code {
+  white-space: pre;
+  text-align: left;
+  font-family: monospace;
+}