vowel 0.1.2 → 0.1.3

package/.cache.json

@@ -0,0 +1 @@
+{}

package/bin.js

@@ -3,6 +3,14 @@
 import { execSync, spawn } from 'child_process';
 import path from 'node:path';
 import url from 'node:url';
+import pc from 'picocolors';
+import mri from 'mri';
+import filterConsole from 'filter-console';
+import process from 'process';
+import readline from 'readline';
+import logUpdate from 'log-update';
+
+const args = mri(process.argv);
 
 // Directory where the module is
 const binURL = import.meta.url;
@@ -12,17 +20,54 @@ const binDirName = path.dirname(binFilePath);
 // Directory where the command was called
 const homeDir = process.cwd();
 
+const spawnArgs = ['./server.js', '--directory', homeDir];
+if (args.build) spawnArgs.push('--build');
+
+if (!args.verbose) {
+	filterConsole(['jsconfig', 'vite', 'Vite', 'tsconfig', `--host`]);
+	console.log(`\n\n`);
+}
+
 // Args: File to run, home directory,
-const child = spawn('node', ['./server.js', homeDir, process.argv[2] === 'build'], {
+const child = spawn('node', spawnArgs, {
 	cwd: binDirName
 });
 
+let processedFiles = 0;
+let foundFiles = 0;
+const std = process.stdout;
+
 child.stdout.on('data', (data) => {
-	console.log(`${data}`);
+	const message = data.toString();
+	if (message.match('fileread')) {
+		processedFiles++;
+		logUpdate(pc.green(`    Files read: ${processedFiles}/${foundFiles}`));
+	} else if (message.startsWith('filesfound')) {
+		const count = Number(message.split(':').at(-1).slice(0, -1));
+		foundFiles += count;
+	} else if (message.startsWith('loaded')) {
+		logUpdate(pc.green(`    Files read: ${foundFiles}/${foundFiles}`));
+		console.log(`\n\n`);
+		processedFiles = 0;
+		foundFiles = 0;
+	} else if (message.match('http://localhost:')) {
+		const url = message.match(/http:\/\/localhost:\S+/);
+		console.log(
+			pc.bgCyan(
+				pc.bold(`
+
+    Website: ${url}
+`)
+			)
+		);
+		console.log(`\n`);
+	} else {
+		console.log(pc.blue(data));
+	}
 });
 
 child.stderr.on('data', (data) => {
-	console.error(`${data}`);
+	console.error(pc.red(data));
 });
 
 child.on('close', (code) => {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "vowel",
-	"version": "0.1.2",
+	"version": "0.1.3",
 	"bin": "./bin.js",
 	"scripts": {
 		"dev": "vite dev",
@@ -20,10 +20,14 @@
 		"@sveltejs/vite-plugin-svelte": "^4.0.0-next.3",
 		"any-date-parser": "^1.5.4",
 		"change-case": "^5.4.1",
+		"filter-console": "^1.0.0",
 		"js-yaml": "^4.1.0",
+		"loading-cli": "^1.1.2",
+		"log-update": "^6.0.0",
 		"milligram": "^1.4.1",
 		"object-path": "^0.11.8",
 		"open-props": "^1.6.13",
+		"picocolors": "^1.0.1",
 		"prettier": "^3.0.0",
 		"prettier-plugin-svelte": "^3.0.0",
 		"remark": "^15.0.1",

package/server.js

@@ -3,17 +3,18 @@ import { createServer, build } from 'vite';
 import { writeFile, mkdir, readFile } from 'fs/promises';
 import { existsSync } from 'fs';
 import { dirname, join } from 'path';
+import mri from 'mri';
 
-const __dirname = fileURLToPath(new URL('.', import.meta.url));
+const args = mri(process.argv);
+const { build: isBuild, directory } = args;
 
-// Check if this is a package build
-const isBuild = process.argv[2] === 'build';
+const __dirname = fileURLToPath(new URL('.', import.meta.url));
 
 // If this is not a build, read the process argument
 const arg = !isBuild ? process.argv[2] : false;
 
 // Check if this is a user (process argument) or package dev (cwd)
-const $home = [arg || join(process.cwd(), 'content')];
+const $home = isBuild ? join(process.cwd(), 'content') : directory;
 
 const define = {
 	$home
@@ -73,7 +74,7 @@ async function runServer() {
 }
 
 // If build mode
-if (isBuild || process.argv[3] === 'true') {
+if (isBuild) {
 	buildProject();
 } else {
 	runServer();

package/src/lib/components/Frontmatter.svelte

@@ -12,8 +12,6 @@
 	// TODO: Normalize frontmatter props
 	let { properties, website, format } = $derived(props);
 
-	console.log(`Frontmatter format ${format}`);
-
 	const excludedProperties = [
 		'title',
 		'description',

package/src/lib/components/FrontmatterProperty.svelte

@@ -5,8 +5,6 @@
 
 	/** @type {{ property: any, key: string }}*/
 	let { property, key, format } = $props();
-
-	console.log(`Frontmatter property format: ${format}`);
 </script>
 
 {#if property}

package/src/lib/components/Markdown/Image.svelte

@@ -11,8 +11,8 @@
 		try {
 			return new URL(url);
 		} catch (e) {
-			console.error(`Error on image ${url}:`);
-			console.error(e);
+			// console.error(`Error on image ${url}:`);
+			// console.error(e);
 		}
 	}
 

package/src/lib/components/Page.svelte

@@ -5,8 +5,6 @@
 	let { page, content = true, link, level = 0, website = {}, format = 'html' } = $props();
 	let { ast, title, date, image, imputedProperties } = $derived(page || {});
 
-	console.log(`Page format: ${format}`);
-
 	const dateObject = date?.type === 'date' && new Date(date.output);
 	// TODO: Add conditional logic for format = 'xml'
 </script>

package/src/lib/utilities/mutateMarkdownAST.js

@@ -37,7 +37,7 @@ export default async function mutateMarkdownAST(ast, cache) {
 						delete node.children;
 					} catch (error) {
 						node.value = url;
-						console.log(`Error on URL in content: ${url}`);
+						// console.log(`Error on URL in content: ${url}`);
 					}
 				} else {
 					node.metadata = cache[node.value];

package/src/lib/utilities/mutateMarkdownFrontmatter.js

@@ -89,7 +89,7 @@ export default async function mutateMarkdownFrontmatter(frontmatter, cache) {
 							input
 						};
 					} catch (e) {
-						console.error(`Error on URL in frontmatter: ${frontmatter[key]}`);
+						// console.error(`Error on URL in frontmatter: ${frontmatter[key]}`);
 						frontmatter[key] = {
 							type: 'string',
 							output: input,

package/src/lib/utilities/processMarkdownFiles.js

@@ -103,6 +103,8 @@ async function readFolder(folderPath, parents, cache) {
 
 	let files = (await fs.readdir(folderPath, { withFileTypes: true })).filter(filterFiles);
 
+	console.log(`filesfound:${files.length}`);
+
 	const promises = files.map(async (file) => await readFile(file, parents, cache, folderPath));
 
 	const folder = (await Promise.all(promises)).reduce((acc, obj) => ({ ...acc, ...obj }), {});
@@ -134,7 +136,8 @@ async function readFile(file, parents, cache, folderPath) {
 
 		const { ast, frontmatter, imputedProperties } = await readMarkdownFile(filePath, cache);
 		const loadTime = (performance.now() - startLoad).toFixed(2);
-		console.log(`📄 ${shortPath} (${loadTime}ms)`);
+		// console.log(`📄 ${shortPath} (${loadTime}ms)`);
+		console.log('fileread');
 		if (frontmatter.published == false) return;
 		if (file.name === 'home.md' || file.name === 'settings.md') {
 			const key = file.name === 'home.md' ? '$' : '_';
@@ -173,7 +176,7 @@ async function readFile(file, parents, cache, folderPath) {
 		const folder = await readFolder(path.join(folderPath, file.name), url, cache);
 
 		const loadTime = (performance.now() - startLoad).toFixed(2);
-		console.log(`📁 ${shortPath} (${loadTime}ms)`);
+		// console.log(`📁 ${shortPath} (${loadTime}ms)`);
 
 		if (!folder.hasOwnProperty('$')) {
 			const $ = DefaultFile(url);
@@ -208,5 +211,7 @@ export default async function processMarkdownFiles(cache) {
 	const [homeDir] = $home;
 	const folder = await readFolder(homeDir, '', cache);
 
+	console.log('loaded');
+
 	return { folder, finalCache: cache };
 }

package/src/routes/[...path]/+layout.server.js

@@ -22,15 +22,15 @@ async function checkFileExists(filePath, homeDir) {
 
 /** @type {import('./$types').PageLoad} */
 export async function load() {
-	const startLoad = performance.now();
+	// const startLoad = performance.now();
 	const now = Date.now();
 	const contentCacheDuration = 60000; // Cache for  1 minute
 	const initialURLCache = await loadCache($home[0]);
 
 	const cssExists = await checkFileExists(normalize('/assets/styles.css'), $home[0]);
 
-	if (cssExists) console.log('Found CSS file at /assets/styles.css');
-	else console.log('No CSS file found as /assets/styles.css');
+	// if (cssExists) console.log('Found CSS file at /assets/styles.css');
+	// else console.log('No CSS file found as /assets/styles.css');
 
 	const faviconExists = await checkFileExists(normalize('/assets/favicon.png'), $home[0]);
 
@@ -51,7 +51,7 @@ export async function load() {
 		console.log('Using content cache');
 		data = contentCache;
 	} else {
-		console.log('Not using content cache');
+		// console.log('Not using content cache');
 		data = await processMarkdownFiles(initialURLCache);
 		contentCache = data;
 		contentCacheTime = now;
@@ -64,7 +64,7 @@ export async function load() {
 		writeCache(finalCache, $home[0]);
 	}
 
-	console.log(`Load time: ${(performance.now() - startLoad).toFixed(2)} ms`);
+	// console.log(`Load time: ${(performance.now() - startLoad).toFixed(2)} ms`);
 
 	const folderName = basename($home[0]);
 

package/svelte.config.js

@@ -1,10 +1,15 @@
 import adapter from '@sveltejs/adapter-static';
 import path, { join } from 'path';
+import mri from 'mri';
+
+const args = mri(process.argv);
+
+const isDev = args._.includes('dev');
 
 const demoDir = process.cwd() + '/content';
-const NPMRunDev = process.argv[2] === 'dev';
-const isBuild = process.argv[2] === 'build';
-const receivedHomePath = NPMRunDev || isBuild ? false : process.argv[2];
+// const NPMRunDev = process.argv[2] === 'dev';
+// const isBuild = process.argv[2] === 'build';
+const receivedHomePath = isDev || args.build ? false : args.directory;
 const homeDir = receivedHomePath || demoDir;
 const relativePathToHome = path.relative(process.cwd(), homeDir);
 

package/vite.config.js

@@ -2,11 +2,14 @@ import { sveltekit } from '@sveltejs/kit/vite';
 import { defineConfig } from 'vite';
 import path from 'path';
 import { readMarkdownFile, loadCache } from './src/lib/utilities/index';
+import mri from 'mri';
+
+const args = mri(process.argv);
 
 const demoDir = process.cwd() + '/content';
 const NPMRunDev = process.argv[2] === 'dev';
 const isBuild = process.argv[2] === 'build';
-const receivedHomePath = NPMRunDev || isBuild ? false : process.argv[2];
+const receivedHomePath = NPMRunDev || isBuild ? false : args.directory;
 
 const homeDir = receivedHomePath || demoDir;
 
@@ -19,7 +22,6 @@ export default defineConfig({
 			// Hot reload markdown
 			name: 'markdown:watch',
 			configureServer(server) {
-				console.log(`Root directory: ${homeDir}`);
 				server.watcher.add(homeDir);
 				server.watcher.on('change', async (homePath, stats) => {
 					if (homePath.endsWith('.md')) {