x4js 1.4.51 → 1.4.53

package/lib/texthiliter.js

@@ -1,227 +0,0 @@
-"use strict";
-/**
-*  ___   ___ __
-*  \  \_/  /  / _
-*   \     /  /_| |_
-*   /  _  \____   _|
-*  /__/ \__\   |_|
-*
-* @file texthiliter.ts
-* @author Etienne Cochard
-*
-* Copyright (c) 2019-2022 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.
-**/
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TextHiliter = void 0;
-/**
- * idea came from https://www.cdolivet.com/editarea
- */
-const component_1 = require("./component");
-class TextHiliter extends component_1.Component {
-    m_text;
-    m_ed;
-    m_hi;
-    m_top;
-    m_kwList;
-    constructor(props) {
-        super(props);
-        this.m_kwList = props.kwList;
-        this.m_top = 0;
-        this.m_text = props.text ?? '';
-        this.mapPropEvents(props, 'change');
-    }
-    /** @ignore */
-    render() {
-        this.setContent([
-            this.m_hi = new component_1.Component({
-                tag: 'span',
-                cls: '@fit @syntax-hiliter',
-            }),
-            this.m_ed = new component_1.Component({
-                tag: 'textarea',
-                cls: '@fit',
-                width: '100%',
-                attrs: {
-                    spellcheck: 'false',
-                    wrap: 'off',
-                },
-                dom_events: {
-                    input: () => this._hiliteText(),
-                    scroll: () => this._updateScroll(),
-                    keydown: (e) => this._keydown(e),
-                }
-            }),
-        ]);
-    }
-    componentCreated() {
-        super.componentCreated();
-        this.value = this.m_text;
-    }
-    get value() {
-        if (this.dom) {
-            return this.m_ed.dom.value;
-        }
-        else {
-            return this.m_text;
-        }
-    }
-    set value(t) {
-        if (this.dom) {
-            this.m_ed.dom.value = t;
-        }
-        this.m_text = t;
-        this._hiliteText();
-    }
-    _keydown(e) {
-        if (e.key == 'Tab') {
-            e.preventDefault();
-            e.stopPropagation();
-            let dom = this.m_ed.dom;
-            let ss = dom.selectionStart;
-            let se = dom.selectionEnd;
-            dom.setRangeText('\t', ss, se);
-            dom.setSelectionRange(ss + 1, ss + 1);
-            dom.dispatchEvent(new Event('input'));
-        }
-        else if (e.key == 'Enter') {
-            e.stopPropagation();
-        }
-    }
-    _hiliteText() {
-        let text = this.m_ed.dom.value;
-        if (!this.m_hi.dom.firstChild) {
-            this.m_hi.dom.innerHTML = '<div style="position:absolute"></div>';
-        }
-        this.m_hi.dom.firstChild.innerHTML = this._tokenize(text);
-        //	this._updateScroll( );
-    }
-    _updateScroll() {
-        this.startTimer('sync', 0, false, () => {
-            let top = this.m_ed.dom.scrollTop;
-            if (top != this.m_top) {
-                this.m_hi.dom.scrollTop = top;
-                this.m_top = top;
-            }
-            this.m_hi.dom.scrollLeft = this.m_ed.dom.scrollLeft;
-            //this.m_hi.setStyleValue( 'width', this.m_ed.dom.clientWidth );
-        });
-    }
-    _escape(text) {
-        text = text.replace(/&/gm, '&amp;');
-        text = text.replace(/</gm, '&lt;');
-        text = text.replace(/>/gm, '&gt;');
-        return text;
-    }
-    _tokenize(text) {
-        const reNUM = /\d/;
-        const reNUM2 = /[\d.]/;
-        const rePUNC = /\+|-|,|\/|\*|=|%|!|\||;|\.|\[|\]|\{|\|\(|\)|}|<|>|&/;
-        const reKW = /[a-zA-Z_]/;
-        const reKW2 = /[a-zA-Z0-9_]/;
-        let result = '';
-        let i = 0;
-        let length = text.length;
-        let s;
-        console.time("hilite");
-        while (i < length) {
-            let c = text.charAt(i);
-            // numbers
-            if (reNUM.test(c)) {
-                let s = i;
-                do {
-                    c = text.charAt(++i);
-                } while (reNUM2.test(c) && i < length);
-                result += '<span class="num">' + text.substring(s, i) + '</span>';
-                continue;
-            }
-            // keywords
-            if (this.m_kwList) {
-                if (reKW.test(c)) {
-                    let s = i;
-                    do {
-                        c = text.charAt(++i);
-                    } while (reKW2.test(c) && i < length);
-                    let kw = text.substring(s, i);
-                    if (this.m_kwList.has(kw)) {
-                        result += '<span class="kword">' + kw + '</span>';
-                    }
-                    else {
-                        result += kw;
-                    }
-                    continue;
-                }
-            }
-            if (c == '#') {
-                let ne = text.indexOf('\n', i + 1);
-                if (ne < 0) {
-                    ne = text.length;
-                }
-                result += '<span class="cmt">' + this._escape(text.substring(i, ne)) + '</span>';
-                i = ne;
-                continue;
-            }
-            //	comments
-            if (c == '/') {
-                let cn = text.charAt(i + 1);
-                if (cn == '*') {
-                    let ne = text.indexOf('*/', i + 2);
-                    if (ne < 0) {
-                        ne = text.length;
-                    }
-                    result += '<span class="cmt">' + this._escape(text.substring(i, ne + 2)) + '</span>';
-                    i = ne + 2;
-                    continue;
-                }
-                else if (cn == '/') {
-                    let ne = text.indexOf('\n', i + 2);
-                    if (ne < 0) {
-                        ne = text.length;
-                    }
-                    result += `<span class="cmt">${this._escape(text.substring(i, ne))}</span>`;
-                    i = ne;
-                    continue;
-                }
-            }
-            // punctuation
-            if (rePUNC.test(c)) {
-                s = i;
-                do {
-                    c = text.charAt(++i);
-                } while (rePUNC.test(c) && i < length);
-                result += `<span class="punc">${text.substring(s, i)}</span>`;
-                continue;
-            }
-            // strings
-            if (c == '"' || c == '\'' || c == '\`') {
-                s = i;
-                let delim = c;
-                do {
-                    c = text.charAt(++i);
-                } while (c != delim && i < length);
-                result += `<span class="str">${this._escape(text.substring(s, ++i))}</span>`;
-                continue;
-            }
-            i++;
-            result += c;
-        }
-        console.timeEnd("hilite");
-        return result + '\n\n\n';
-    }
-}
-exports.TextHiliter = TextHiliter;

package/lib/x4react.d.ts

@@ -1,6 +0,0 @@
-import { ComponentContent } from './component';
-export declare let React: {
-    createElement: (clsOrTag: any, attrs: any, ...children: any[]) => ComponentContent;
-    createFragment: () => ComponentContent;
-    Fragment: symbol;
-};

package/lib/x4react.js

@@ -1,35 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.React = void 0;
-const component_1 = require("./component");
-const createElement = (clsOrTag, attrs, ...children) => {
-    let comp;
-    // fragment
-    if (clsOrTag == createFragment || clsOrTag == Fragment) {
-        return children;
-    }
-    // class constructor, yes : dirty
-    else if (clsOrTag instanceof Function) {
-        comp = new clsOrTag(attrs);
-    }
-    // basic tag
-    else {
-        comp = new component_1.Component({
-            tag: clsOrTag,
-            ...attrs,
-        });
-    }
-    if (children && children.length) {
-        comp.setContent(children);
-    }
-    return comp;
-};
-const Fragment = Symbol("fragment");
-const createFragment = () => {
-    return null;
-};
-exports.React = {
-    createElement,
-    createFragment,
-    Fragment,
-};

package/src/MIT-license.md

@@ -1,14 +0,0 @@
-# MIT LICENSE #
-
-**Copyright (c) 2019-2022 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/src/action.ts

@@ -1,88 +0,0 @@
-/**
-*  ___  ___ __
-*  \  \/  /  / _
-*   \    /  /_| |_
-*   /    \____   _|  
-*  /__/\__\   |_|
-*        
-* @file action.ts
-* @author Etienne Cochard 
-*
-* Copyright (c) 2019-2022 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/src/application.ts

@@ -1,251 +0,0 @@
-/**
-*  ___  ___ __
-*  \  \/  /  / _
-*   \    /  /_| |_
-*   /    \____   _|  
-*  /__/\__\   |_|
-*        
-* @file application.ts
-* @author Etienne Cochard 
-*
-* Copyright (c) 2019-2022 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'
-
-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;
-	
-	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;
-	
-		(Application.self as any) = this;
-
-		if( 'onload' in globalThis ) {
-			globalThis.addEventListener( 'load', ( ) => {
-				this.ApplicationCreated( );
-			})
-		}
-		else {
-			this.ApplicationCreated( );
-		}
-	}
-
-	ApplicationCreated( ) {
-		this.setTitle( '' );
-	}
-
-	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( ) {
-		//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[n];
-				}
-
-				// ignore -> private: dirty x2
-				(Component as any)._dispatchEvent( fake );
-				ev.stopPropagation( );
-			}
-		});
-	}
-};
-
-
-