malinajs 0.6.43

package/package.json

@@ -0,0 +1,43 @@
+{
+  "name": "malinajs",
+  "version": "0.6.43",
+  "license": "MIT",
+  "scripts": {
+    "prepare": "npm run build",
+    "build": "npm run build_runtime && rollup -c",
+    "build_runtime": "rollup -c ./rollup.config.runtime.js",
+    "build_app": "NODE_PATH=.. rollup -c rollup.config.app.js && uglifyjs ./example/public/app.js -o ./example/public/app.min.js -m -c",
+    "terser": "terser ./example/public/app.js -o ./example/public/app.min2.js -m -c",
+    "build_app_es5": "NODE_PATH=.. babel ./example/public/app.js -o ./example/public/app.es5.js --presets babel-preset-es2015 && uglifyjs ./example/public/app.es5.js -o ./example/public/app.es5.min.js -m -c",
+    "web": "http-server ./example/public",
+    "test": "NODE_PATH=.. node ./node_modules/.bin/mocha ./test/run.js",
+    "test-debug": "NODE_PATH=.. node --inspect-brk ./node_modules/.bin/mocha ./test/run.js",
+    "brotli": "brotli --input /app/malinajs/example/public/app.min.js --output /app/malinajs/example/public/app.min.js.br; brotli --input /app/malinajs/example/public/app.min2.js --output /app/malinajs/example/public/app.min2.js.br"
+  },
+  "dependencies": {
+    "acorn": "^7.3.1",
+    "astring": "^1.4.3",
+    "css-tree": "^1.0.0-alpha.39"
+  },
+  "devDependencies": {
+    "@rollup/plugin-commonjs": "^13.0.2",
+    "babel-cli": "^6.26.0",
+    "babel-preset-es2015": "^6.24.1",
+    "http-server": "^0.12.3",
+    "jsdom": "^16.4.0",
+    "mocha": "^8.2.1",
+    "rollup": "^2.17.1",
+    "rollup-plugin-css-only": "^3.1.0",
+    "terser": "^5.4.0",
+    "uglify-js": "^3.13.7"
+  },
+  "main": "malina",
+  "files": [
+    "malina.js",
+    "compile.js",
+    "runtime.js",
+    "malina-rollup.js",
+    "malina-esbuild.js",
+    "plugins/sass.js"
+  ]
+}

package/plugins/sass.js

@@ -0,0 +1,26 @@
+
+module.exports = function sassPlugin() {
+    return {
+        name: 'sass',
+        dom: async ctx => {
+            for(let node of ctx.DOM.body) {
+                if(node.type != 'style') continue;
+                let type = node.attributes.filter(a => a.name == 'type' || a.name == 'lang')[0];
+                if(!type || type.value != 'sass' && type.value != 'scss') continue;
+
+                const sass = require('sass');
+                node.content = await (new Promise((resolve, reject) => {
+                    sass.render({
+                        file: ctx.config.path,
+                        data: node.content,
+                        indentedSyntax: type.value == 'sass'
+                    }, function(e, result) {
+                        if(e) return reject(e);
+                        resolve(result.css.toString());
+                        type.value = 'css';
+                    });
+                }));
+            };
+        }
+    };
+};

package/readme.md

@@ -0,0 +1,58 @@
+
+## Malina.js
+
+<img align="right" width="200" height="200" src="malinajs2.png" />
+
+Malina.js builds your web-application to use it **without framework on frontend side**. Therefore your web-app becomes thinner and faster, and the application itself consist of **vanilla JavaScript**, look at [examples](https://malinajs.github.io/repl/). [TodoMVC example](https://malina-todomvc.surge.sh) **2.7kb** (gzipped) and [source code](https://github.com/malinajs/todomvc)
+
+
+* [Docs](https://malinajs.github.io/docs/)
+* [Syntax Highlighter for VS-Code](https://marketplace.visualstudio.com/items?itemName=AlexxNB.malina-js-highlight)
+* **[Try Malina.js online (REPL)](https://malinajs.github.io/repl/)**
+
+#### Articles
+* [Comparision with Svelte.js](https://medium.com/@lega911/svelte-js-and-malina-js-b33c55253271)
+* [Comparision with Vue 3](https://medium.com/@lega911/vue-3-vs-malina-js-abd97025ba81)
+* [Passing CSS classes to child components](https://medium.com/@lega911/how-a-popular-feature-declined-by-svelte-went-live-in-malina-js-1a08fdb9dbc4)
+* [Using fragments](https://medium.com/@lega911/how-fragments-can-help-in-your-web-development-5efc4d10f9da)
+
+#### Example
+```html
+<script>
+  let name = 'world';
+    
+  function rename() {
+    name = 'user';
+  }
+</script>
+
+<h1>Hello {name.toUpperCase()}!</h1>
+<button @click={rename}>Rename</button>
+```
+
+#### Run dev environment:
+```
+npx create-malina myapp
+cd myapp
+npm run dev
+# open http://localhost:7000/
+```
+
+
+#### Run dev environment via docker:
+```
+docker run --rm -it --user ${UID} -p 7000:7000 -v `pwd`:/app/src lega911/malina
+# open http://localhost:7000/
+```
+
+
+Build compiler
+```
+npm install
+npm run build
+```
+
+
+## License
+
+[MIT](LICENSE)