@nan0web/ui 1.12.3 → 3.1.1

package/src/App/Scenario.js

@@ -1,45 +0,0 @@
-import App from './index.js'
-import UI from './Core/UI.js'
-
-/** @typedef {import("./Core/CoreApp.js").default} CoreApp */
-
-/**
- * Abstract Scenario class to test app logic.
- * Scenarios run input commands and verify output.
- */
-export default class Scenario {
-	/** @type {CoreApp} The app to run scenarios against */
-	app
-
-	/**
-	 * Creates a new Scenario instance.
-	 * @param {CoreApp} app - App instance to run scenarios against
-	 * @param {UI} ui - User interface
-	 * @throws {TypeError} If app is not an App.Core.App instance
-	 */
-	constructor(app, ui) {
-		if (!(app instanceof App.Core.App)) {
-			throw new TypeError('Scenario requires a App.Core.App instance')
-		}
-		this.app = app
-		this.ui = ui
-	}
-
-	/**
-	 * Run scenario with input commands and expected output.
-	 * @param {Array<any[]>} inputCommands - Array of command arrays
-	 * @param {Array<any>} expectedOutputs - Expected outputs for each command
-	 * @returns {Promise<boolean>} True if all outputs match expected
-	 */
-	async run(inputCommands, expectedOutputs) {
-		const commandMessages = inputCommands.map((arr) => App.Command.Message.parse(arr))
-		const outputs = await this.app.processCommands(commandMessages, this.ui)
-		if (outputs.length !== expectedOutputs.length) return false
-		for (let i = 0; i < outputs.length; i++) {
-			if (JSON.stringify(outputs[i]) !== JSON.stringify(expectedOutputs[i])) {
-				return false
-			}
-		}
-		return true
-	}
-}

package/src/App/User/Command/Message.js

@@ -1,3 +0,0 @@
-import UiMessage from '../../../core/Message/Message.js'
-
-export default UiMessage

package/src/App/User/Command/index.js

@@ -1,5 +0,0 @@
-import CommandMessage from './Message.js'
-
-export { CommandMessage }
-
-export default CommandMessage

package/src/App/User/UserApp.js

@@ -1,85 +0,0 @@
-import { Message } from '@nan0web/co'
-import { notEmpty } from '@nan0web/types'
-import CoreApp from '../Core/CoreApp.js'
-import User from '../../Model/User/User.js'
-import UserUI from './UserUI.js'
-import UserAppCommandMessage from './Command/Message.js'
-import DepsCommand from './Command/Message.js'
-import UIStream from '../../core/Stream.js'
-import { StreamEntry, UiMessage } from '../../core/index.js'
-
-/**
- * UserApp requires user name and shows Welcome view.
- * If user.name is provided in command input, ignores user input.
- * User can change user data to see another Welcome view.
- */
-export default class UserApp extends CoreApp {
-	/**
-	 * Creates a new UserApp instance.
-	 * @param {Partial<CoreApp>} [props={}] - UserApp properties
-	 */
-	constructor(props = {}) {
-		super(props)
-		this.registerCommand('setUser', this.setUser.bind(this))
-		this.registerCommand('welcome', this.welcome.bind(this))
-		this.registerCommand('deps', this.handleDeps.bind(this)) // Register new command
-	}
-
-	/**
-	 * Handle deps command with async generator for stream processing.
-	 * @param {DepsCommand} cmd - Command message with deps parameters
-	 * @param {UserUI} ui - UI instance
-	 * @returns {Promise<Object>} Command output
-	 */
-	async handleDeps(cmd, ui) {
-		// Example: Use async generator to stream deps processing
-		const processorFn = async () =>
-			new StreamEntry({
-				value: { message: `Deps command executed with fix: ${cmd.body.fix}` },
-				done: true,
-			})
-		const generatorFn = UIStream.createProcessor(new AbortController().signal, processorFn)
-		await UIStream.process(
-			new AbortController().signal,
-			generatorFn,
-			(progress, item) => ui.output && ui.output(item.value), // Fix to output the value
-			(error) => ui.output && ui.output([error]), // Assume ui has output method
-			(item) => ui.output && ui.output(item.value), // Fix complete callback
-		)
-		return { completed: true }
-	}
-
-	/**
-	 * Set user data from params.
-	 * @param {UserAppCommandMessage} cmd - Command message with user data
-	 * @param {UserUI} ui - UI instance
-	 * @returns {Promise<{ message: string }>} Welcome message
-	 */
-	async setUser(cmd, ui) {
-		this.state.user = User.from(cmd.body.user) // cmd is UserAppCommandMessage, has user
-		const frame = await this.welcome(cmd, ui)
-		return {
-			message: String(frame),
-		}
-	}
-
-	/**
-	 * Show welcome message for current user.
-	 * @param {UserAppCommandMessage} cmd - Command message
-	 * @param {UserUI} ui - UI instance
-	 * @returns {Promise<string[][]>} Welcome view output
-	 */
-	async welcome(cmd, ui) {
-		if (cmd.body.user) {
-			// cmd is UserAppCommandMessage, has user
-			const user = User.from(cmd.body.user)
-			return ui.render('Welcome', { user })
-		}
-		if (notEmpty(this.user)) {
-			return ui.render('Welcome', { user: this.user })
-		}
-		const answer = await ui.ask(UiMessage.from('What is your name?'))
-		this.user = User.from(answer?.body)
-		return ui.render('Welcome', { user: this.user })
-	}
-}

package/src/App/User/UserUI.js

@@ -1,20 +0,0 @@
-import { Message } from '@nan0web/co'
-import App from '../Core/index.js'
-
-/**
- * UserUI connects UserApp and View.
- * It asks user for name if not provided in command input.
- * Allows user to change user data to see another Welcome view.
- */
-export default class UserUI extends App.UI {
-	/**
-	 * Convert raw input to Message array.
-	 * If user.name provided in rawInput, use it directly.
-	 * Otherwise ask user for name.
-	 * @param {any} rawInput - Raw input to convert
-	 * @returns {Message[]} Array of command messages
-	 */
-	convertInput(rawInput) {
-		return [new Message({ body: rawInput })]
-	}
-}

package/src/App/User/index.js

@@ -1,9 +0,0 @@
-import UserApp from './UserApp.js'
-import UserUI from './UserUI.js'
-
-export { UserApp, UserUI }
-
-export default {
-	App: UserApp,
-	UI: UserUI,
-}

package/src/App/index.js

@@ -1,14 +0,0 @@
-import Scenario from './Scenario.js'
-import UI from './Core/UI.js'
-
-import Core from './Core/index.js'
-import User from './User/index.js'
-
-export { Core, User, Scenario, UI }
-
-export default {
-	Core,
-	User,
-	Scenario,
-	UI,
-}

package/src/Component/Process/Input.js

@@ -1,63 +0,0 @@
-/**
- * Represents input data for the Process component.
- * Holds configuration for rendering a progress bar.
- */
-class ProcessInput {
-	/** @type {string} Process name to display */
-	name
-
-	/** @type {number} Current progress index */
-	i
-
-	/** @type {number} Top limit for progress normalization */
-	top
-
-	/** @type {number} Width of the progress bar */
-	width
-
-	/** @type {string} Character to use for empty space */
-	space
-
-	/** @type {string} Character to use for filled progress */
-	char
-
-	/**
-	 * Creates a new ProcessInput instance.
-	 * @param {object} props - Process input properties
-	 * @param {string} [props.name="NaN•Coding"] - Process name
-	 * @param {number} [props.i=0] - Current progress index
-	 * @param {number} [props.top=9] - Top limit for progress normalization
-	 * @param {number} [props.width=9] - Width of the progress bar
-	 * @param {string} [props.space='•'] - Character for empty space
-	 * @param {string} [props.char='*'] - Character for filled progress
-	 */
-	constructor(props = {}) {
-		const { name = 'NaN•Coding', i = 0, top = 9, width = 9, space = '•', char = '*' } = props
-		this.name = name
-		this.i = i
-		this.top = top
-		this.width = width
-		this.space = space
-		this.char = char
-	}
-
-	/**
-	 * Converts the input to a string representation.
-	 * @returns {string} String representation of the ProcessInput
-	 */
-	toString() {
-		return `ProcessInput(name=${this.name}, i=${this.i}, top=${this.top}, width=${this.width}, space=${this.space}, char=${this.char})`
-	}
-
-	/**
-	 * Creates a ProcessInput instance from the given props.
-	 * @param {ProcessInput|object} props - The properties to create from
-	 * @returns {ProcessInput} A ProcessInput instance
-	 */
-	static from(props = {}) {
-		if (props instanceof ProcessInput) return props
-		return new ProcessInput(props)
-	}
-}
-
-export default ProcessInput

package/src/Component/Process/Process.js

@@ -1,24 +0,0 @@
-import ProcessInput from './Input.js'
-import View from '../../View/View.js'
-
-/**
- * Renders a progress bar based on input configuration.
- * @this {View}
- * @param {ProcessInput|object} props - Process component properties
- * @returns {string[][]} Rendered progress bar as array of strings
- */
-function Process(props = {}) {
-	const input = ProcessInput.from(props)
-	const valid = input.top || 1
-	const per = (input.i > valid ? valid : input.i) / valid
-	const done = per * input.width
-	const bar = input.char.repeat(done) + input.space.repeat(input.width - done)
-	// Provide empty options object to satisfy Locale.format signature
-	const format = this.locale.format(Number, {})
-	const num = format ? format(100 * per) : 100 * per
-	return [[`I am ${input.name} ${bar} ${num}`]]
-}
-
-Process.Input = ProcessInput
-
-export default Process

package/src/Component/Process/index.js

@@ -1,5 +0,0 @@
-import Process from './Process.js'
-import ProcessInput from './Input.js'
-
-export default Process
-export { ProcessInput }

package/src/Component/Welcome/Input.js

@@ -1,48 +0,0 @@
-import { User } from '../../Model/index.js'
-
-/**
- * Represents input data for the Welcome component.
- * Holds user data to display in the welcome message.
- */
-class WelcomeInput {
-	/** @type {User} User data for welcome message */
-	user
-
-	/**
-	 * Creates a new WelcomeInput instance.
-	 * @param {object} props - Welcome input properties
-	 * @param {User|object} [props.user=new User()] - User data
-	 */
-	constructor(props = {}) {
-		const { user = new User() } = props
-		this.user = user
-	}
-
-	/**
-	 * Checks if the input is empty (no user data).
-	 * @returns {boolean} True if user data is empty, false otherwise
-	 */
-	get empty() {
-		return this.user.empty
-	}
-
-	/**
-	 * Converts the input to a string representation.
-	 * @returns {string} String representation of the WelcomeInput
-	 */
-	toString() {
-		return `<WelcomeInput user=${this.user}>`
-	}
-
-	/**
-	 * Creates a WelcomeInput instance from the given props.
-	 * @param {WelcomeInput|object} props - The properties to create from
-	 * @returns {WelcomeInput} A WelcomeInput instance
-	 */
-	static from(props = {}) {
-		if (props instanceof WelcomeInput) return props
-		return new WelcomeInput(props)
-	}
-}
-
-export default WelcomeInput

package/src/Component/Welcome/Welcome.js

@@ -1,22 +0,0 @@
-import { empty } from '@nan0web/types'
-import WelcomeInput from './Input.js'
-
-/**
- * Renders a welcome message for a user.
- * @param {WelcomeInput|object} props - Welcome component properties
- * @returns {string[][]} Rendered welcome message as array of strings
- * @throws {Error} If no user data is provided
- */
-function Welcome(props = {}) {
-	const input = WelcomeInput.from(props)
-	if (empty(input)) {
-		throw new Error('User is required')
-	}
-
-	return [['Welcome', ' ', input.user.name, '!'], ['What can we do today great?'], ['']]
-}
-
-Welcome.Input = WelcomeInput
-Welcome.ask = async () => ''
-
-export default Welcome

package/src/Component/Welcome/index.js

@@ -1,5 +0,0 @@
-import Welcome from './Welcome.js'
-import WelcomeInput from './Input.js'
-
-export default Welcome
-export { WelcomeInput }