Skip to content
Snippets Groups Projects
Verified Commit 7427df36 authored by Volker Schukai's avatar Volker Schukai :alien:
Browse files

chore: commit save point

parent 108be7b3
No related branches found
No related tags found
No related merge requests found
...@@ -62,7 +62,7 @@ include $(MAKEFILE_IMPORT_PATH)target-update-makefiles.mk ...@@ -62,7 +62,7 @@ include $(MAKEFILE_IMPORT_PATH)target-update-makefiles.mk
include $(MAKEFILE_IMPORT_PATH)target-help.mk include $(MAKEFILE_IMPORT_PATH)target-help.mk
#include $(MAKEFILE_IMPORT_PATH)target-go-build.mk #include $(MAKEFILE_IMPORT_PATH)target-go-build.mk
include $(MAKEFILE_IMPORT_PATH)target-node-test.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-git.mk
include $(MAKEFILE_IMPORT_PATH)target-init-standard.mk include $(MAKEFILE_IMPORT_PATH)target-init-standard.mk
include $(MAKEFILE_IMPORT_PATH)target-variable.mk include $(MAKEFILE_IMPORT_PATH)target-variable.mk
......
![](https://gitlab.schukai.com/uploads/-/system/project/avatar/337/monster.png?width=255)
# Monster # Monster
![](https://gitlab.schukai.com/oss/libraries/javascript/monster/badges/master/pipeline.svg?style=flat-square) ![](https://badgen.net/npm/v/@schukai/monster) ![](https://data.jsdelivr.com/v1/package/npm/@schukai/monster/badge) 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 Monster was built with ES6 modules and uses [import](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Statements/import)
thus supports all browsers that are compatible with [ES5](https://caniuse.com/es5). 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 ## 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`. <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"
* All third-party components that are integrated into our software are licensed under the original licence provided by the owner of the respective component. crossorigin="anonymous"
* Content outside the above directories or restrictions is available under the [AGPL 3.0](https://www.gnu.org/licenses/agpl-3.0.en.html). 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.
``` ## License
// create documentation
make doc
// create documentation and push to aws Copyright © 2022 schukai GmbH
make doc-2-aws
// build all packages [AGPL](https://www.gnu.org/licenses/agpl-3.0.de.html)
make build
// test all packages You can also purchase a commercial license.
make test
// build packages ## Changelog
PACKAGE=monster
make build-${PACKAGES}
make build-browser-test-${PACKAGES}
make test-${PACKAGES}
make npm-publish-${PACKAGES}
``` Detailed changes for each release are documented in
the [CHANGELOG](https://gitlab.schukai.com/oss/libraries/javascript/monster/-/blob/master/application/CHANGELOG).
# 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).
{ {
"name": "@schukai/monster", "name": "@schukai/monster",
"version": "0.1.21", "version": "0.1.14",
"description": "Monster is a simple library for creating fast, robust and lightweight websites.", "description": "Monster is a simple library for creating fast, robust and lightweight websites.",
"keywords": [ "keywords": [
"framework", "framework",
......
#############################################################################################
#############################################################################################
##
## 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
...@@ -8,15 +8,6 @@ ...@@ -8,15 +8,6 @@
.PHONY: npm-publish .PHONY: npm-publish
## publish library to npm ## publish library to npm
npm-publish: node-build npm-prepare npm-publish: node-build
$(ECHOMARKER) "publish library" $(ECHOMARKER) "publish library"
$(QUIET) $(CD) $(MONSTER_DIR) ; \ $(QUIET) $(NPM) --prefix $(NODE_ROOT_DIR) run publish
$(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
{ {
"name": "monster", "name": "monster",
"version": "0.1.21", "version": "0.1.14",
"description": "monster", "description": "monster",
"repository": { "repository": {
"type": "git", "type": "git",
...@@ -10,6 +10,7 @@ ...@@ -10,6 +10,7 @@
"build": "echo \"Error: 'build' is not a supported command.\" && exit 0", "build": "echo \"Error: 'build' is not a supported command.\" && exit 0",
"test": "npx mocha --recursive test/cases/", "test": "npx mocha --recursive test/cases/",
"web-test": "script/web-test.sh", "web-test": "script/web-test.sh",
"publish": "script/release-and-publish.sh",
"build-doc": "script/build-doc.sh" "build-doc": "script/build-doc.sh"
}, },
"type": "module", "type": "module",
......
#!/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 -
<!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>
<!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>
// 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') { if (typeof window === 'object') {
(function () { (function () {
......
...@@ -5,7 +5,8 @@ ...@@ -5,7 +5,8 @@
<title>Mocha Monster</title> <title>Mocha Monster</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/> <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<link rel="stylesheet" href="mocha.css"/> <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" crossorigin="anonymous"
referrerpolicy="no-referrer"></script> 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>
......
{"version":"0.1.8"} {"version":"0.1.15"}
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment