diff --git a/Makefile b/Makefile index c08f543d5f03892ff0f55e5c31624dee76e26e84..87f019a87919466cc655d249ff75f9e2f8e05bdd 100644 --- a/Makefile +++ b/Makefile @@ -62,7 +62,7 @@ include $(MAKEFILE_IMPORT_PATH)target-update-makefiles.mk include $(MAKEFILE_IMPORT_PATH)target-help.mk #include $(MAKEFILE_IMPORT_PATH)target-go-build.mk include $(MAKEFILE_IMPORT_PATH)target-node-test.mk -include $(MAKEFILE_IMPORT_PATH)target-node-release.mk +include $(MAKEFILE_IMPORT_PATH)target-npm-publish.mk include $(MAKEFILE_IMPORT_PATH)target-git.mk include $(MAKEFILE_IMPORT_PATH)target-init-standard.mk include $(MAKEFILE_IMPORT_PATH)target-variable.mk diff --git a/README.md b/README.md index eef7af788d8dcfe990826404aef16b7ed4a90526..af4127ae97d7298e8e71f653a038f6c8d5debd47 100644 --- a/README.md +++ b/README.md @@ -1,71 +1,69 @@ - - # Monster -   +A modern, efficient and flexible JavaScript library for building user interfaces. -**Build fantastic websites!** +Monster relies on proven concepts mixed with many new JavaScript concepts. -Monster is a lightweight, robust and easy-to-use library with modest ambitions. Monster integrates easily into your existing websites without taking over everything. +The library relies on modern features such as classes, WeakRef, +WeakMaps, proxies or the MutationObserver interface, to name a few. -It is not the goal of Monster to pull in a completely new abstraction with its own language, but to combine the existing techniques of HTML, CSS and Javascript in a meaningful way. +Monster integrates easily into your existing websites without taking over +everything. -Monster is perfectly suited for the creation of beautiful and fast user interfaces and websites. The basis is formed by core functions that can be supplemented by necessary classes and objects. +It is not the goal of Monster to pull in an entirely new abstraction +with its own language, but to combine the existing techniques of HTML, +CSS and JavaScript in a meaningful way. -One first design target is to reach the shiny sun with as little Javascript as possible. That is why we do not have any external dependencies. +Monster is perfectly suited for the creation of beautiful and fast +user interfaces and websites. The basis is formed by core functions that +can be supplemented by necessary classes and objects. -Monster was built with ES6 modules and uses [import](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Statements/import) and [export](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/export). +One design target is to reach the shiny sun with as little JavaScript as possible. -There is a version in the `/dist` folder that was built via [webpack](https://github.com/webpack/webpack) and -thus supports all browsers that are compatible with [ES5](https://caniuse.com/es5). +Monster was built with ES6 modules and uses [import](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Statements/import) +and [export](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/export). -To make compatibility with the older browsers [polyfill.io](https://cdn.polyfill.io/v3/url-builder/) is a good choice. +For some functions, you need additional [polyfills](#polyfill). ## Documentation -To check out docs and examples, visit [monsterjs.org/en/doc/latest/](https://monsterjs.org/en/doc/latest/). +To check out docs and examples, visit [monsterjs.org/en/doc/monster/](https://monsterjs.org/en/doc/monster/). -## Questions +## Installation -For questions and commercial support please contact [schukai GmbH](https://www.schukai.com/). The issue list of this repo is exclusively for bug reports and feature requests. +`npm install @schukai/monster`, `yarn install @schukai/monster` or `pnpm install @schukai/monster` -## Issues +### Polyfill -Please make sure to read the Issue Reporting Checklist before opening an issue. Issues not conforming to the guidelines may be closed immediately. +We do try to work around some browser bugs, but on the whole we don't use polyfills and feature detection. -## License +However, many functions can be mapped via [polyfill.io](https://polyfill.io/) and thus the compatibility can be increased. -* All content residing under the `docs/` directory of this repository is licensed under "Creative Commons: CC BY-SA 4.0 license". -* All packages that resides under the `packages/` directory of this repository, if that directory exists, is licensed under the license defined in `packages/<package>/LICENSE`. -* All third-party components that are integrated into our software are licensed under the original licence provided by the owner of the respective component. -* Content outside the above directories or restrictions is available under the [AGPL 3.0](https://www.gnu.org/licenses/agpl-3.0.en.html). +``` + <script id="polyfill" src="https://polyfill.io/v3/polyfill.min.js?features=Array.from,Array.isArray,Array.prototype.entries,Array.prototype.fill,Array.prototype.forEach,Array.prototype.indexOf,Array.prototype.keys,Array.prototype.lastIndexOf,Array.prototype.map,Array.prototype.reduce,Array.prototype.sort,ArrayBuffer,atob,DataView,document,DocumentFragment,Element,Event,globalThis,HTMLDocument,HTMLTemplateElement,JSON,Map,Math.log2,Number.isInteger,Object.assign,Object.defineProperty,Object.entries,Object.getOwnPropertyDescriptor,Object.getPrototypeOf,Object.keys,Promise,Reflect,Reflect.defineProperty,Reflect.get,Reflect.getOwnPropertyDescriptor,Reflect.setPrototypeOf,Set,String.prototype.endsWith,String.prototype.matchAll,String.prototype.padStart,String.prototype.startsWith,String.prototype.trim,Symbol,Symbol.iterator,WeakMap,WeakSet" + crossorigin="anonymous" + referrerpolicy="no-referrer"></script> +``` -**you can also purchase a commercial licence** +## Questions -## Changelog +For questions and commercial support, please contact [schukai GmbH](https://www.schukai.com/). +The issue list of this repo is exclusively for bug reports and feature requests. -Detailed changes for each release are documented in the corresponding CHANGELOG files. +## Issues -## Build & Development +Please make sure to read the Issue Reporting Checklist before opening an +issue. Issues not conforming to the guidelines may be closed immediately. -``` -// create documentation -make doc +## License -// create documentation and push to aws -make doc-2-aws +Copyright © 2022 schukai GmbH -// build all packages -make build +[AGPL](https://www.gnu.org/licenses/agpl-3.0.de.html) -// test all packages -make test +You can also purchase a commercial license. -// build packages -PACKAGE=monster -make build-${PACKAGES} -make build-browser-test-${PACKAGES} -make test-${PACKAGES} -make npm-publish-${PACKAGES} +## Changelog -``` +Detailed changes for each release are documented in +the [CHANGELOG](https://gitlab.schukai.com/oss/libraries/javascript/monster/-/blob/master/application/CHANGELOG). diff --git a/application/README.md b/application/README.md deleted file mode 100644 index af4127ae97d7298e8e71f653a038f6c8d5debd47..0000000000000000000000000000000000000000 --- a/application/README.md +++ /dev/null @@ -1,69 +0,0 @@ -# Monster - -A modern, efficient and flexible JavaScript library for building user interfaces. - -Monster relies on proven concepts mixed with many new JavaScript concepts. - -The library relies on modern features such as classes, WeakRef, -WeakMaps, proxies or the MutationObserver interface, to name a few. - -Monster integrates easily into your existing websites without taking over -everything. - -It is not the goal of Monster to pull in an entirely new abstraction -with its own language, but to combine the existing techniques of HTML, -CSS and JavaScript in a meaningful way. - -Monster is perfectly suited for the creation of beautiful and fast -user interfaces and websites. The basis is formed by core functions that -can be supplemented by necessary classes and objects. - -One design target is to reach the shiny sun with as little JavaScript as possible. - -Monster was built with ES6 modules and uses [import](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Statements/import) -and [export](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/export). - -For some functions, you need additional [polyfills](#polyfill). - -## Documentation - -To check out docs and examples, visit [monsterjs.org/en/doc/monster/](https://monsterjs.org/en/doc/monster/). - -## Installation - -`npm install @schukai/monster`, `yarn install @schukai/monster` or `pnpm install @schukai/monster` - -### Polyfill - -We do try to work around some browser bugs, but on the whole we don't use polyfills and feature detection. - -However, many functions can be mapped via [polyfill.io](https://polyfill.io/) and thus the compatibility can be increased. - -``` - <script id="polyfill" src="https://polyfill.io/v3/polyfill.min.js?features=Array.from,Array.isArray,Array.prototype.entries,Array.prototype.fill,Array.prototype.forEach,Array.prototype.indexOf,Array.prototype.keys,Array.prototype.lastIndexOf,Array.prototype.map,Array.prototype.reduce,Array.prototype.sort,ArrayBuffer,atob,DataView,document,DocumentFragment,Element,Event,globalThis,HTMLDocument,HTMLTemplateElement,JSON,Map,Math.log2,Number.isInteger,Object.assign,Object.defineProperty,Object.entries,Object.getOwnPropertyDescriptor,Object.getPrototypeOf,Object.keys,Promise,Reflect,Reflect.defineProperty,Reflect.get,Reflect.getOwnPropertyDescriptor,Reflect.setPrototypeOf,Set,String.prototype.endsWith,String.prototype.matchAll,String.prototype.padStart,String.prototype.startsWith,String.prototype.trim,Symbol,Symbol.iterator,WeakMap,WeakSet" - crossorigin="anonymous" - referrerpolicy="no-referrer"></script> -``` - -## Questions - -For questions and commercial support, please contact [schukai GmbH](https://www.schukai.com/). -The issue list of this repo is exclusively for bug reports and feature requests. - -## Issues - -Please make sure to read the Issue Reporting Checklist before opening an -issue. Issues not conforming to the guidelines may be closed immediately. - -## License - -Copyright © 2022 schukai GmbH - -[AGPL](https://www.gnu.org/licenses/agpl-3.0.de.html) - -You can also purchase a commercial license. - -## Changelog - -Detailed changes for each release are documented in -the [CHANGELOG](https://gitlab.schukai.com/oss/libraries/javascript/monster/-/blob/master/application/CHANGELOG). diff --git a/application/package.json b/application/package.json index ff37f8d11ea2de886d31229474dc51fd04b2f7e1..0dd1966c4dffeb8a9c3a56d9c41ddf4bb35273e3 100644 --- a/application/package.json +++ b/application/package.json @@ -1,6 +1,6 @@ { "name": "@schukai/monster", - "version": "0.1.21", + "version": "0.1.14", "description": "Monster is a simple library for creating fast, robust and lightweight websites.", "keywords": [ "framework", diff --git a/development/makefiles/target-node-release.mk b/development/makefiles/target-node-release.mk deleted file mode 100644 index e040ec474fa819a686d3db6b8110c4740262e413..0000000000000000000000000000000000000000 --- a/development/makefiles/target-node-release.mk +++ /dev/null @@ -1,52 +0,0 @@ -############################################################################################# -############################################################################################# -## -## BUILD NODE -## -############################################################################################# -############################################################################################# - -.PHONY: node-release-major -## release major version of node -node-release-major: - $(ECHOMARKER) "release package" - $(QUIET) $(MAKE) next-major-version - $(QUIET) $(MAKE) node-release - -.PHONY: node-release-minor -## release minor version of node -node-release-minor: - $(ECHOMARKER) "release package" - $(QUIET) $(MAKE) next-minor-version - $(QUIET) $(MAKE) node-release - -.PHONY: node-release-patch -## release patch version of node -node-release-patch: - $(ECHOMARKER) "release package" - $(QUIET) $(MAKE) next-patch-version - $(QUIET) $(MAKE) node-release - -.PHONY: node-release -node-release: - $(ECHOMARKER) "release package" - #$(QUIET) $(MAKE) node-test - $(QUIET) $(NPM) --prefix $(NODE_ROOT_DIR) run build - - - - -# $(QUIET) $(MAKE) clean -# $(QUIET) $(SCRIPT_PATH)increase-version.sh "$(MONSTER_CORE_DIR)package.json" $(MONSTER_CORE_VERSION) $(NEXTVERSION) -# $(QUIET) $(MAKE) clean -# $(QUIET) $(MAKE) build-monster -# $(QUIET) $(MAKE) uglifyjs-monster -# $(QUIET) $(MAKE) test-monster -# $(QUIET) $(MAKE) coverage-monster DONTOPENBROWSER=true -# $(QUIET) $(MAKE) test-browser-monster DONTOPENBROWSER=true -# $(QUIET) $(MAKE) doc-2-aws -# $(QUIET) $(MAKE) doc-build-versions-js -# $(QUIET) $(MAKE) git-tag -# $(QUIET) $(MAKE) transfer-monster -# $(QUIET) $(MAKE) npm-publish-monster -# $(QUIET) touch $(MONSTER_CORE_DIR)package.json ; $(MAKE) doc-build-versions-js \ No newline at end of file diff --git a/development/makefiles/target-npm-publish.mk b/development/makefiles/target-npm-publish.mk index ea5994b82f1e3454f938d6742d9e4fb1d117bbbb..e95e068d243ae4165bf76a6a33d87a5575a7c45d 100644 --- a/development/makefiles/target-npm-publish.mk +++ b/development/makefiles/target-npm-publish.mk @@ -8,15 +8,6 @@ .PHONY: npm-publish ## publish library to npm -npm-publish: node-build npm-prepare +npm-publish: node-build $(ECHOMARKER) "publish library" - $(QUIET) $(CD) $(MONSTER_DIR) ; \ - $(NPM) publish --dry-run --access public ; \ - $(CD) - - - -npm-prepare: - $(ECHOMARKER) "prepare npm" - $(QUIET) $(CD) $(MONSTER_DIR) ; \ - $(NPM) install ; \ - $(CD) - \ No newline at end of file + $(QUIET) $(NPM) --prefix $(NODE_ROOT_DIR) run publish diff --git a/development/package.json b/development/package.json index 09a2e10158dc1ff8697423778dfb0dae29fe1753..1dfd702647d039f3f67856e252e7b63a6ba552fa 100644 --- a/development/package.json +++ b/development/package.json @@ -1,6 +1,6 @@ { "name": "monster", - "version": "0.1.21", + "version": "0.1.14", "description": "monster", "repository": { "type": "git", @@ -10,6 +10,7 @@ "build": "echo \"Error: 'build' is not a supported command.\" && exit 0", "test": "npx mocha --recursive test/cases/", "web-test": "script/web-test.sh", + "publish": "script/release-and-publish.sh", "build-doc": "script/build-doc.sh" }, "type": "module", diff --git a/development/script/release-and-publish.sh b/development/script/release-and-publish.sh new file mode 100755 index 0000000000000000000000000000000000000000..f21e41458da61a5f873415a60628cfbeb98cef3f --- /dev/null +++ b/development/script/release-and-publish.sh @@ -0,0 +1,22 @@ +#!/usr/bin/env bash + +SCRIPT_DIR="$( cd "$( dirname "${BASH_SOURCE[0]}" )" &> /dev/null && pwd )/" +PROJECT_ROOT="$(realpath $SCRIPT_DIR'../../')/" +APPLICATION_PATH="${PROJECT_ROOT}application/" +TEST_PATH="$(realpath $SCRIPT_DIR'../test/')/" +BUILD_PATH="${PROJECT_ROOT}deployment/build/npm/" + +if [ -d $BUILD_PATH ]; then + rm -rf $BUILD_PATH} +fi + +mkdir -p ${BUILD_PATH} + +cp -r ${APPLICATION_PATH}* ${BUILD_PATH} +cp -r ${TEST_PATH} ${BUILD_PATH} +cp -r ${PROJECT_ROOT}README.md ${BUILD_PATH} + +cd ${BUILD_PATH} +pnpm publish --dry-run --access public +cd - + diff --git a/development/test/web/monster-dev.html b/development/test/web/monster-dev.html deleted file mode 100644 index 55b1d9f5d9e8aa5de7fdde60e1017524ab0ae9b4..0000000000000000000000000000000000000000 --- a/development/test/web/monster-dev.html +++ /dev/null @@ -1,22 +0,0 @@ -<!DOCTYPE html> -<html lang="en"> -<head> - <meta charset="utf-8"/> - <title>Monster (DEV)</title> - <meta name="viewport" content="width=device-width, initial-scale=1.0"/> - <link rel="stylesheet" href="mocha.css"/> - <script id="polyfill" - src="https://polyfill.io/v3/polyfill.min.js?features=Array.from,Array.isArray,Array.prototype.entries,Array.prototype.fill,Array.prototype.forEach,Array.prototype.indexOf,Array.prototype.keys,Array.prototype.map,Array.prototype.reduce,ArrayBuffer,DataView,document,DocumentFragment,Element,Event,globalThis,HTMLDocument,JSON,Map,Math.log2,Number.isInteger,Object.defineProperty,Object.entries,Object.freeze,Object.getOwnPropertyNames,Object.getPrototypeOf,Object.keys,Promise,Reflect,Reflect.defineProperty,Reflect.get,Reflect.getOwnPropertyDescriptor,Reflect.setPrototypeOf,Set,String.prototype.trim,Symbol,Symbol.for,Symbol.iterator,Uint8Array,WeakMap,WeakSet" - crossorigin="anonymous" - referrerpolicy="no-referrer"></script> - - <script src="https://monsterjs.org/dist/0.1.8/dist/monster.dev.mjs"></script> - -</head> -<body> -<div id="headline" style="display: flex;align-items: center;justify-content: center;flex-direction: column;"> - <h1 style='margin-bottom: 0.1em;'>Monster 0.1.8</h1> - <div id="lastupdate" style='font-size:0.7em'>last update So 7. Aug 19:45:23 CEST 2022</div> -</div> -</body> -</html> diff --git a/development/test/web/monster.html b/development/test/web/monster.html deleted file mode 100644 index 26ef978097d6519a0f8dc79c3277ecae4204c02a..0000000000000000000000000000000000000000 --- a/development/test/web/monster.html +++ /dev/null @@ -1,21 +0,0 @@ -<!DOCTYPE html> -<html lang="en"> -<head> - <meta charset="utf-8"/> - <title>Monster</title> - <meta name="viewport" content="width=device-width, initial-scale=1.0"/> - <link rel="stylesheet" href="mocha.css"/> - <script id="polyfill" src="https://polyfill.io/v3/polyfill.min.js?features=Array.from,Array.isArray,Array.prototype.entries,Array.prototype.fill,Array.prototype.forEach,Array.prototype.indexOf,Array.prototype.keys,Array.prototype.map,Array.prototype.reduce,ArrayBuffer,DataView,document,DocumentFragment,Element,Event,globalThis,HTMLDocument,JSON,Map,Math.log2,Number.isInteger,Object.defineProperty,Object.entries,Object.freeze,Object.getOwnPropertyNames,Object.getPrototypeOf,Object.keys,Promise,Reflect,Reflect.defineProperty,Reflect.get,Reflect.getOwnPropertyDescriptor,Reflect.setPrototypeOf,Set,String.prototype.trim,Symbol,Symbol.for,Symbol.iterator,Uint8Array,WeakMap,WeakSet" - crossorigin="anonymous" - referrerpolicy="no-referrer"></script> - - <script src="/monster/packages/monster/dist/monster.mjs"></script> - -</head> -<body> -<div id="headline" style="display: flex;align-items: center;justify-content: center;flex-direction: column;"> - <h1 style='margin-bottom: 0.1em;'>Monster 0.1.8</h1> - <div id="lastupdate" style='font-size:0.7em'>last update So 7. Aug 19:45:23 CEST 2022</div> -</div> -</body> -</html> diff --git a/development/test/web/prepare.js b/development/test/web/prepare.js index 82ee6e13abc207c8ad4d2f1b59930748b318b2e5..aebd78356d96591c4d06e5391e4f58a545417190 100644 --- a/development/test/web/prepare.js +++ b/development/test/web/prepare.js @@ -1,11 +1,3 @@ -// SharedArrayBuffer = ArrayBuffer; -// -// const matchAll = require('string.prototype.matchall'); -// matchAll.shim(); // will be a no-op if not needed -// -// require('replaceall-shim'); - - if (typeof window === 'object') { (function () { diff --git a/development/test/web/test.html b/development/test/web/test.html index 9eacc4844bb5f6fef70fd7a2340ae4079a1cdfb2..eb1ffc71ee1ddd86bd6c995e7725dbadd284ff53 100644 --- a/development/test/web/test.html +++ b/development/test/web/test.html @@ -5,16 +5,17 @@ <title>Mocha Monster</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> <link rel="stylesheet" href="mocha.css"/> - <script id="polyfill" src="https://polyfill.io/v3/polyfill.min.js?features=Array.from,Array.isArray,Array.prototype.entries,Array.prototype.fill,Array.prototype.forEach,Array.prototype.indexOf,Array.prototype.keys,Array.prototype.lastIndexOf,Array.prototype.map,Array.prototype.reduce,Array.prototype.sort,ArrayBuffer,atob,DataView,document,DocumentFragment,Element,Event,globalThis,HTMLDocument,HTMLTemplateElement,JSON,Map,Math.log2,Number.isInteger,Object.assign,Object.defineProperty,Object.entries,Object.getOwnPropertyDescriptor,Object.getPrototypeOf,Object.keys,Promise,Reflect,Reflect.defineProperty,Reflect.get,Reflect.getOwnPropertyDescriptor,Reflect.setPrototypeOf,Set,String.prototype.endsWith,String.prototype.matchAll,String.prototype.padStart,String.prototype.startsWith,String.prototype.trim,Symbol,Symbol.iterator,WeakMap,WeakSet" + <script id="polyfill" + src="https://polyfill.io/v3/polyfill.min.js?features=Array.from,Array.isArray,Array.prototype.entries,Array.prototype.fill,Array.prototype.forEach,Array.prototype.indexOf,Array.prototype.keys,Array.prototype.lastIndexOf,Array.prototype.map,Array.prototype.reduce,Array.prototype.sort,ArrayBuffer,atob,DataView,document,DocumentFragment,Element,Event,globalThis,HTMLDocument,HTMLTemplateElement,JSON,Map,Math.log2,Number.isInteger,Object.assign,Object.defineProperty,Object.entries,Object.getOwnPropertyDescriptor,Object.getPrototypeOf,Object.keys,Promise,Reflect,Reflect.defineProperty,Reflect.get,Reflect.getOwnPropertyDescriptor,Reflect.setPrototypeOf,Set,String.prototype.endsWith,String.prototype.matchAll,String.prototype.padStart,String.prototype.startsWith,String.prototype.trim,Symbol,Symbol.iterator,WeakMap,WeakSet" crossorigin="anonymous" referrerpolicy="no-referrer"></script> - <script src="https://cdn.jsdelivr.net/npm/element-internals-polyfill@0.1.52/dist/index.min.mjs"></script> + <script src="https://cdn.jsdelivr.net/npm/element-internals-polyfill@0.1.52/dist/index.min.mjs"></script> </head> <body> <div id="headline" style="display: flex;align-items: center;justify-content: center;flex-direction: column;"> - <h1 style='margin-bottom: 0.1em;'>Monster 0.1.8</h1> - <div id="lastupdate" style='font-size:0.7em'>last update So 7. Aug 19:45:23 CEST 2022</div> + <h1 style='margin-bottom: 0.1em;'>Monster 0.1.8</h1> + <div id="lastupdate" style='font-size:0.7em'>last update So 7. Aug 19:45:23 CEST 2022</div> </div> <div id="mocks"></div> <div id="mocha"></div> diff --git a/release.json b/release.json index 094b803807956e91755b6f4f7ff45d3396fcdc24..0be45a3432eb696cda03c991bdbd86e38f013741 100644 --- a/release.json +++ b/release.json @@ -1 +1 @@ -{"version":"0.1.8"} +{"version":"0.1.15"}