x4js 1.4.51 → 1.4.53

package/lib/esm/types/x4react.d.ts

@@ -0,0 +1,41 @@
+/**
+*  ___   ___ __
+*  \  \_/  /  / _
+*   \     /  /_| |_
+*   /  _  \____   _|
+*  /__/ \__\   |_|
+*
+* @file x4react.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 { Component, ComponentContent, CProps, CEventMap } from './component';
+export declare let React: {
+    createElement: (clsOrTag: any, attrs: any, ...children: any[]) => ComponentContent;
+    createFragment: () => ComponentContent;
+    Fragment: symbol;
+};
+/**
+ *
+ */
+export declare abstract class TSXComponent<P extends CProps<CEventMap> = CProps<CEventMap>, E extends CEventMap = CEventMap> extends Component<P, E> {
+    render(props: P): void;
+    abstract renderTSX(props: P): Component | Component[];
+}

package/lib/esm/version.js

@@ -0,0 +1,29 @@
+/**
+*  ___   ___ __
+*  \  \_/  /  / _
+*   \     /  /_| |_
+*   /  _  \____   _|
+*  /__/ \__\   |_|
+*
+* @file version.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.
+**/
+export const x4js_version = "1.4";

package/lib/esm/x4dom.js

@@ -0,0 +1,29 @@
+/**
+*  ___   ___ __
+*  \  \_/  /  / _
+*   \     /  /_| |_
+*   /  _  \____   _|
+*  /__/ \__\   |_|
+*
+* @file x4events.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.
+**/
+export let x4document = document;

package/lib/{x4_events.js → esm/x4events.js}

@@ -1,4 +1,3 @@
-"use strict";
 /**
 *  ___   ___ __
 *  \  \_/  /  / _
@@ -6,7 +5,7 @@
 *   /  _  \____   _|
 *  /__/ \__\   |_|
 *
-* @file observable.ts
+* @file x4events.ts
 * @author Etienne Cochard
 *
 * Copyright (c) 2019-2022 R-libre ingenierie
@@ -27,8 +26,6 @@
 * 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.EventSource = exports.EvError = exports.EvDrag = exports.EvMessage = exports.EvTimer = exports.EvContextMenu = exports.EvSelectionChange = exports.EvChange = exports.EvClick = exports.BasicEvent = void 0;
 // default stopPropagation implementation for Events
 const stopPropagation = function () {
     this.propagationStopped = true;
@@ -45,46 +42,37 @@ const preventDefault = function () {
  * @param params
  * @returns BasicEvent
  */
-function BasicEvent(params) {
+export function BasicEvent(params) {
     return {
         stopPropagation,
         preventDefault,
         ...params,
     };
 }
-exports.BasicEvent = BasicEvent;
-function EvClick(context = null) {
+export function EvClick(context = null) {
     return BasicEvent({ context });
 }
-exports.EvClick = EvClick;
-function EvChange(value, context = null) {
+export function EvChange(value, context = null) {
     return BasicEvent({ value, context });
 }
-exports.EvChange = EvChange;
-function EvSelectionChange(selection, context = null) {
+export function EvSelectionChange(selection, context = null) {
     return BasicEvent({ selection, context });
 }
-exports.EvSelectionChange = EvSelectionChange;
-function EvContextMenu(uievent, context = null) {
+export function EvContextMenu(uievent, context = null) {
     return BasicEvent({ uievent, context });
 }
-exports.EvContextMenu = EvContextMenu;
-function EvTimer(timer, time = 0, context = null) {
+export function EvTimer(timer, time = 0, context = null) {
     return BasicEvent({ timer, time, context });
 }
-exports.EvTimer = EvTimer;
-function EvMessage(msg, params, source) {
+export function EvMessage(msg, params, source) {
     return BasicEvent({ msg, params, source });
 }
-exports.EvMessage = EvMessage;
-function EvDrag(element, data, ctx) {
+export function EvDrag(element, data, ctx) {
     return BasicEvent({ element, data, context: ctx });
 }
-exports.EvDrag = EvDrag;
-function EvError(code, message) {
+export function EvError(code, message) {
     return BasicEvent({ code, message });
 }
-exports.EvError = EvError;
 /**
  * Event emitter class
  * this class allow you to emit and handle events
@@ -129,7 +117,7 @@ exports.EvError = EvError;
  * }
  * ```
  */
-class EventSource {
+export class EventSource {
     m_source;
     m_eventRegistry;
     m_defaultHandlers;
@@ -386,4 +374,3 @@ class EventSource {
         }
     }
 }
-exports.EventSource = EventSource;

package/lib/esm/x4react.js

@@ -0,0 +1,71 @@
+/**
+*  ___   ___ __
+*  \  \_/  /  / _
+*   \     /  /_| |_
+*   /  _  \____   _|
+*  /__/ \__\   |_|
+*
+* @file x4react.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 { Component } from './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({
+            tag: clsOrTag,
+            ...attrs,
+        });
+    }
+    if (children && children.length) {
+        comp.setContent(children);
+    }
+    return comp;
+};
+const Fragment = Symbol("fragment");
+const createFragment = () => {
+    return null;
+};
+export let React = {
+    createElement,
+    createFragment,
+    Fragment,
+};
+/**
+ *
+ */
+export class TSXComponent extends Component {
+    render(props) {
+        const tsx = this.renderTSX(props);
+        if (tsx) {
+            this.setContent(tsx);
+        }
+    }
+}

package/lib/{x4.css → styles/x4.css}

@@ -217,6 +217,12 @@ textarea::selection {
   flex: 1;
   flex-basis: 0;
 }
+.x-hlayout > .x-min-content {
+  min-width: min-content;
+}
+.x-vlayout > .x-min-content {
+  min-height: min-content;
+}
 .x-fit {
   position: absolute;
   left: 0;
@@ -329,6 +335,11 @@ textarea::selection {
   margin: 0 4px;
   color: inherit;
 }
+.x-base-button .x-svg-icon {
+  width: 100%;
+  height: 100%;
+  margin: 0;
+}
 .x-base-button:focus {
   border-color: var(--x4-focus-color);
   background-color: var(--x4-focus-color);

package/{src → lib/styles}/x4.less

@@ -283,6 +283,14 @@ textarea {
 	flex-basis: 0;
 }
 
+.x-hlayout > .x-min-content {
+	min-width: min-content;
+}
+
+.x-vlayout > .x-min-content {
+	min-height: min-content;
+}
+
 .x-fit {
 	position: absolute;
 	left: 0;
@@ -417,6 +425,12 @@ textarea {
 		color: inherit;
 	}
 
+	.x-svg-icon {
+		width: 100%;
+		height: 100%;
+		margin: 0;
+	}
+
 	&:focus {
 		border-color: var( --x4-focus-color );
 		background-color: var( --x4-focus-color );

package/package.json

@@ -1,28 +1,49 @@
 {
 	"name": "x4js",
-	"version": "1.4.51",
+	"version": "1.4.53",
 	"description": "X4js core files",
-	"main": "lib/index.js",
-	"types": "lib/index.d.ts",
+	"main": "lib/cjs/index.js",
+	"types": "lib/cjs/index.d.ts",
 	"style": "lib/x4.css",
+	"files": [
+		"lib/**/*"
+	 ],
 	"repository": {
-	  "type": "git",
-	  "url": "git+https://github.com/rlibre/x4js.git"
+		"type": "git",
+		"url": "git+https://github.com/rlibre/x4js.git"
 	},
 	"keywords": [
-	  "typescript",
-	  "framework",
-	  "sap", "web", "desktop", "application"
+		"typescript",
+		"framework",
+		"sap",
+		"web",
+		"desktop",
+		"application"
 	],
 	"scripts": {
-		"build": "tsc && lessc src/x4.less >lib/x4.css",
-		"mkdoc": "typedoc --tsconfig tsconfig.json --readme none"
+		"build": "npm run build:cjs && npm run build:esm && npm run build:rsc",
+		"build:esm": "tsc -p tsconfig.esm.json && mv lib/esm/index.js lib/esm/index.mjs",
+		"build:cjs": "tsc -p tsconfig.cjs.json",
+		"build:rsc": "mkdirp lib/styles && lessc src/x4.less >lib/styles/x4.css && cp src/x4.less lib/styles/x4.less",
+		"mkdoc": "typedoc --tsconfig tsconfig.json --readme none",
+		"prepack": "npm run build"
 	},
 	"author": "etienne cochard",
 	"license": "MIT",
 	"bugs": {
-	  "url": "https://github.com/rlibre/x4js/issues"
+		"url": "https://github.com/rlibre/x4js/issues"
 	},
-	"homepage": "https://x4js.org"
-  }
-  
+	"homepage": "https://x4js.org",
+	"exports": {
+		".": {
+			"import": {
+				"types": "./lib/esm/types/index.d.ts",
+				"default": "./lib/esm/index.mjs"
+			},
+			"require": {
+				"types": "./lib/cjs/types/index.d.ts",
+				"default": "./lib/cjs/index.js"
+			}
+		}
+	}
+}

package/build.sh

@@ -1,5 +0,0 @@
-#!/bin/bash
-echo "typescript..."
-tsc
-echo "less..."
-lessc src/x4.less >lib/x4.css

package/lib/base64.js

@@ -1,143 +0,0 @@
-"use strict";
-/**
-*  ___  ___ __
-*  \  \/  /  / _
-*   \    /  /_| |_
-*   /    \____   _|
-*  /__/\__\   |_|
-*
-* @file base64.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.Base64 = void 0;
-const _alphabet = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=';
-let _lookup = null;
-class Base64 {
-    lookup = null;
-    static encode(s) {
-        let buffer;
-        if (s instanceof Uint8Array) {
-            buffer = [];
-            s.forEach((v) => {
-                buffer.push(v);
-            });
-        }
-        else {
-            buffer = Base64._toUtf8(s);
-        }
-        let position = -1;
-        let len = buffer.length;
-        let nan1, nan2;
-        let enc = [, , ,];
-        let result = '';
-        while (++position < len) {
-            nan1 = buffer[position + 1], nan2 = buffer[position + 2];
-            enc[0] = buffer[position] >> 2;
-            enc[1] = ((buffer[position] & 3) << 4) | (buffer[++position] >> 4);
-            if (isNaN(nan1)) {
-                enc[2] = enc[3] = 64;
-            }
-            else {
-                enc[2] = ((buffer[position] & 15) << 2) | (buffer[++position] >> 6);
-                enc[3] = (isNaN(nan2)) ? 64 : buffer[position] & 63;
-            }
-            result += _alphabet[enc[0]] + _alphabet[enc[1]] + _alphabet[enc[2]] + _alphabet[enc[3]];
-        }
-        return result;
-    }
-    static decode(s) {
-        let buffer = Base64._fromUtf8(s);
-        let position = 0;
-        let len = buffer.length;
-        let result = '';
-        while (position < len) {
-            if (buffer[position] < 128) {
-                result += String.fromCharCode(buffer[position++]);
-            }
-            else if (buffer[position] > 191 && buffer[position] < 224) {
-                result += String.fromCharCode(((buffer[position++] & 31) << 6) | (buffer[position++] & 63));
-            }
-            else {
-                result += String.fromCharCode(((buffer[position++] & 15) << 12) | ((buffer[position++] & 63) << 6) | (buffer[position++] & 63));
-            }
-        }
-        return result;
-    }
-    static _toUtf8(s) {
-        let position = -1;
-        let len = s.length;
-        let chr;
-        let buffer = [];
-        if (/^[\x00-\x7f]*$/.test(s)) {
-            while (++position < len) {
-                buffer.push(s.charCodeAt(position));
-            }
-        }
-        else {
-            while (++position < len) {
-                chr = s.charCodeAt(position);
-                if (chr < 128) {
-                    buffer.push(chr);
-                }
-                else if (chr < 2048) {
-                    buffer.push((chr >> 6) | 192, (chr & 63) | 128);
-                }
-                else {
-                    buffer.push((chr >> 12) | 224, ((chr >> 6) & 63) | 128, (chr & 63) | 128);
-                }
-            }
-        }
-        return buffer;
-    }
-    static _fromUtf8(s) {
-        let position = -1;
-        let len;
-        let buffer = [];
-        let enc = [, , ,];
-        if (!_lookup) {
-            len = _alphabet.length;
-            _lookup = {};
-            while (++position < len) {
-                _lookup[_alphabet[position]] = position;
-            }
-            position = -1;
-        }
-        len = s.length;
-        while (position < len) {
-            enc[0] = _lookup[s.charAt(++position)];
-            enc[1] = _lookup[s.charAt(++position)];
-            buffer.push((enc[0] << 2) | (enc[1] >> 4));
-            enc[2] = _lookup[s.charAt(++position)];
-            if (enc[2] == 64) {
-                break;
-            }
-            buffer.push(((enc[1] & 15) << 4) | (enc[2] >> 2));
-            enc[3] = _lookup[s.charAt(++position)];
-            if (enc[3] == 64) {
-                break;
-            }
-            buffer.push(((enc[2] & 3) << 6) | enc[3]);
-        }
-        return buffer;
-    }
-}
-exports.Base64 = Base64;

package/lib/hosts/host.d.ts

@@ -1,44 +0,0 @@
-/**
-* @file host.ts
-* @author Etienne Cochard
-* @license
-* Copyright (c) 2019-2021 R-libre ingenierie
-*
-* This program is free software; you can redistribute it and/or modify
-* it under the terms of the GNU General Public License as published by
-* the Free Software Foundation; either version 3 of the License, or
-* (at your option) any later version.
-*
-* This program is distributed in the hope that it will be useful,
-* but WITHOUT ANY WARRANTY; without even the implied warranty of
-* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
-* GNU General Public License for more details.
-*
-* You should have received a copy of the GNU General Public License along with this program. If not, see <https://www.gnu.org/licenses/>.
-**/
-export interface FileStat {
-    atime: number;
-    isDir: boolean;
-}
-export declare type PathType = 'home' | 'appData' | 'userData' | 'cache' | 'temp' | 'exe' | 'desktop' | 'documents' | 'downloads' | 'music' | 'pictures' | 'videos' | 'recent' | 'logs' | 'crashDumps';
-export declare type PartType = 'filename' | 'extname' | 'basename' | 'dirname';
-export declare abstract class Host {
-    constructor();
-    makePath(...els: string[]): string;
-    readBinary(path: string): Promise<Uint8Array>;
-    writeBinary(path: string, data: Uint8Array): Promise<boolean>;
-    readUtf8(path: string): Promise<string>;
-    writeUtf8(path: string, data: string): Promise<boolean>;
-    compress(data: Uint8Array): Promise<Uint8Array>;
-    decompress(data: Uint8Array): Promise<Uint8Array>;
-    readLocalStorage(name: string): string;
-    writeLocalStorage(name: string, data: string): void;
-    stat(name: string): FileStat;
-    readDir(path: string): Promise<string[]>;
-    require(name: string): any;
-    cwd(): string;
-    getPath(type: PathType): string;
-    getPathPart(path: string, type: PartType): string;
-    abstract createCanvas(): any;
-}
-export declare let host: Host;

package/lib/hosts/host.js

@@ -1,73 +0,0 @@
-"use strict";
-/**
-* @file host.ts
-* @author Etienne Cochard
-* @license
-* Copyright (c) 2019-2021 R-libre ingenierie
-*
-* This program is free software; you can redistribute it and/or modify
-* it under the terms of the GNU General Public License as published by
-* the Free Software Foundation; either version 3 of the License, or
-* (at your option) any later version.
-*
-* This program is distributed in the hope that it will be useful,
-* but WITHOUT ANY WARRANTY; without even the implied warranty of
-* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
-* GNU General Public License for more details.
-*
-* You should have received a copy of the GNU General Public License along with this program. If not, see <https://www.gnu.org/licenses/>.
-**/
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.host = exports.Host = void 0;
-class Host {
-    constructor() {
-        exports.host = this;
-    }
-    makePath(...els) {
-        return els.join('/');
-    }
-    readBinary(path) {
-        return Promise.reject('not imp');
-    }
-    writeBinary(path, data) {
-        return Promise.reject('not imp');
-    }
-    readUtf8(path) {
-        return Promise.reject('not imp');
-    }
-    writeUtf8(path, data) {
-        return Promise.reject('not imp');
-    }
-    compress(data) {
-        return Promise.reject('not imp');
-    }
-    decompress(data) {
-        return Promise.reject('not imp');
-    }
-    readLocalStorage(name) {
-        return localStorage.getItem(name);
-    }
-    writeLocalStorage(name, data) {
-        localStorage.setItem(name, data);
-    }
-    stat(name) {
-        throw 'not imp';
-    }
-    readDir(path) {
-        throw 'not imp';
-    }
-    require(name) {
-        throw 'not imp';
-    }
-    cwd() {
-        throw 'not imp';
-    }
-    getPath(type) {
-        throw 'not imp';
-    }
-    getPathPart(path, type) {
-        throw 'not imp';
-    }
-}
-exports.Host = Host;
-exports.host = null;