refactor(xml): build support

packages/core/build.config.ts

@@ -1,6 +1,6 @@
 import { defineBuildConfig } from 'unbuild';
 
-import { UnbuildPreset } from '@epubook/xml';
+import { UnbuildPreset } from '@epubook/xml/unbuild';
 
 export default defineBuildConfig({
   entries: ['src/index'],

packages/core/vitest.config.ts

@@ -1,22 +1,7 @@
 import { defineConfig } from 'vitest/config';
 
-import { transform } from 'esbuild';
+import { Epubook } from '@epubook/xml/vite';
 
 export default defineConfig({
-  plugins: [
-    {
-      name: 'epubook:transform-jsx',
-      enforce: 'pre',
-      async transform(code, id) {
-        if (id.endsWith('.tsx')) {
-          return await transform(code, {
-            loader: 'tsx',
-            sourcefile: id,
-            jsxFactory: 'h',
-            jsxFragment: 'Fragment'
-          });
-        }
-      }
-    }
-  ]
+  plugins: [Epubook()]
 });

packages/theme-default/build.config.ts

@@ -1,6 +1,6 @@
 import { defineBuildConfig } from 'unbuild';
 
-import { UnbuildPreset } from '@epubook/xml';
+import { UnbuildPreset } from '@epubook/xml/unbuild';
 
 export default defineBuildConfig({
   entries: ['src/index'],

packages/xml/build.config.ts

@@ -1,10 +1,10 @@
 import { defineBuildConfig } from 'unbuild';
 
 export default defineBuildConfig({
-  entries: ['src/index'],
+  entries: ['src/index', 'src/unbuild', 'src/vite'],
   declaration: true,
   clean: true,
-  externals: ['unbuild', 'rollup'],
+  externals: ['unbuild', 'rollup', 'vite'],
   rollup: {
     emitCJS: true
   }

packages/xml/package.json

@@ -6,7 +6,8 @@
     "ebook",
     "epub",
     "epub-generator",
-    "epubook"
+    "epubook",
+    "xml"
   ],
   "homepage": "https://github.com/yjl9903/epubook#readme",
   "bugs": {
@@ -24,11 +25,27 @@
       "require": "./dist/index.cjs",
       "import": "./dist/index.mjs",
       "types": "./dist/index.d.ts"
+    },
+    "./unbuild": {
+      "import": "./dist/unbuild.mjs",
+      "types": "./dist/unbuild.d.ts"
+    },
+    "./vite": {
+      "import": "./dist/vite.mjs",
+      "types": "./dist/vite.d.ts"
     }
   },
   "main": "./dist/index.cjs",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
+  "typesVersions": {
+    "*": {
+      "*": [
+        "./dist/*",
+        "./*"
+      ]
+    }
+  },
   "files": [
     "dist"
   ],

packages/xml/src/index.ts

@@ -1,3 +1 @@
-export * from './xhtml';
-
-export * from './unbuild';
+export * from './xml';

packages/xml/src/unbuild.ts

@@ -7,7 +7,7 @@ export const UnbuildPreset: (options?: { inject?: boolean }) => BuildConfig = ({
   rollup: {
     esbuild: {
       jsxFactory: inject ? '__epubook_xml.h' : 'h',
-      jsxFragment: inject ? '__epubook_xml.Fragment' : 'Fragment'
+      jsxFragment: inject ? '__epubook_xml.Fragment' : 'Fragment',
     }
   },
   hooks: {

packages/xml/src/vite.ts

@@ -0,0 +1,16 @@
+import type { Plugin } from 'vite';
+
+export function Epubook(): Plugin {
+  return {
+    name: 'epubook:jsx',
+    config() {
+      return {
+        esbuild: {
+          jsxFactory: '__epubook_xml.h',
+          jsxFragment: '__epubook_xml.Fragment',
+          jsxInject: `import * as __epubook_xml from '@epubook/xml'`
+        }
+      };
+    }
+  };
+}

packages/xml/src/xhtml/builder.ts → packages/xml/src/xml/builder.ts

@@ -3,7 +3,7 @@ import { randomUUID } from 'node:crypto';
 import * as path from 'pathe';
 import { XMLBuilder } from 'fast-xml-parser';
 
-import type { XHTMLNode } from './types';
+import type { XMLNode } from './types';
 
 import { Fragment } from './render';
 
@@ -27,9 +27,9 @@ export class XHTMLBuilder {
 
   private _filename: string;
 
-  private _head: XHTMLNode[] = [];
+  private _head: XMLNode[] = [];
 
-  private _body: XHTMLNode[] = [];
+  private _body: XMLNode[] = [];
 
   private _bodyAttrs: Record<string, string> = {};
 
@@ -63,12 +63,12 @@ export class XHTMLBuilder {
     return this;
   }
 
-  public head(...node: XHTMLNode[]) {
+  public head(...node: XMLNode[]) {
     this._head.push(...node);
     return this;
   }
 
-  public body(...node: XHTMLNode[]) {
+  public body(...node: XMLNode[]) {
     this._body.push(...node);
     return this;
   }
@@ -112,7 +112,7 @@ export class XHTMLBuilder {
       content
     };
 
-    function build(node: XHTMLNode) {
+    function build(node: XMLNode) {
       const attrs = Object.fromEntries(
         Object.entries(node.attrs ?? {}).map(([key, value]) => ['@_' + key, value])
       );
@@ -128,7 +128,7 @@ export class XHTMLBuilder {
 
         if (Array.isArray(node.children)) {
           const text = node.children.filter((c): c is string => typeof c === 'string');
-          const nodes = node.children.filter((c): c is XHTMLNode => typeof c !== 'string');
+          const nodes = node.children.filter((c): c is XMLNode => typeof c !== 'string');
           if (text.length > 0) {
             obj['#text'] = text[0];
           }
@@ -139,7 +139,7 @@ export class XHTMLBuilder {
       }
     }
 
-    function list(list: XHTMLNode[]) {
+    function list(list: XMLNode[]) {
       const obj: any = {};
       const nodes = list.flatMap((n) => (n.tag === Fragment ? n.children ?? [] : [n]));
       for (const c of nodes) {

packages/xml/src/xhtml/render.ts → packages/xml/src/xml/render.ts

@@ -1,11 +1,11 @@
-import type { XHTMLNode } from './types';
+import type { XMLNode } from './types';
 
 export const Fragment = 'Fragment';
 
 export function h(
   tag: string,
   attrs: Record<string, string> = {},
-  ...children: Array<string | XHTMLNode | Array<string | XHTMLNode>>
+  ...children: Array<string | XMLNode | Array<string | XMLNode>>
 ) {
   const sub = children
     .flatMap((c) =>
@@ -17,7 +17,7 @@ export function h(
     tag,
     attrs: attrs ?? {},
     children: sub
-  } satisfies XHTMLNode;
+  } satisfies XMLNode;
 
   return o;
 }

packages/xml/src/xml/types.ts

@@ -0,0 +1,58 @@
+declare global {
+  namespace JSX {
+    interface IntrinsicElements extends HtmlIntrinsicElements {}
+  }
+}
+
+export interface XMLNode {
+  tag: string;
+  attrs?: Record<string, string>;
+  children?: Array<string | XMLNode>;
+}
+
+export interface XHTMLNode extends XMLNode {}
+
+export interface ContainerIntrinsicElements {
+  containter: {
+    version: string;
+    xmlns: string;
+  };
+
+  rootfiles: {};
+
+  rootfile: {
+    fullPath: string;
+    mediaType: string;
+  };
+}
+
+export interface BaseHtmlElementAttrs {
+  class?: string;
+
+  id?: string;
+
+  html?: string;
+}
+
+export interface HtmlIntrinsicElements {
+  div: BaseHtmlElementAttrs & {};
+
+  nav: BaseHtmlElementAttrs & {};
+  ul: BaseHtmlElementAttrs & {};
+  ol: BaseHtmlElementAttrs & {};
+  li: BaseHtmlElementAttrs & {};
+
+  h1: BaseHtmlElementAttrs & {};
+  h2: BaseHtmlElementAttrs & {};
+  h3: BaseHtmlElementAttrs & {};
+  h4: BaseHtmlElementAttrs & {};
+  h5: BaseHtmlElementAttrs & {};
+  h6: BaseHtmlElementAttrs & {};
+
+  p: BaseHtmlElementAttrs & {};
+  pre: BaseHtmlElementAttrs & {};
+
+  span: BaseHtmlElementAttrs & {};
+  code: BaseHtmlElementAttrs & {};
+  a: BaseHtmlElementAttrs & { href: string };
+}

packages/xml/vitest.config.ts

@@ -0,0 +1,7 @@
+import { defineConfig } from 'vitest/config';
+
+import { Epubook } from './src/vite';
+
+export default defineConfig({
+  plugins: [Epubook()]
+});