layerpro 0.6.7 → 0.6.9

package/.github/HISTORY.md

@@ -1,11 +1,15 @@
 # Changelog
 
-## v0.2.0 / 2024-01-06
+## v0.6.85 / 2024-08-06
 
 - NPM update [Dario Passariello](https://github.com/passariello) ()
 
 ## Previous
 
+## v0.2.0 / 2024-01-06
+
+- NPM update [Dario Passariello](https://github.com/passariello) ()
+
 ## v0.1.9 / 2023-12-31
 
 - NPM update [Dario Passariello](https://github.com/passariello) ()

package/.github/{LICENSE.md → LICENSE.txt}

@@ -1,6 +1,6 @@
 # MIT License
 
-Copyright (c) 2022 Dario Passariello - <dariopassariello@gmail.com>
+Copyright (c) 2019 Dario Passariello - <dariopassariello@gmail.com>
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/.github/README.md

@@ -61,26 +61,58 @@ type 'layerpro' in your console to have a look about all available tools that yo
 You can call these from everywhere without import (just one at index).
 If you type alert("hello, world!") you can see the result.
 
+You can use these (also from console) as messages
+
+```javascript
+alert("Hello world"); // Normal alert
+
+prompt("Your Name"); // Ask for input
+
+confirm(
+  "Hello world",
+  ()=>console.log("ciao"), // callback for YES / OK
+  ()=>console.log("bye") // callback for NO / CANCEL (you can use null if you don't want CB)
+);
+
+message(
+  "Hello world",
+  ()=>console.log("This happen after OK") // callback for YES / OK)
+);
+```
+
+---
+
 Another use:
 
 ```javascript
 layerpro.popup.open({
-  id: "test",
-  name: "Say hello dear!",
-  body: "Hello, World!",
-  icon: "✎",
-  width: 350,
-  height: 200,
-  maximize: false,
-  close: true,
-  top: "50%",
-  left: "50%",
-  raised: false,
-  movable: true,
-  resizable: false,
+  id: String,
+  body: String | Component / Module, // test or component
+  source: "", // TODO
+  width: Number,
+  height: Number,
+  name: String, // s
+  icon: "⚠", // or from html symbols table
+  iconize: true | false,
+  maximize: true | false,
+  close: true | false,
+  isMaximize: true | false,
+  dockable: true | false,
+  raised: true | false,
+  movable: true | false,
+  resizable: true | false,
+  store: true | false,
+  top: Number | Percentance,
+  left: Number | Percentance,
+  right: Number | Percentance,
+  bottom: Number | Percentance,
+  minWidth: Number | Percentance,
+  minHeight: Number | Percentance,
+  fadeIn: 0, // Milliseconds
+  fadeOut: 0 // Milliseconds
 });
 ```
 
 ---
 
-copyright (c) 2019 - 2023 by Dario Passariello
+copyright (c) 2019 - 2024 by Dario Passariello

package/CHANGELOG.md

@@ -0,0 +1,9 @@
+# Changelog
+
+New minor (feature) releases of this app/software are released every six months and
+patch (bugfix) releases are released every month. More information on the
+release cycle: see package.json
+
+## Previous
+
+Please see the git history for the details of previous versions.

package/FUNDING.yml

@@ -0,0 +1,12 @@
+# These are supported funding model platforms
+
+github: passariello
+patreon: passariello
+open_collective: # Replace with a single Open Collective username
+ko_fi: passariello
+tidelift: # Replace with a single Tidelift platform-name/package-name e.g., npm/babel
+community_bridge: # Replace with a single Community Bridge project-name e.g., cloud-foundry
+liberapay: passariello
+issuehunt: passariello
+otechie: # Replace with a single Otechie username
+custom: ["https://dario.passariello.ca", "https://www.paypal.me/dariopassariello", "https://www.indiegogo.com/individuals/28513718"]

package/HISTORY.md

@@ -0,0 +1,30 @@
+# Changelog
+
+## v0.6.85 / 2024-08-06
+
+- NPM update [Dario Passariello](https://github.com/passariello) ()
+
+## Previous
+
+## v0.2.0 / 2024-01-06
+
+- NPM update [Dario Passariello](https://github.com/passariello) ()
+
+## v0.1.9 / 2023-12-31
+
+- NPM update [Dario Passariello](https://github.com/passariello) ()
+
+## v0.1.8 / 2023-11-08
+
+- NPM update [Dario Passariello](https://github.com/passariello) ()
+
+## v0.1.7 / 2023-10-18
+
+- NPM update [Dario Passariello](https://github.com/passariello) ()
+
+## v0.1.6 / 2023-10-09
+
+- Fix some minor bugs [Dario Passariello](https://github.com/passariello) ()
+- NPM update [Dario Passariello](https://github.com/passariello) ()
+
+Please see the git history for the details of previous versions.

package/LICENSE.txt

@@ -0,0 +1,21 @@
+# MIT License
+
+Copyright (c) 2019 Dario Passariello - <dariopassariello@gmail.com>
+
+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/README.md

@@ -0,0 +1,118 @@
+# I am LayerPro
+
+```
+LayerPro by Dario Passariello
+```
+
+![TypeScript](https://img.shields.io/badge/TypeScript-006b98?logo=TypeScript&logoColor=white)
+![React-js](https://img.shields.io/badge/React-js-006b98?logo=React-js&logoColor=white)
+![dpHelper](https://img.shields.io/badge/dpHelper-npm-green?logo=dpHelper&logoColor=white)
+
+## About
+
+LayerPro give you a complete new way to customize web popups on your application. LP permit you also to have custom alert, promps, confirm and message and override the ugly browser popup.
+
+Please, read the [LICENSE](/LICENSE.md) agreement before to implementing in your application.
+
+## Live demo
+
+[https://a51.dev/tests/](https://a51.dev/tests/)
+
+You can see an HTML version where dpHelper and LayerPro works.
+You can use with html, react, vue or any other frontend / library.
+
+---
+
+## Install for react + webpack projects
+
+```
+npm i layerpro --save-dev
+```
+
+or update:
+
+```
+npm i layerpro@latest --save-dev
+```
+
+in the index (and only there):
+
+```javascript
+import "layerpro";
+```
+
+or
+
+```javascript
+require("layerpro");
+```
+
+## Install for ejs or other type of projects (like html)
+
+note: you don't need to use npm install in this case or you get an error
+
+```html
+<script src="https://unpkg.com/layerpro@latest/index.js"></script>
+```
+
+## How to use it
+
+type 'layerpro' in your console to have a look about all available tools that you can use globaly!
+You can call these from everywhere without import (just one at index).
+If you type alert("hello, world!") you can see the result.
+
+You can use these (also from console) as messages
+
+```javascript
+alert("Hello world"); // Normal alert
+
+prompt("Your Name"); // Ask for input
+
+confirm(
+  "Hello world",
+  ()=>console.log("ciao"), // callback for YES / OK
+  ()=>console.log("bye") // callback for NO / CANCEL (you can use null if you don't want CB)
+);
+
+message(
+  "Hello world",
+  ()=>console.log("This happen after OK") // callback for YES / OK)
+);
+```
+
+---
+
+Another use:
+
+```javascript
+layerpro.popup.open({
+  id: String,
+  body: String | Component / Module, // test or component
+  source: "", // TODO
+  width: Number,
+  height: Number,
+  name: String, // s
+  icon: "&#9888;", // or from html symbols table
+  iconize: true | false,
+  maximize: true | false,
+  close: true | false,
+  isMaximize: true | false,
+  dockable: true | false,
+  raised: true | false,
+  movable: true | false,
+  resizable: true | false,
+  store: true | false,
+  top: Number | Percentance,
+  left: Number | Percentance,
+  right: Number | Percentance,
+  bottom: Number | Percentance,
+  minWidth: Number | Percentance,
+  minHeight: Number | Percentance,
+  fadeIn: 0, // Milliseconds
+  fadeOut: 0 // Milliseconds
+});
+```
+
+---
+
+copyright (c) 2019 - 2024 by Dario Passariello

package/SECURITY.md

@@ -0,0 +1,3 @@
+# Security
+
+Please email [@passariello](https://github.com/passariello) or see https://dario.passariello.ca/contact/ if you have a potential security vulnerability to report.