x4js 1.6.5 → 2.0.1

package/lib/licence.md

@@ -1,21 +0,0 @@
-The MIT License (MIT)
-
-Copyright (c) 2023 R-Libre ingénierie
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.

package/lib/src/MIT-license.md

@@ -1,14 +0,0 @@
-# MIT LICENSE #
-
-**Copyright (c) 2019-2023 R-libre ingenierie**
-
-Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal 
-in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies 
-of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A 
-PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION 
-OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
-

package/lib/src/action.ts

@@ -1,88 +0,0 @@
-/**
-*  ___  ___ __
-*  \  \/  /  / _
-*   \    /  /_| |_
-*   /    \____   _|  
-*  /__/\__\   |_|
-*        
-* @file action.ts
-* @author Etienne Cochard 
-*
-* Copyright (c) 2019-2023 R-libre ingenierie
-*
-* Permission is hereby granted, free of charge, to any person obtaining a copy 
-* of this software and associated documentation files (the "Software"), to deal 
-* in the Software without restriction, including without limitation the rights 
-* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies 
-* of the Software, and to permit persons to whom the Software is furnished to do so, 
-* subject to the following conditions:
-* The above copyright notice and this permission notice shall be included in all copies
-* or substantial portions of the Software.
-*
-* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, 
-* INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A 
-* PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT 
-* HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION 
-* OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
-* SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
-**/
-
-import { BasicEvent, EvChange } from './x4events'
-import { BaseComponent, BaseComponentEventMap, BaseComponentProps } from './base_component'
-import { IconID } from "./icon"
-import { EventHandler } from './component';
-
-//TODO: implement all
-
-
-export interface EvAction extends BasicEvent {
-}
-
-export function EvAction( source: Action ) {
-	return BasicEvent<EvAction>({source});
-}
-
-interface ActionEventMap extends BaseComponentEventMap {
-	run: EvAction;
-	change: EvChange;
-}
-
-interface ActionProps extends BaseComponentProps<ActionEventMap> {
-	id?: any;
-	text?: string;
-	icon?: IconID;
-	disabled?: boolean;
-	hidden?: boolean;
-	checked?: boolean;
-
-	run: EventHandler<EvAction>;
-	change?: EventHandler<EvChange>;
-}
-
-export class Action extends BaseComponent<ActionProps,ActionEventMap> {
-
-	constructor( props: ActionProps ) {
-		super( props );
-
-		this.mapPropEvents( props, "run" );
-	}
-
-	get props( ) {
-		return this.m_props;
-	}
-
-	set text( t: string ) {
-		this.m_props.text = t;
-		this.emit( "change", EvChange(this) );
-	}
-
-	set icon( i: IconID ) {
-		this.m_props.icon = i;
-		this.emit( "change", EvChange(this) );
-	}
-
-	fire( ) {
-		this.emit( "run", EvAction(this) );
-	}
-}
-

package/lib/src/app_sockets.ts

@@ -1,81 +0,0 @@
-/**
-*  ___  ___ __
-*  \  \/  /  / _
-*   \    /  /_| |_
-*   /    \____   _|  
-*  /__/\__\   |_|
-*        
-* @file app_sockets.ts
-* @author Etienne Cochard 
-*
-* Copyright (c) 2019-2023 R-libre ingenierie
-*
-* Permission is hereby granted, free of charge, to any person obtaining a copy 
-* of this software and associated documentation files (the "Software"), to deal 
-* in the Software without restriction, including without limitation the rights 
-* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies 
-* of the Software, and to permit persons to whom the Software is furnished to do so, 
-* subject to the following conditions:
-* The above copyright notice and this permission notice shall be included in all copies
-* or substantial portions of the Software.
-*
-* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, 
-* INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A 
-* PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT 
-* HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION 
-* OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
-* SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
-**/
-
-import { Application } from "./application"
-import { EvMessage } from "./x4events"
-
-/**
- * WEB SOCKETS
- * 
- * les messages reçus par l'application sont retransmis au websocket.
- * comme ça, tous les clients connectés sur le serveur recevront une copie du message.
- * ca permet de mettre a jour les clients dynamiquement
- * 
- */
-
-const msg_sent = Symbol( 'msg_sent' );
-
-export function setupWSMessaging( closeCB: ( ) => void ) {
-	const protocol = window.location.protocol === 'https:' ? 'wss://' : 'ws://';
-	const sockets = new WebSocket( `${protocol}${window.location.hostname}:${window.location.port}`, 'messaging' );
-
-	const app = Application.instance( );
-
-	// pour tous les messages recus par l'application
-	//	on transmet aux autres
-	app.on( 'global', ( e: EvMessage ) => {
-		if( (e as any)[msg_sent] ) {
-			return;
-		}
-
-		sockets.send( JSON.stringify( {
-			msg: e.msg,
-			params: e.params,
-		} ) );
-	});
-
-	// reception d'un message
-	sockets.onmessage = ( e ) => {
-		if( e.data!='ping' ) {
-			const message = JSON.parse(e.data);
-			message[msg_sent] = true;
-			app.signal( 'global', message );
-		}
-	}
-
-	// perte du socket
-	sockets.onclose = ( ev ) => {
-		console.log( 'websocket closed:', ev );
-		closeCB( );
-	}
-
-	sockets.onerror = (ev )=> {
-		console.log( 'websocket error:', ev );
-	}
-}

package/lib/src/application.ts

@@ -1,262 +0,0 @@
-/**
-*  ___  ___ __
-*  \  \/  /  / _
-*   \    /  /_| |_
-*   /    \____   _|  
-*  /__/\__\   |_|
-*        
-* @file application.ts
-* @author Etienne Cochard 
-*
-* Copyright (c) 2019-2023 R-libre ingenierie
-*
-* Permission is hereby granted, free of charge, to any person obtaining a copy 
-* of this software and associated documentation files (the "Software"), to deal 
-* in the Software without restriction, including without limitation the rights 
-* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies 
-* of the Software, and to permit persons to whom the Software is furnished to do so, 
-* subject to the following conditions:
-* The above copyright notice and this permission notice shall be included in all copies
-* or substantial portions of the Software.
-*
-* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, 
-* INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A 
-* PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT 
-* HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION 
-* OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
-* SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
-**/
-
-import { x4document } from './x4dom'
-import { EvMessage } from './x4events'
-import { BaseComponent, BaseComponentEventMap, BaseComponentProps } from './base_component'
-import { Component, flyWrap } from './component'
-import { Settings } from './settings'
-import { _tr } from './i18n'
-import { Router } from './router'
-
-const _x4_touch_time = Symbol( );
-
-
-interface ApplicationEventMap extends BaseComponentEventMap {
-	message: EvMessage;
-	global: EvMessage;
-}
-
-/**
- * 
- */
-
-export interface ApplicationProps extends BaseComponentProps<ApplicationEventMap> {
-	app_name: string;		// 
-	app_version: string;	//
-	app_uid?: string;
-	locale?: string;		// fr-FR
-	renderTo?: HTMLElement;
-}
-
-/**
- * Represents an x4 application, which is typically a single page app.
- * You should inherit Application to define yours.
- * Application derives from BaseComponent so you can use that to implement a global messaging system.
- * @example ```ts
- * 
- * // in yout main caode
- * let app = new Application( );
- * 
- * app.events.close.on( ( ev ) => {
- * 	... do something
- * });
- * 
- * // somewhere else in the source
- * function xxx( ) {
- * 	let app = Application.instance( );
- * 	app.events.close.emit( new Events.close() );
- * }
- */
-
-export class Application<P extends ApplicationProps = ApplicationProps, E extends ApplicationEventMap = ApplicationEventMap> extends BaseComponent<P,E> {
-	
-	private static self: Application = null;
-
-	/**
-	 * the application singleton
-	 */
-
-	static 	instance( ) : Application {
-		return Application.self;
-	}
-
-	private m_mainView: Component;
-
-	private m_app_name: string;
-	private m_app_version: string;
-	private m_app_uid: string;
-	
-	private m_local_storage: Settings;
-	private m_user_data: any;
-
-	private m_touch_time: number;
-	private m_touch_count: number;
-
-	private m_router: Router;
-	
-	constructor( props : P ) {
-		console.assert( Application.self===null, 'application is a singleton' );
-		super( props );
-
-		this.m_app_name = props.app_name ?? 'application';
-		this.m_app_version = props.app_version ?? '1.0';
-		this.m_app_uid = props.app_uid ?? 'application';
-
-		let settings_name = `${this.m_app_name}.${this.m_app_version}.settings`;
-		this.m_local_storage = new Settings( settings_name );
-		this.m_user_data = {};
-
-		this.m_touch_time = 0;
-		this.m_touch_count = 0;
-		this.m_router = null;
-	
-		x4app = (Application.self as any) = this;
-
-		if( 'onload' in globalThis ) {
-			globalThis.addEventListener( 'load', ( ) => {
-				this.ApplicationCreated( );
-			})
-		}
-		else {
-			this.ApplicationCreated( );
-		}
-	}
-
-	ApplicationCreated( ) {
-		this.setTitle( '' );
-	}
-
-	public get router( ) {
-		if( !this.m_router ) {
-			this.m_router = new Router( );
-		}
-		return this.m_router;
-	}
-
-	public get app_name( ) {
-		return this.m_app_name;
-	}
-
-	public get app_uid( ) {
-		return this.m_app_uid;
-	}
-
-	public get app_version( ) {
-		return this.m_app_version;
-	}
-
-	public get local_storage( ) {
-		return this.m_local_storage;
-	}
-
-	public get user_data( ) {
-		return this.m_user_data;
-	}
-
-	public get history( ): null {
-		//if( !this.m_history ) {
-		//	this.m_history = new NavigationHistory( );
-		//}
-		//
-		//return this.m_history;
-		debugger;
-		return null;
-	}
-
-	/**
-	 * define the application root object (MainView)
-	 * @example ```ts
-	 * 
-	 * let myApp = new Application( ... );
-	 * let mainView = new VLayout( ... );
-	 * myApp.mainView = mainView;
-	 */
-
-	 public setMainView( root: Component, clearBefore: boolean ) {
-
-		const ddom = this.m_props.renderTo ?? x4document.body;
-		const dest = flyWrap( ddom );
-
-		if( !this.m_props.renderTo ) {
-			dest.setStyleValue( 'position', 'absolute' );	
-		}
-
-		dest.addClass( 'x4-root-element' );
-		if( clearBefore ) {
-			dest._empty( );
-		}
-
-		this.m_mainView = root;
-
-		root.setStyleValue( 'position', 'absolute' );
-		root._build();
-
-		ddom.appendChild( root.dom );
-	}
-
-	set mainView( root: Component ) {
-		this.setMainView( root, false );
-	}
-
-	public get mainView( ) : Component {
-		return this.m_mainView;
-	}
-
-	public setTitle( title: string ) {
-		x4document.title = this.m_app_name + (title ? (' > ' + title) : '');
-	}
-
-	public disableZoomWheel( ) {
-
-		window.addEventListener('wheel', function( ev: WheelEvent ) {
-			if( ev.ctrlKey ) {
-				ev.preventDefault( );
-				//ev.stopPropagation( );
-			}
-		
-		}, { passive: false, capture: true } );
-	}
-
-	public enterModal( enter: boolean ) {
-	}
-
-	public enableTouchDblClick( ) {
-		x4document.addEventListener( 'touchstart', ( ev: TouchEvent ) => {
-
-			let now = Date.now( );
-			if( (now-this.m_touch_time) > 700 ) {
-				this.m_touch_count = 1;
-			}
-			else {
-				this.m_touch_count++;
-			}
-
-			this.m_touch_time = now;
-
-			if( this.m_touch_count==2 ) {
-				this.m_touch_count = 0;
-
-				// dirty fake dblclick event
-				const tch = ev.touches[0];
-				let fake: any = {type: "dblclick" };
-				for( const n in tch ) {
-					fake[n] = (tch as any)[n];
-				}
-
-				// ignore -> private: dirty x2
-				(Component as any)._dispatchEvent( fake );
-				ev.stopPropagation( );
-			}
-		});
-	}
-};
-
-export let x4app: Application;
-

package/lib/src/autocomplete.ts

@@ -1,232 +0,0 @@
-/**
-*  ___  ___ __
-*  \  \/  /  / _
-*   \    /  /_| |_
-*   /    \____   _|  
-*  /__/\__\   |_|
-*        
-* @file autocomplete.ts
-* @author Etienne Cochard 
-*
-* Copyright (c) 2019-2023 R-libre ingenierie
-*
-* Permission is hereby granted, free of charge, to any person obtaining a copy 
-* of this software and associated documentation files (the "Software"), to deal 
-* in the Software without restriction, including without limitation the rights 
-* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies 
-* of the Software, and to permit persons to whom the Software is furnished to do so, 
-* subject to the following conditions:
-* The above copyright notice and this permission notice shall be included in all copies
-* or substantial portions of the Software.
-*
-* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, 
-* INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A 
-* PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT 
-* HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION 
-* OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
-* SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
-**/
-
-import { RenderListItem, ListViewItem, PopupListView } from "./listview";
-import { TextEdit, TextEditProps } from './textedit';
-
-/**
- * 
- */
-
-interface AutoCompleteProps extends TextEditProps {
-	// return an array of values to display in the popup list
-	enumValues: ( filter: string ) => string[] | Promise<string[]>;
-
-	// a way to change the real value vs displayed value in the popup list
-	selectValue?: ( text: string ) => string;
-	renderItem?: RenderListItem
-}
-
-/**
- * 
- */
-
-export class AutoComplete extends TextEdit<AutoCompleteProps> {
-	
-	private m_popup: PopupListView;
-	private m_popvis: boolean;
-	private m_needval: boolean;
-	private m_lockpop: boolean;
-	
-	constructor( props: AutoCompleteProps ) {
-		super( props );
-
-		this.setDomEvent( "input", ( ) => this._onChange( ) );
-		this.setDomEvent( "focusin", ( ) => this._onFocus( ) );
-		this.startTimer( "focus-check", 100, true, () => this._checkFocus() );
-
-		this.m_popvis = false;
-		this.m_needval = false;
-		this.m_lockpop = false;
-
-		this.setDomEvent( "keydown", e => this._onKey(e) );
-	}
-
-	_onKey( e: KeyboardEvent ) {
-		if( this.m_popvis ) {
-			if( e.key=="ArrowUp" || e.key=="ArrowDown" ) {
-				this.m_lockpop = true;
-				this.m_popup.handleKey( e );
-				this.m_lockpop = false;
-
-				e.preventDefault( );
-				e.stopPropagation( );
-			}
-			else if( e.key=="Escape" ) {
-				this._hidePopup( );
-
-				e.preventDefault( );
-				e.stopPropagation( );
-			}
-		}
-		else if( e.key=="ArrowDown" ) {
-			this._onChange( );
-			e.preventDefault( );
-			e.stopPropagation( );
-		}
-	}
-
-	private async _onChange( ) {
-		let items = this.m_props.enumValues( this.value );
-		if( items instanceof Promise ) {
-			items = await items;
-		}
-		
-		if( items.length==0 ) {
-			this._hidePopup( );
-			return;
-		}
-
-		this._showPopup( items );
-	}
-
-	componentDisposed( ) {
-		if( this.m_popup ) {
-			this._hidePopup( );
-		}
-
-		super.componentDisposed( );
-	}
-
-	showPopup( show = true ) {
-		if( show ) {
-			this._onChange( );
-		}
-		else {
-			this._hidePopup( );
-		}
-	}
-
-	/** 
-	 * display the popup 
-	 */
-
-	private _showPopup( items: string[] ) {
-
-		let props = this.m_props;
-		if (props.readOnly || this.hasClass("@disable") ) {
-			return;
-		}
-
-		// need creation ?
-		
-		if( !this.m_popup ) {
-			let cstyle = this.getComputedStyle( );
-			let fontFamily = cstyle.value( 'fontFamily' );
-			let fontSize = cstyle.value( 'fontSize' );
-
-			// prepare the combo listview
-			this.m_popup = new PopupListView({
-				cls: '@combo-popup',
-				attrs: {
-					tabindex: 0
-				},
-				selectionChange: (e) => {
-					let value = (e.selection as ListViewItem).id
-					if( this.m_props.selectValue ) {
-						value = this.m_props.selectValue( value );
-					}
-
-					this.value = value;
-					if( !this.m_lockpop ) {
-						this._hidePopup( );
-						this.focus( );
-					}
-				},
-				style: {
-					fontFamily,
-					fontSize
-				},
-				renderItem: props.renderItem,
-			});
-		}
-
-		if( items ) {
-			this.m_popup.items = items.map( c => ({ id: c, text: c }) );
-		}
-	
-		let r1 = this.m_ui_input.getBoundingRect();
-		this.m_popup.setStyle({
-			minWidth: r1.width,
-		});
-
-		this.m_popup.displayAt(r1.left, r1.bottom);
-		this.m_popvis = true;
-		
-		//if( this.value!==undefined ) {
-		//	this.m_popup.selection = this.value;
-		//}
-	}
-
-	protected override _validate(value: string): boolean {
-		return true;
-	}
-
-	override validate( ): boolean {
-		return super._validate( this.value );
-	}
-
-	private _checkFocus( ) {
-		const focus = document.activeElement;
-		if( this.dom && this.dom.contains(focus) ) {
-			return;
-		}
-
-		if( this.m_popup && this.m_popup.dom && this.m_popup.dom.contains(focus) ) {
-			return;
-		}
-
-		this._hidePopup( );
-	}
-
-	private _hidePopup( ) {
-		
-		if( this.m_popvis ) {
-			this.m_popup.close();
-			this.m_popvis = false;
-		}
-
-		if( this.m_needval ) {
-			this.validate( );
-			this.m_needval = false;
-		}
-	}
-
-	private _onFocus( ) {
-		if( this.value.length==0 ) {
-			this._onChange( );
-		}
-
-		this.m_needval = true;
-	}
-
-	isPopupVisible( ) {
-		return this.m_popvis;
-	}
-}