orga-build 0.2.3 → 0.2.5

package/lib/build.d.ts

@@ -2,4 +2,9 @@
  * @param {import('./config.js').Config} config
  */
 export function build({ outDir, root, containerClass, vitePlugins }: import("./config.js").Config): Promise<void>;
+export const alias: {
+    react: string;
+    'react-dom': string;
+    wouter: string;
+};
 //# sourceMappingURL=build.d.ts.map

package/lib/build.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"build.d.ts","sourceRoot":"","sources":["build.js"],"names":[],"mappings":"AAWA;;GAEG;AACH,qEAFW,OAAO,aAAa,EAAE,MAAM,iBA0JtC"}
+{"version":3,"file":"build.d.ts","sourceRoot":"","sources":["build.js"],"names":[],"mappings":"AAmBA;;GAEG;AACH,qEAFW,OAAO,aAAa,EAAE,MAAM,iBA8JtC;AArKD;;;;EAIC"}

package/lib/build.js

@@ -1,13 +1,21 @@
 import path from 'node:path'
+import { createRequire } from 'node:module'
 import { build as viteBuild } from 'vite'
-import orga from '@orgajs/rollup'
+import { setupOrga } from './orga.js'
 import react from '@vitejs/plugin-react'
 import { fileURLToPath, pathToFileURL } from 'node:url'
 import { copy, emptyDir, ensureDir } from './fs.js'
 import { pluginFactory } from './vite.js'
 import fs from 'fs/promises'
 import assert from 'node:assert'
-import { rehypeWrap } from './plugins.js'
+
+const require = createRequire(import.meta.url)
+
+export const alias = {
+	react: path.dirname(require.resolve('react/package.json')),
+	'react-dom': path.dirname(require.resolve('react-dom/package.json')),
+	wouter: path.dirname(require.resolve('wouter'))
+}
 
 /**
  * @param {import('./config.js').Config} config
@@ -24,9 +32,7 @@ export async function build({
 	const clientOutDir = path.join(outDir, '.client')
 
 	const plugins = [
-		orga({
-			rehypePlugins: [[rehypeWrap, { className: containerClass }]]
-		}),
+		setupOrga({ containerClass }),
 		react(),
 		pluginFactory({ dir: root }),
 		...vitePlugins
@@ -53,6 +59,9 @@ export async function build({
 		},
 		ssr: {
 			noExternal: true
+		},
+		resolve: {
+			alias: alias
 		}
 	})
 
@@ -78,6 +87,9 @@ export async function build({
 		},
 		ssr: {
 			noExternal: true
+		},
+		resolve: {
+			alias: alias
 		}
 	})
 

package/lib/orga.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @param {Object} options
+ * @param {string|string[]} options.containerClass - CSS class name(s) to wrap the rendered content
+ */
+export function setupOrga({ containerClass }: {
+    containerClass: string | string[];
+}): import("@orgajs/rollup").Plugin;
+//# sourceMappingURL=orga.d.ts.map

package/lib/orga.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"orga.d.ts","sourceRoot":"","sources":["orga.js"],"names":[],"mappings":"AAMA;;;GAGG;AACH,8CAFG;IAAiC,cAAc,EAAvC,MAAM,GAAC,MAAM,EAAE;CACzB,mCAcA"}

package/lib/orga.js

@@ -0,0 +1,91 @@
+/**
+ * @import {Root as HastTree} from 'hast'
+ */
+import _orga from '@orgajs/rollup'
+import { visitParents } from 'unist-util-visit-parents'
+
+/**
+ * @param {Object} options
+ * @param {string|string[]} options.containerClass - CSS class name(s) to wrap the rendered content
+ */
+export function setupOrga({ containerClass }) {
+	return _orga({
+		rehypePlugins: [[rehypeWrap, { className: containerClass }], image],
+		reorgRehypeOptions: {
+			linkHref: (link) => {
+				console.log({ link })
+				if (link.path.protocol === 'file') {
+					return link.path.value.replace(/\.org$/, '')
+				}
+				return link.path.value
+			}
+		}
+	})
+}
+
+// --- plugins ---
+
+/**
+ * @param {Object} options
+ * @param {string[]} options.className
+ */
+function rehypeWrap({ className = [] }) {
+	/**
+	 * Transform.
+	 *
+	 * @param {HastTree} tree
+	 *   Tree.
+	 * @returns {HastTree}
+	 *   Nothing.
+	 */
+	return (tree) => {
+		return {
+			...tree,
+			children: [
+				{
+					type: 'element',
+					tagName: 'div',
+					properties: {
+						className
+					},
+					// @ts-ignore
+					children: tree.children
+				}
+			]
+		}
+	}
+}
+
+function image() {
+	/**
+	 * @param {any} tree
+	 */
+	return function (tree) {
+		/** @type {Record<string, string>} */
+		const imports = {}
+		visitParents(tree, { tagName: 'img' }, (node) => {
+			node.type = 'jsx'
+			const { src, target } = node.properties
+			if (typeof src !== 'string') return
+			if (src.startsWith('http')) {
+				return
+			}
+			const name = (imports[src] ??= `asset_${genId()}`)
+			node.value = `<img src={${name}} target='${target}'/>`
+		})
+
+		for (const [src, name] of Object.entries(imports)) {
+			tree.children.unshift({
+				type: 'jsx',
+				value: `import ${name} from '${src}'`,
+				children: []
+			})
+		}
+	}
+}
+
+function genId(length = 8) {
+	const array = new Uint8Array(length)
+	crypto.getRandomValues(array)
+	return Array.from(array, (byte) => (byte % 36).toString(36)).join('')
+}

package/lib/serve.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"serve.d.ts","sourceRoot":"","sources":["serve.js"],"names":[],"mappings":"AAQA;;;GAGG;AACH,8BAHW,OAAO,aAAa,EAAE,MAAM,SAC5B,MAAM,iBA0ChB"}
+{"version":3,"file":"serve.d.ts","sourceRoot":"","sources":["serve.js"],"names":[],"mappings":"AAQA;;;GAGG;AACH,8BAHW,OAAO,aAAa,EAAE,MAAM,SAC5B,MAAM,iBA2ChB"}

package/lib/serve.js

@@ -1,10 +1,10 @@
 import express from 'express'
 import { createServer } from 'vite'
 import fs from 'node:fs/promises'
-import orga from '@orgajs/rollup'
 import react from '@vitejs/plugin-react'
 import { pluginFactory } from './vite.js'
-import { rehypeWrap } from './plugins.js'
+import { alias } from './build.js'
+import { setupOrga } from './orga.js'
 
 /**
  * @param {import('./config.js').Config} config
@@ -14,15 +14,16 @@ export async function serve(config, port = 3000) {
 	const app = express()
 	const vite = await createServer({
 		plugins: [
-			orga({
-				rehypePlugins: [[rehypeWrap, { className: config.containerClass }]]
-			}),
+			setupOrga({ containerClass: config.containerClass }),
 			react(),
 			pluginFactory({ dir: config.root }),
 			...config.vitePlugins
 		],
 		server: { middlewareMode: true },
-		appType: 'custom'
+		appType: 'custom',
+		resolve: {
+			alias: alias
+		}
 	})
 
 	app.use(vite.middlewares)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "orga-build",
-  "version": "0.2.3",
+  "version": "0.2.5",
   "description": "A simple tool that builds org-mode files into a website",
   "type": "module",
   "bin": {
@@ -47,7 +47,10 @@
     "@types/hast": "^3.0.4",
     "@types/node": "^22.13.1",
     "@types/react": "^19.0.8",
-    "@types/react-dom": "^19.0.3"
+    "@types/react-dom": "^19.0.3",
+    "orga": "^4.5.1"
   },
-  "scripts": {}
+  "scripts": {
+    "clean": "fd . -e d.ts -e d.ts.map -I -x rm {}"
+  }
 }

package/lib/plugins.d.ts

@@ -1,12 +0,0 @@
-/**
- * @import {Root} from 'hast'
- */
-/**
- * @param {Object} options
- * @param {string[]} options.className
- */
-export function rehypeWrap({ className }: {
-    className: string[];
-}): (tree: Root) => Root;
-import type { Root } from 'hast';
-//# sourceMappingURL=plugins.d.ts.map

package/lib/plugins.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"plugins.d.ts","sourceRoot":"","sources":["plugins.js"],"names":[],"mappings":"AAAA;;GAEG;AAEH;;;GAGG;AACH,0CAFG;IAA0B,SAAS,EAA3B,MAAM,EAAE;CAClB,UAKW,IAAI,KAEF,IAAI,CAmBjB;0BAhCsB,MAAM"}

package/lib/plugins.js

@@ -1,34 +0,0 @@
-/**
- * @import {Root} from 'hast'
- */
-
-/**
- * @param {Object} options
- * @param {string[]} options.className
- */
-export function rehypeWrap({ className = [] }) {
-	/**
-	 * Transform.
-	 *
-	 * @param {Root} tree
-	 *   Tree.
-	 * @returns {Root}
-	 *   Nothing.
-	 */
-	return (tree) => {
-		return {
-			...tree,
-			children: [
-				{
-					type: 'element',
-					tagName: 'div',
-					properties: {
-						className
-					},
-					// @ts-ignore
-					children: tree.children
-				}
-			]
-		}
-	}
-}