@cocreate/state 1.18.0

package/CONTRIBUTING.md

@@ -0,0 +1,97 @@
+# Contributing to CoCreate-pass
+
+This project is work of [many contributors](https://github.com/CoCreate-app/CoCreate-pass/graphs/contributors).
+You're encouraged to submit [pull requests](https://github.com/CoCreate-app/CoCreate-pass/pulls),
+[propose features and discuss issues](https://github.com/CoCreate-app/CoCreate-pass/issues).
+
+In the examples below, substitute your Github username for `contributor` in URLs.
+
+## Fork the Project
+
+Fork the [project on Github](https://github.com/CoCreate-app/CoCreate-pass) and check out your copy.
+
+```
+git pass https://github.com/contributor/CoCreate-pass.git
+cd CoCreate-pass
+git remote add upstream https://github.com/CoCreate-app/CoCreate-pass.git
+```
+
+## Create a Topic Branch
+
+Make sure your fork is up-to-date and create a topic branch for your feature or bug fix on dev branch.
+
+```
+git checkout dev
+git pull upstream dev
+git checkout -b my-feature-branch
+```
+
+## Write Tests
+
+Try to write a test that reproduces the problem you're trying to fix or describes a feature that you want to build.
+
+We definitely appreciate pull requests that highlight or reproduce a problem, even without a fix.
+
+## Write Code
+
+Implement your feature or bug fix.
+
+## Write Documentation
+
+Document any external behavior in the [README](README.md).
+
+## Commit Changes
+
+Make sure git knows your name and email address:
+
+```
+git config --global user.name "Your Name"
+git config --global user.email "contributor@example.com"
+```
+
+We use [semantic-release](https://github.com/semantic-release/semantic-release) as process to generate changelog
+and to release. Write meaningful commits according to 
+[Commit Message Formats](https://github.com/semantic-release/semantic-release#commit-message-format) is important.
+
+```
+git add ...
+git commit -am "commit-type(optional topic): a meaningful message"
+```
+
+Here is an example of the release type that should be done based on a [semantic-release](https://github.com/semantic-release/semantic-release):
+
+| Commit message                                                                                                                                                                                   | Release type               |
+| ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | -------------------------- |
+| `fix(pencil): stop graphite breaking when too much pressure applied`                                                                                                                             | Patch Release              |
+| `feat(pencil): add 'graphiteWidth' option`                                                                                                                                                       | ~~Minor~~ Feature Release  |
+| `perf(pencil): remove graphiteWidth option`<br><br>`BREAKING CHANGE: The graphiteWidth option has been removed.`<br>`The default graphite width of 10mm is always used for performance reasons.` | ~~Major~~ Breaking Release |
+
+
+## Push
+
+```
+git push origin my-feature-branch
+```
+
+## Make a Pull Request
+
+Go to [https://github.com/CoCreate-app/CoCreate-pass](https://github.com/CoCreate-app/CoCreate-pass) and select your feature branch.
+Click the 'Pull Request' button and fill out the form. Pull requests are usually reviewed within a few days.
+
+## Rebase
+
+If you've been working on a change for a while, rebase with upstream/dev.
+
+```
+git fetch upstream
+git rebase upstream/dev
+git push origin my-feature-branch -f
+```
+
+## Be Patient
+
+It's likely that your change will not be merged and that the nitpicky maintainers will ask you to do more, or fix seemingly benign problems. Hang in there!
+
+## Thank You
+
+Please do know that we really appreciate and value your time and work. We love you, really.

package/CoCreate.config.js

@@ -0,0 +1,23 @@
+module.exports = {
+    "organization_id": "",
+    "key": "",
+    "host": "",
+    "sources": [
+        {
+            "array": "files",
+            "object": {
+                "_id": "602069863c260207bf49cab2",
+                "name": "index.html",
+                "path": "/docs/state",
+                "pathname": "/docs/state/index.html",
+                "src": "{{./docs/index.html}}",
+                "host": [
+                    "*"
+                ],
+                "directory": "state",
+                "content-type": "{{content-type}}",
+                "public": "true"
+            }
+        }
+    ]
+};

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2021 CoCreate LLC
+
+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,85 @@
+# CoCreate-pass
+
+Data attributes which can be used for components in CoCreate framework combined as a group of attributes that dynamically change attributes & fetch custom data. Take it for a spin in our [playground!](https://cocreate.app/docs/pass)
+
+![minified](https://img.badgesize.io/https://cdn.cocreate.app/pass/latest/CoCreate-pass.min.js?style=flat-square&label=minified&color=orange)
+![gzip](https://img.badgesize.io/https://cdn.cocreate.app/pass/latest/CoCreate-pass.min.js?compression=gzip&style=flat-square&label=gzip&color=yellow)
+![brotli](https://img.badgesize.io/https://cdn.cocreate.app/pass/latest/CoCreate-pass.min.js?compression=brotli&style=flat-square&label=brotli)
+![GitHub latest release](https://img.shields.io/github/v/release/CoCreate-app/CoCreate-pass?style=flat-square)
+![License](https://img.shields.io/github/license/CoCreate-app/CoCreate-pass?style=flat-square)
+![Hiring](https://img.shields.io/static/v1?style=flat-square&label=&message=Hiring&color=blueviolet)
+
+![CoCreate-pass](https://cdn.cocreate.app/docs/CoCreate-pass.gif)
+
+## [Docs & Demo](https://cocreate.app/docs/pass)
+
+For a complete guide and working demo refer to the [doumentation](https://cocreate.app/docs/pass)
+
+## CDN
+
+```html
+<script src="https://cdn.cocreate.app/pass/latest/CoCreate-pass.min.js"></script>
+```
+
+```html
+<script src="https://cdn.cocreate.app/pass/latest/CoCreate-pass.min.css"></script>
+```
+
+## NPM
+
+```shell
+$ npm i @cocreate/pass
+```
+
+## yarn
+
+```shell
+$ yarn install @cocreate/pass
+```
+
+# Table of Contents
+
+- [Table of Contents](#table-of-contents)
+- [Announcements](#announcements)
+- [Roadmap](#roadmap)
+- [How to Contribute](#how-to-contribute)
+- [About](#about)
+- [License](#license)
+
+<a name="announcements"></a>
+
+# Announcements
+
+All updates to this library are documented in our [CHANGELOG](https://github.com/CoCreate-app/CoCreate-pass/blob/master/CHANGELOG.md) and [releases](https://github.com/CoCreate-app/CoCreate-pass/releases). You may also subscribe to email for releases and breaking changes.
+
+<a name="roadmap"></a>
+
+# Roadmap
+
+If you are interested in the future direction of this project, please take a look at our open [issues](https://github.com/CoCreate-app/CoCreate-pass/issues) and [pull requests](https://github.com/CoCreate-app/CoCreate-pass/pulls). We would love to hear your feedback.
+
+<a name="about"></a>
+
+# About
+
+CoCreate-pass is guided and supported by the CoCreate Developer Experience Team.
+
+Please Email the Developer Experience Team [here](mailto:develop@cocreate.app) in case of any queries.
+
+CoCreate-pass is maintained and funded by CoCreate. The names and logos for CoCreate are trademarks of CoCreate, LLC.
+
+<a name="contribute"></a>
+
+# How to Contribute
+
+We encourage contribution to our libraries (you might even score some nifty swag), please see our [CONTRIBUTING](https://github.com/CoCreate-app/CoCreate-pass/blob/master/CONTRIBUTING.md) guide for details.
+
+We want this library to be community-driven, and CoCreate led. We need your help to realize this goal. To help make sure we are building the right things in the right order, we ask that you create [issues](https://github.com/CoCreate-app/CoCreate-pass/issues) and [pull requests](https://github.com/CoCreate-app/CoCreate-pass/pulls) or merely upvote or comment on existing issues or pull requests.
+
+We appreciate your continued support, thank you!
+
+
+<a name="license"></a>
+# License
+
+[The MIT License (MIT)](https://github.com/CoCreate-app/CoCreate-pass/blob/master/LICENSE)

package/demo/iframe.html

@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <title>State | CoCreateJS</title>
+        <link
+            rel="icon"
+            type="image/png"
+            sizes="32x32"
+            href="../assets/favicon.ico" />
+        <link rel="manifest" href="/manifest.webmanifest" />
+    </head>
+    <body style="padding: 20px">
+        <button>
+            <a
+                actions="state"
+                state-value="something from other db"
+                state_to="testing">
+                state value
+            </a>
+        </button>
+
+        <!--<script src="../dist/CoCreate-state.js"></script>-->
+        <script src="https://CoCreate.app/dist/CoCreate.js"></script>
+    </body>
+</html>

package/demo/index.html

@@ -0,0 +1,188 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <title>state | CoCreateJS</title>
+
+        <!-- CoCreate Favicon -->
+        <link
+            rel="icon"
+            type="image/png"
+            sizes="32x32"
+            href="../assets/favicon.ico" />
+        <!-- CoCreate CSS CDN -->
+        <link
+            rel="stylesheet"
+            href="https://cdn.cocreate.app/state/latest/CoCreate-state.min.css"
+            type="text/css" />
+        <link rel="manifest" href="/manifest.webmanifest" />
+    </head>
+    <body style="padding: 20px">
+        <!-- windows -->
+        <button
+            actions="state, openModal"
+            modal-src="./documentation"
+            state-array="modules"
+            state-object=""
+            state_to="me1234"
+            modal-width="600px"
+            modal-height="100%"
+            modal-color="#333">
+            Window test.1
+        </button>
+        <button
+            actions="state, openModal"
+            modal-src="render.html"
+            state-array="module_activity"
+            state-object="5cd910dd30f02f16b3385821"
+            state_to="me1234"
+            modal-height="100%"
+            modal-color="red"
+            modal-x="20"
+            modal-y="40">
+            Window test.2
+        </button>
+        <!--Page-->
+        <button>
+            <a
+                href="render.html"
+                target=""
+                state-array="module_activity"
+                state-object="5d8aa1cfa37aee309596d6c6"
+                state_to="me1234"
+                >Page test.1.html
+                <div
+                    state_to="me12345"
+                    state-array="modules"
+                    state-object="5d8aa2fca37aee309596d6c8"></div>
+            </a>
+        </button>
+        ----
+        <button>
+            <a
+                href="CoCreate-kanban/simple-test.html"
+                state-array="module_activity"
+                state-key="stage"
+                state_to="stage"
+                >Fetch name</a
+            >
+        </button>
+
+        <button>
+            <a
+                href="CoCreate-kanban/kanban.html"
+                state-array="module_activity"
+                state-filter-value="5e6d79f9d8cdbe53927a0443"
+                state-filter-key
+                state_to="fetch_value"
+                >Simple Test</a
+            >
+        </button>
+
+        <button>
+            <a
+                href="https://server.cocreate.app/CoCreate-attributes/CoCreate-attibutes.html"
+                target="_blank"
+                state-array="modules"
+                state-object="5ebc16fc8917bc59483a7e3b"
+                state_to="1234"
+                >empty target</a
+            >
+        </button>
+
+        <button>
+            <a
+                href="CoCreate-attributes/CoCreate-attibutes.html"
+                actions="01, 02"
+                target="_blank"
+                state-array="modules"
+                state-object="5ebc16fc8917bc59483a7e3b"
+                state_to="1234"
+                >_blank</a
+            >
+        </button>
+        <button>
+            <a
+                href="CoCreate-attributes/CoCreate-attibutes.html"
+                target="_blank"
+                state-array="modules"
+                state-object="5d8aa2fca37aee309596d6c8"
+                state_to="1234"
+                >_window</a
+            >
+        </button>
+        <button>
+            <a
+                href="target.html"
+                target="_self"
+                state-array="modules"
+                state-object="5d8aa2fca37aee309596d6c8"
+                state_to="me1234"
+                >_self</a
+            >
+        </button>
+        ----
+        <button>
+            <a
+                href="html_block.html"
+                state-array="modules"
+                state-object="5cf995e8ac959a2bd93356fb"
+                state_to="me1234"
+                >Page HTML BLOCK</a
+            >
+        </button>
+        <button>
+            <a
+                actions="state, openModal"
+                modal-src="html_block.html"
+                state-array="modules"
+                state-object="5cf995e8ac959a2bd93356fb"
+                state_to="me1234"
+                >Modal HTML BLOCK</a
+            >
+        </button>
+
+        <button>
+            <a
+                href="CoCreate-builder/index.html"
+                state-array="test1_array"
+                state_to="me1234"
+                >test page builder.html</a
+            >
+        </button>
+        <button>
+            <a
+                actions="state, openModal"
+                modal-src="builder.html"
+                state-array="modules"
+                state-object="5cf995e8ac959a2bd93356fb"
+                state_to="me1234"
+                >modal builder.html</a
+            >
+        </button>
+
+        <button>
+            <a
+                actions="state, openModal"
+                modal-src="module_datatable.html"
+                state-array="modules"
+                state-object="5cf995e8ac959a2bd93356fb"
+                state_to="me1234"
+                >modal datatable</a
+            >
+        </button>
+
+        <button>
+            <a
+                actions="state, openModal"
+                modal-src="index.html"
+                state_to="me1234"
+                >index.html</a
+            >
+        </button>
+
+        <div id="modal-viewport"></div>
+
+        <!--<script src="../dist/CoCreate-state.js"></script>-->
+        <script src="https://CoCreate.app/dist/CoCreate.js"></script>
+    </body>
+</html>

package/demo/pass-prefix.html

@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <title>State prefix | CoCreateJS</title>
+
+        <!-- CoCreate Favicon -->
+        <link
+            rel="icon"
+            type="image/png"
+            sizes="32x32"
+            href="../assets/favicon.ico" />
+        <!-- CoCreate CSS CDN -->
+        <link
+            rel="stylesheet"
+            href="https://cdn.cocreate.app/state/latest/CoCreate-state.min.css"
+            type="text/css" />
+        <link rel="manifest" href="/manifest.webmanifest" />
+    </head>
+    <body>
+        <!-- windows -->
+        <button>
+            <a
+                actions="state"
+                state-array="modules"
+                state-object="123"
+                state_to="me1234"
+                >test.1</a
+            >
+        </button>
+        <button
+            actions="state"
+            state-array="modules"
+            state-object="123"
+            state_to="me1234">
+            test.1
+        </button>
+
+        <h1
+            array="module_activities"
+            object="5edda7608d5c7a7d656edecd"
+            key="name"
+            state_id="me1234"></h1>
+
+        <div id="modal-viewport"></div>
+
+        <!--CoCreateJS CDN-->
+        <script src="https://cdn.cocreate.app/state/latest/CoCreate-state.min.js"></script>
+    </body>
+</html>

package/demo/pass-value-input.1.html

@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html lang="en">
+    <body class="padding:5px">
+        <form
+            array="test"
+            realtime="false"
+            object=""
+            class="margin-bottom:75px">
+            <textarea
+                class="floating-label"
+                state_to="test1"
+                key="test1"
+                placeholder="State to test 1"></textarea>
+
+            <textarea
+                class="floating-label"
+                state_to="test2"
+                key="test2"
+                placeholder="State to Test 2"></textarea>
+
+            <button
+                actions="stateValue"
+                class="position:relative bg-blue grow-hover border-radius:50% width:40px height:40px">
+                <i class="far fa-save color:white"></i>
+            </button>
+        </form>
+
+        <form
+            array="test"
+            realtime="false"
+            object=""
+            class="margin-bottom:75px">
+            <textarea
+                class="floating-label"
+                state_id="test1"
+                key="test1"
+                placeholder="Test 2"></textarea>
+
+            <textarea
+                class="floating-label"
+                state_id="test2"
+                key="test2"
+                placeholder="Test 2"></textarea>
+        </form>
+
+        <!--<script src="https://CoCreate.app/dist/CoCreate.js"></script>-->
+        <script src="https://CoCreate.app/dist/CoCreate.js"></script>
+    </body>
+</html>

package/demo/pass-value-input.html

@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="en">
+    <body class="padding:5px">
+        <input state_id="test" state-overwrite />
+        <a actions="state" state-value="hello" state_to="test"
+            >Click to state: hello</a
+        >
+        <a actions="state" state-value="goodbye" state_to="test"
+            >Click to state: goodbye</a
+        >
+
+        <script src="https://CoCreate.app/dist/CoCreate.js"></script>
+    </body>
+</html>

package/demo/pass-value.html

@@ -0,0 +1,65 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <title>State Value | CoCreateJS</title>
+        <link
+            rel="icon"
+            type="image/png"
+            sizes="32x32"
+            href="../assets/favicon.ico" />
+        <link rel="manifest" href="/manifest.webmanifest" />
+    </head>
+
+    <body>
+        <div id="modal-viewport" hidden></div>
+
+        <div class="padding:10px" content_id="content">
+            <form
+                array="test"
+                realtime="false"
+                object=""
+                class="margin-bottom:75px">
+                <textarea
+                    class="floating-label"
+                    state-value
+                    state_to="test1"
+                    key="test1"
+                    placeholder="State to test 1"></textarea>
+
+                <textarea
+                    class="floating-label"
+                    state-value
+                    state_to="test2"
+                    key="test2"
+                    placeholder="State to Test 2"></textarea>
+
+                <button
+                    actions="state"
+                    class="position:relative bg-blue grow-hover border-radius:50% width:40px height:40px">
+                    <i class="far fa-save color:white"></i>
+                </button>
+            </form>
+
+            <form
+                array="test"
+                realtime="false"
+                object=""
+                class="margin-bottom:75px">
+                <textarea
+                    class="floating-label"
+                    state_id="test1"
+                    key="test1"
+                    placeholder="Test 2"></textarea>
+
+                <textarea
+                    class="floating-label"
+                    state_id="test2"
+                    key="test2"
+                    placeholder="Test 2"></textarea>
+            </form>
+        </div>
+
+        <!--<script src="../dist/CoCreate-state.js"></script>-->
+        <script src="https://CoCreate.app/dist/CoCreate.js"></script>
+    </body>
+</html>

package/demo/test.html

@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <title>State | CoCreateJS</title>
+        <link
+            rel="icon"
+            type="image/png"
+            sizes="32x32"
+            href="../assets/favicon.ico" />
+        <link rel="manifest" href="/manifest.webmanifest" />
+    </head>
+    <body style="padding: 20px">
+        <textarea state_id="testing" value></textarea>
+        <p state_id="testing" value></p>
+        <iframe src="./iframe.html"></iframe>
+
+        <!--<script src="../dist/CoCreate-state.js"></script>-->
+        <script src="https://CoCreate.app/dist/CoCreate.js"></script>
+    </body>
+</html>