agnostics 0.0.1

package/lib/inputs/_Native.js

@@ -0,0 +1,223 @@
+//////////////////////////////////////////
+//                                      //
+//                                      //
+//                INPUTS                //
+//                                      //
+//                                      //
+//////////////////////////////////////////
+
+import {
+	MinMaxCaller,
+	DefaultCaller,
+	ObjCaller,
+	ArrCaller,
+	EnumCaller,
+	EventCaller
+} from './_Callers.js'
+// --------- BUTTON ---------
+
+export const Button = (event, schema) => EventCaller(event, { type: 'boolean', gui: 'button', ...schema })
+export const ButtonHtml = def => ({ nodeName: 'input', type: 'button' })
+
+// --------- CHECKBOX ---------
+
+export const Checkbox = (value, schema) => DefaultCaller(value, { type: 'boolean', gui: 'checkbox', ...schema })
+export const CheckboxHtml = def => ({ nodeName: 'input', type: 'checkbox' })
+
+// --------- COLOR ---------
+
+export const ColorPicker = (value, schema) => DefaultCaller(value, { type: 'color', gui: 'colorpicker', ...schema })
+export const ColorPickerHtml = def => ({ nodeName: 'input', type: 'color' })
+
+// --------- DATE ---------
+
+export const Date = (value, schema) => DefaultCaller(value, { type: 'string', gui: 'date', ...schema })
+export const DateHtml = def => ({ nodeName: 'input', type: 'date' })
+
+// --------- DATETIME ---------
+
+export const Datetime = (value, schema) => DefaultCaller(value, { type: 'string', gui: 'datetime', ...schema })
+export const DatetimeHtml = def => ({ nodeName: 'input', type: 'datetime-local' })
+
+// --------- EMAIL ---------
+
+export const Email = (value, schema) => DefaultCaller(value, { type: 'string', gui: 'email', ...schema })
+export const EmailHtml = def => ({ nodeName: 'input', type: 'email' })
+
+// --------- FILE ---------
+
+export const File = (value, schema) => DefaultCaller(value, { type: 'buffer', gui: 'file', ...schema })
+export const FileHtml = def => ({ accept: def.accept, nodeName: 'input', type: 'file' })
+
+// --------- FILES ---------
+
+export const Files = (value, schema) => DefaultCaller(value, { type: 'array', gui: 'files', ...schema })
+export const FilesHtml = def => ({ accept: def.accept, multiple: true, nodeName: 'input', type: 'file' })
+
+// --------- HIDDEN ---------
+
+export const Hidden = (value, items, schema) => ArrCaller(value, items, { type: 'array', gui: 'files', ...schema })
+export const HiddenHtml = def => ({ nodeName: 'input', type: 'hidden' })
+
+// --------- MONTH ---------
+
+export const Month = (value, schema) => DefaultCaller(value, { type: 'string', gui: 'month', ...schema })
+export const MonthHtml = def => ({ nodeName: 'input', type: 'month' })
+
+// --------- NUMBER ---------
+
+export const Number = (value, schema) => DefaultCaller(value, { type: 'number', gui: 'number', ...schema })
+export const NumberHtml = def => ({ nodeName: 'input', type: 'number' })
+
+// --------- PASSWORD ---------
+
+export const Password = (value, schema) => DefaultCaller(value, { type: 'string', gui: 'password', ...schema })
+export const PasswordHtml = def => ({ nodeName: 'input', type: 'password' })
+
+// --------- RADIO ---------
+
+export const Radio = (value, enumOptions, schema) => EnumCaller(value, enumOptions, { type: 'enumeration', gui: 'radio', ...schema })
+export const RadioHtml = def => ({
+  nodeName: 'fieldset',
+  children: def.enum.map(item => ({ nodeName: 'input', type: 'radio' }))
+})
+
+// --------- RANGE ---------
+
+export const Range = (value, min, max, schema) => MinMaxCaller(value, min, max, { type: 'number', gui: 'range', ...schema })
+export const RangeHtml = def => ({
+  nodeName: 'input', type: 'range', min: def.min, max: def.max, step: def.step,
+  aria: { formValuemin: def.min, formValuemax: def.max }
+})
+
+// --------- RESET ---------
+
+export const Reset = (event, schema) => EventCaller(event, { type: 'boolean', gui: 'reset', ...schema })
+export const ResetHtml = def => ({ nodeName: 'input', type: 'reset' })
+
+// --------- SEARCH ---------
+
+export const Search = (value, schema) => DefaultCaller(value, { type: 'string', gui: 'search', ...schema })
+export const SearchHtml = def => ({ nodeName: 'input', type: 'search' })
+
+// --------- SELECT ---------
+
+export const Select = (value, enumOptions, schema) => EnumCaller(value, enumOptions, { type: 'enumeration', gui: 'select', ...schema })
+export const SelectHtml = def => ({
+  nodeName: 'select',
+  children: def.enum.map(item => ({ nodeName: 'option' }))
+})
+
+// --------- MULTISELECT ---------
+
+export const Multiselect = (value, enumOptions, schema) => EnumCaller(value, enumOptions, { type: 'array', gui: 'multiselect', ...schema })
+export const MultiselectHtml = def => ({
+  nodeName: 'select', multiple: true,
+  children: def.enum.map(item => ({ nodeName: 'option' }))
+})
+
+// --------- SUBMIT ---------
+
+export const Submit = (event, schema) => EventCaller(event, { type: 'boolean', gui: 'submit', ...schema })
+export const SubmitHtml = def => ({ nodeName: 'input', type: 'submit' })
+
+// --------- TEL ---------
+
+export const Tel = (value, schema) => DefaultCaller(value, { type: 'string', gui: 'tel', ...schema })
+export const TelHtml = def => ({ nodeName: 'input', type: 'tel' })
+
+// --------- TEXT ---------
+
+export const Text = (value, schema) => DefaultCaller(value, { type: 'string', gui: 'text', ...schema })
+export const TextHtml = def => ({
+  nodeName: 'input', type: 'text', placeholder: def.placeholder,
+  pattern: def.pattern, minlength: def.min, maxlength: def.max
+})
+
+// --------- TEXTAREA ---------
+
+export const Textarea = (value, schema) => DefaultCaller(value, { type: 'string', gui: 'textarea', ...schema })
+export const TextareaHtml = def => ({
+  nodeName: 'textarea', placeholder: def.placeholder,
+  minlength: def.min, maxlength: def.max, rows: def.size,
+  aria: { multiline: true }
+})
+
+// --------- TIME ---------
+
+export const Time = (value, schema) => DefaultCaller(value, { type: 'string', gui: 'time', ...schema })
+export const TimeHtml = def => ({ nodeName: 'input', type: 'time' })
+
+// --------- URL ---------
+
+export const Url = (value, schema) => DefaultCaller(value, { type: 'string', gui: 'url', ...schema })
+export const UrlHtml = def => ({ nodeName: 'input', type: 'url' })
+
+// --------- WEEK ---------
+
+export const Week = (value, schema) => DefaultCaller(value, { type: 'string', gui: 'week', ...schema })
+export const WeekHtml = def => ({ nodeName: 'input', type: 'week' })
+
+// --------- METER ---------
+
+export const Meter = (value, schema) => DefaultCaller(value, { type: 'number', gui: 'meter', ...schema })
+export const MeterHtml = def => ({ nodeName: 'meter', min: def.min, max: def.max, low: def.min, high: def.max })
+
+// --------- FIELDSET ---------
+
+export const Fieldset = (properties, schema) => ObjCaller(properties, { type: 'object', gui: 'fieldset', ...schema })
+export const FieldsetHtml = def => ({ nodeName: 'fieldset' })
+
+// --------- FORM ---------
+
+export const Form = (properties, schema) => ObjCaller(properties, { type: 'object', gui: 'form', ...schema })
+export const FormHtml = def => ({ nodeName: 'form' })
+
+// --------- DATA ---------
+
+export const Data = (value, schema) => DefaultCaller(value, { type: 'string', gui: 'data', ...schema })
+export const DataHtml = def => ({ nodeName: 'data' })
+
+// --------- VEC4 ---------
+
+export const XY = (value, enumOptions, schema) => EnumCaller(value, enumOptions, { type: 'vec2', gui: 'xy', ...schema })
+export const XYHtml = def => ({
+  nodeName: 'fieldset',
+  children: ['x', 'y'].map(() => RangeHtml(def))
+})
+
+// --------- VEC3 ---------
+
+export const XYZ = (value, enumOptions, schema) => EnumCaller(value, enumOptions, { type: 'vec3', gui: 'xyz', ...schema })
+export const XYZHtml = def => ({
+  nodeName: 'fieldset',
+  children: ['x', 'y', 'z'].map(() => RangeHtml(def))
+})
+
+// --------- VVEC4 ---------
+
+export const XYZW = (value, enumOptions, schema) => EnumCaller(value, enumOptions, { type: 'vec4', gui: 'xyzw', ...schema })
+export const XYZWHtml = def => ({
+  nodeName: 'fieldset',
+  children: ['x', 'y', 'z', 'w'].map(() => RangeHtml(def))
+})
+
+/* MISC GUI
+
+	<optgroup> / <option> difference
+	<details> / <summary> list group dropdown (native)
+	<dialog> 
+	<map> / <area> quite nice
+	<progress> similar to meter
+
+*/
+
+
+/*
+
+CSSGUI = 
+DIV :hover / :focus / :active based dropdown
+SELECT "base-select"  https://caniuse.com/mdn-css_properties_appearance_base-select
+Popover API - this is the one for dropdowns etc
+
+*/

package/lib/inputs/_Types.js

@@ -0,0 +1,112 @@
+//////////////////////////////////////////
+//                                      //
+//                                      //
+//                TYPES                 //
+//                                      //
+//                                      //
+//////////////////////////////////////////
+
+import {
+	MinMaxCaller,
+	DefaultCaller,
+	ObjCaller,
+	ArrCaller,
+	EnumCaller,
+	EventCaller
+} from './_Callers.js'
+
+
+
+// ========= TYPES =========
+
+// --------- BANG ---------
+
+export const isBang = type => type.startsWith('bang')
+export const Bang = (event, schema) => EventCaller(event, { type: 'bang', gui: 'button', ...schema })
+
+// --------- INT ---------
+
+export const isInt = type => type.startsWith('int')
+export const Int = (value, min, max, schema) => MinMaxCaller(value, min, max, { type: 'integer', gui: 'number', ...schema })
+
+// --------- FLOAT ---------
+
+export const isFloat = type => type.startsWith('float') || type.startsWith('doubl')
+export const Float = (value, min, max, schema) => MinMaxCaller(value, min, max, { type: 'float', gui: 'number', ...schema })
+
+// --------- NUM ---------
+
+export const isNum = type =>
+  type.startsWith('num') ||
+  type.startsWith('int') ||
+  type.startsWith('float') ||
+  type.startsWith('doubl')
+export const Num = (value, min, max, schema) => MinMaxCaller(value, min, max, { type: 'number', gui: 'number', ...schema })
+
+// --------- ENUM ---------
+
+export const isEnum = type => type.startsWith('enum')
+export const Enum = (value, enumOptions, schema) => EnumCaller(value, enumOptions, { type: 'enumeration', gui: 'select', ...schema })
+
+// --------- ARR ---------
+
+export const isArr = type => type.startsWith('arr')
+export const Arr = (value, items, schema) => ArrCaller(value, items, { type: 'array', gui: 'multiselect', ...schema })
+
+// --------- OBJ ---------
+
+export const isObj = type =>
+  type.startsWith('obj') ||
+  type.startsWith('map') ||
+  type.startsWith('dict')
+export const Obj = (properties, schema) => ObjCaller(properties, { type: 'object', gui: 'fieldset', ...schema })
+
+// --------- STR ---------
+
+export const isStr = type => type.startsWith('str')
+export const Str = (value, schema) => DefaultCaller(value, { type: 'string', gui: 'text', ...schema })
+
+// --------- BOOL ---------
+
+export const isBool = type => type.startsWith('bool')
+export const Bool = (value, schema) => DefaultCaller(value, { type: 'boolean', gui: 'checkbox', ...schema })
+
+// --------- COLOR ---------
+
+export const isColor = type =>
+  type.startsWith('colo') ||
+  type.startsWith('hsl') ||
+  type.startsWith('rgb') ||
+  type.startsWith('hsv')
+export const Color = (value, schema) => DefaultCaller(value, { type: 'color', gui: 'color', ...schema })
+
+// --------- VEC2 ---------
+
+export const isVec2 = type => type.startsWith('vec') && type.endsWith('2')
+export const Vec2 = (value, schema) => DefaultCaller(value, { type: 'vec2', gui: 'xy', ...schema })
+
+// --------- VEC3 ---------
+
+export const isVec3 = type => type.startsWith('vec') && type.endsWith('3')
+export const Vec3 = (value, schema) => DefaultCaller(value, { type: 'vec3', gui: 'xyz', ...schema })
+
+// --------- VEC4 ---------
+
+export const isVec4 = type => type.startsWith('vec') && type.endsWith('4')
+export const Vec4 = (value, schema) => DefaultCaller(value, { type: 'vec4', gui: 'xyzw', ...schema })
+
+// --------- BUFFER ---------
+
+export const BUFF = 'buffer'
+export const isBuff = type => type.startsWith('buff') || type.startsWith('base')
+export const Buff = (value, schema) => DefaultCaller(value, { type: 'buffer', gui: 'data', ...schema })
+
+// --------- TEXTURE ---------
+
+export const isTex = type => type.startsWith('tex') || type.startsWith('samp')
+export const Tex = (value, schema) => DefaultCaller(value, { type: 'texture', gui: 'data', ...schema })
+
+// --------- ANY ---------
+
+export const isAny = type => true
+export const Any = (value, schema) => DefaultCaller(value, { type: 'any', gui: 'data', ...schema })

package/lib/inputs/index.js

@@ -0,0 +1,10 @@
+//////////////////////////////////////////
+//                                      //
+//                                      //
+//               INPUTS                 //
+//                                      //
+//                                      //
+//////////////////////////////////////////
+
+export * from './_Types.js'
+export * from './_Native.js'

package/lib/logger/_ASCII.js

@@ -0,0 +1,39 @@
+
+//////////////////////////////////////////
+//                                      //
+//                                      //
+//                ASCII                 //
+//                                      //
+//                                      //
+//////////////////////////////////////////
+
+import chars from './chars.js'
+
+
+export function BigText( string ) {			
+
+
+	const height = chars?.[0].length 
+	const spacing = 1
+
+
+	let text = ''
+
+	for (let y = 0; y < height; y++) {
+		for (let i = 0; i < string.length; i++) {
+
+			const letter = string[i]
+			const line = chars[letter][y]
+			text += line
+			text += ('').padEnd(spacing)
+		}
+
+		text += '\n'
+	}
+
+	return text
+
+
+}
+
+// looks great whatever it is

package/lib/logger/_Defs.js

@@ -0,0 +1,55 @@
+//////////////////////////////////////////
+//                                      //
+//                                      //
+//                DEFS                  //
+//                                      //
+//                                      //
+//////////////////////////////////////////
+
+export const Timestamp = ( from = 0, to = 3, space = '-' ) => {
+
+	const str = new Date().toISOString()
+	from = from > 0 ? 5 + ((from-1) * 3) : 0
+	to = to > 0 ? 4 + ((to-1) * 3) : 0
+	return str.slice(from, to).replace(/[:T]/g, space)
+}
+
+export const ANSI = {
+	reset:    "\x1b[0m",
+	black:     "\x1b[30m",
+	gray:     "\x1b[90m",
+	red:      "\x1b[91m",
+	green:    "\x1b[92m",
+	yellow:   "\x1b[93m",
+	blue:     "\x1b[94m",
+	magenta:  "\x1b[95m",
+	cyan:     "\x1b[96m",
+	white:    "\x1b[97m",
+}
+
+
+export const ANSIDark = {
+	black:     'rgb(120, 120, 120)',
+	gray:     'rgb(180,180,180)',
+	red:      'rgb(255,140,140)',
+	green:    'rgb(130,255,130)',
+	yellow:   'rgb(255,255,120)',
+	blue:     'rgb(200,200,255)',
+	magenta:  'rgb(255,160,255)',
+	cyan:     'rgb(120,255,255)',
+	white:    'rgb(255,255,255)',
+}
+
+
+export const ANSILight = {
+	white:     'rgb(0, 0, 0)',
+	gray:     'rgb(120,120,120)',
+	red:      'rgb(255,30,30)',
+	green:    'rgb(40,190,80)',
+	yellow:   'rgb(255,180,0)',
+	blue:     'rgb(0,80,250)',
+	magenta:  'rgb(240,80,240)',
+	cyan:     'rgb(40,180,180)',
+	black:    'rgb(200,200,200)',
+}
+

package/lib/logger/_Logger.js

@@ -0,0 +1,159 @@
+//////////////////////////////////////////
+//                                      //
+//                                      //
+//               LOGGER                 //
+//                                      //
+//                                      //
+//////////////////////////////////////////
+
+import { ANSI, ANSIDark, ANSILight, Timestamp } from './_Defs.js'
+import { Settings } from './_Settings.js'
+
+export function ExtractMetaName( url ) {
+
+	return url.split('/').reverse().slice(0,2).map( str => {
+		if (str.charAt(0) == '_' || str.charAt(0) == '$') str = str.substring(1)
+		let split = str.split('.')
+		split = split.slice(0,Math.max(split.length-1,1))
+		return split.join('')
+
+	}).reverse().join(':')
+}
+
+function CreateMethod( method, name, filename, timestamp, prepend, color, log, trace ) {
+
+	return (...args) => {
+
+		const ts = timestamp ? Timestamp(...timestamp) + ' ' : ''
+		const label = name ? `[${name}] ` : ''
+
+		if (typeof process !== 'undefined') {
+
+			const ansiColor = ANSI[color] || ANSI.gray
+
+			let text = `${ansiColor}${ts}${label}${prepend || ''}`
+
+			let first = true
+			const rest = [];
+
+			for (const arg of args) {
+				if (first && typeof arg === 'string') {
+					text += arg + ' '
+					first = false;
+				} else {
+					rest.push(arg);
+				}
+			}
+
+			text = text.trimEnd() + ANSI.reset
+
+			if (log) globalThis.SAYLogger[method](text, ...rest)
+
+		} else {
+
+			const isDarkMode = window.matchMedia('(prefers-color-scheme: dark)').matches
+			const cssColor = isDarkMode ? ANSIDark[color] : ANSILight[color]
+
+			const parts = [`%c${ts}${label}${prepend || ''}`, `color:${cssColor}`]
+
+			let i = 0;
+			for (const arg of args) {
+				if (i === 0 && typeof arg === 'string') {
+					parts[0] += arg + ' '
+				} else {
+					parts[0] += '%o '
+					parts.push(arg)
+				}
+				i++
+			}
+
+			if (log) globalThis.SAYLogger[method](...parts)
+		}
+
+		if (globalThis.SAYBuffer) globalThis.SAYBuffer[method](...args)
+
+	}
+
+
+}
+
+export function CreateLogger( filename, overrides = {} ) {
+
+	const name = ExtractMetaName( filename )
+	const config = { ...Settings, ...overrides }
+
+	if (!globalThis.SAYLogger) {
+		globalThis.SAYLogger = {
+			log: console.log,
+			info: console.info,
+			error: console.error,
+			warn: console.warn,
+			trace: console.trace,
+		}
+	}
+
+	const output = {
+		[config.infoName]: CreateMethod(
+			'info',
+			name, 
+			filename,
+			config.timestamp, 
+			config.infoPrepend,
+			config.infoColor,
+			config.verbose,
+			false
+		),
+
+		[config.warnName]: CreateMethod( 
+			'warn',
+			name, 
+			filename,
+			config.timestamp, 
+			config.warnPrepend,
+			config.warnColor,
+			config.verbose,
+			false
+		),
+
+		[config.successName]: CreateMethod( 
+			'log',
+			name, 
+			filename,
+			config.timestamp, 
+			config.successPrepend,
+			config.successColor,
+			config.verbose || config.info,
+			false
+		),
+
+		[config.errorName]: CreateMethod( 
+			'error',
+			name, 
+			filename,
+			config.timestamp, 
+			config.errorPrepend,
+			config.errorColor,
+			true,
+			config.verbose
+		),
+
+		[config.debugName]: CreateMethod( 
+			'log',
+			name, 
+			filename,
+			config.timestamp, 
+			config.debugPrepend,
+			config.debugColor,
+			config.debug || config.verbose,
+			false
+		)
+	}
+
+	output[config.infoName][config.warnName] = output[config.warnName]
+	output[config.infoName][config.successName] = output[config.successName]
+	output[config.infoName][config.errorName] = output[config.errorName]
+	output[config.infoName][config.debugName] = output[config.debugName]
+
+	return output
+
+}

package/lib/logger/_Settings.js

@@ -0,0 +1,52 @@
+//////////////////////////////////////////
+//                                      //
+//                                      //
+//              SETTINGS                //
+//                                      //
+//                                      //
+//////////////////////////////////////////
+
+/*
+
+	follows usual patterns:
+
+	standard
+	warning
+	error
+	success
+
+	additionally:
+
+	debug
+
+	for additional visual formatting
+
+*/
+
+export const Settings = {
+	verbose: true, // shows all
+	info: true, // shows warnings + success
+	timestamp: null, // [3, 7, '-'],
+
+	infoPrepend:    '⬤  ',
+	debugPrepend:   '⬤  ',
+	warnPrepend:    '⬤  ',
+	errorPrepend:   '⬤  ',
+	successPrepend: '⬤  ',
+
+	infoName:    'SAY',
+	debugName:   'HUH',
+	warnName:    'HMM',
+	errorName:   'ERR',
+	successName: 'YAY',
+
+	infoColor:    'blue',
+	debugColor:   'magenta',
+	warnColor:    'yellow',
+	errorColor:   'red',
+	successColor: 'green',
+
+	onCrash: null,
+	onExit:  null,
+	filename: '.logs/$TIMESTAMP.log'
+}