orga-build 0.2.4 → 0.2.6

package/lib/build.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"build.d.ts","sourceRoot":"","sources":["build.js"],"names":[],"mappings":"AAoBA;;GAEG;AACH,qEAFW,OAAO,aAAa,EAAE,MAAM,iBAgKtC;AAvKD;;;;EAIC"}
+{"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,14 +1,13 @@
 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)
 
@@ -33,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

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,mCAaA"}

package/lib/orga.js

@@ -0,0 +1,90 @@
+/**
+ * @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) => {
+				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":"AASA;;;GAGG;AACH,8BAHW,OAAO,aAAa,EAAE,MAAM,SAC5B,MAAM,iBA6ChB"}
+{"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,11 +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
@@ -15,9 +14,7 @@ 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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "orga-build",
-  "version": "0.2.4",
+  "version": "0.2.6",
   "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
-				}
-			]
-		}
-	}
-}