dbm 1.0.0

package/react/admin/EditorBlock.js

@@ -0,0 +1,53 @@
+import Dbm from "../../index.js";
+
+export default class EditorBlock extends Dbm.core.BaseObject {
+
+    constructor(aSettings){
+        super();
+
+        this._settings = aSettings;
+
+        this.item.setValue("data", aSettings.data ? aSettings.data : {});
+        this.item.setValue("name", aSettings.config ? aSettings.config.name : "Unnamed block");
+        this.item.setValue("module", Dbm.getInstance().repository.getItem("moduleCreators/blocks/editor/" + aSettings.config.module));
+
+    }
+
+    render(){
+        //console.log("render");
+
+        let holderElement = document.createElement('div');
+        this.item.setValue("holderElement", holderElement);
+
+        let module = this.item.module.controller;
+
+        if(module) {
+            let moduleData = {};
+            moduleData["editorData"] = this.item;
+
+            module.createModule(holderElement, moduleData);
+        }
+        else {
+            console.warn("No module for block " + this.item.module.id);
+        }
+
+        return this.item.holderElement;
+    }
+  
+    save(aHolderElement){
+        console.log("save");
+        console.log(aHolderElement);
+
+        return this.item.data;
+    }
+
+    static get toolbox() {
+
+        //'<svg xmlns="http://www.w3.org/2000/svg" viewBox="-0.5 -0.5 16 16" id="Module--Streamline-Streamline-3.0" height="16" width="16"><desc>Module Streamline Icon: https://streamlinehq.com</desc><g><path d="M14.21875 2.65625a0.625 0.625 0 0 1 0.46875 0.625v8.4375a0.625 0.625 0 0 1 -0.42500000000000004 0.59375l-6.55625 2.34375a0.625 0.625 0 0 1 -0.41250000000000003 0L0.725 12.318750000000001a0.625 0.625 0 0 1 -0.41250000000000003 -0.5874999999999999V3.2624999999999997a0.625 0.625 0 0 1 0.46875 -0.625L7.34375 0.33125000000000004a0.6625000000000001 0.6625000000000001 0 0 1 0.3125 0Z" fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"></path><path d="m7.5 5.29375 0 9.393749999999999" fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"></path><path d="M14.51875 2.8375 7.5 5.29375 0.48125 2.8375" fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"></path></g></svg>'
+
+        return {
+          title: 'DbmBlock',
+          icon: null
+        };
+      }
+  }

package/react/admin/EditorBlockName.js

@@ -0,0 +1,19 @@
+import React from "react";
+import Dbm from "../../index.js";
+
+export default class EditorBlockName extends Dbm.react.BaseObject {
+    _construct() {
+        super._construct();
+    }
+
+    _renderMainElement() {
+
+        let textSource = new Dbm.react.source.ContextVariableSource();
+        textSource.item.path = "moduleData.editorData.name";
+
+        return React.createElement("div", {"className": "editor-block-box editor-block-box-padding text-align-center"},
+            Dbm.react.text.text(textSource),
+        );
+    }
+}
+

package/react/admin/index.js

@@ -0,0 +1,3 @@
+export {default as Editor} from "./Editor.js";
+export {default as EditorBlock} from "./EditorBlock.js";
+export {default as EditorBlockName} from "./EditorBlockName.js";

package/react/area/HasData.js

@@ -0,0 +1,22 @@
+import React from "react";
+import Dbm from "../../index.js";
+
+export default class HasData extends Dbm.react.BaseObject {
+    _construct() {
+        super._construct();
+    }
+
+    render() {
+        //console.log("HasData::render");
+        //console.log(this);
+        
+        let data = this.getPropValue("check");
+
+        if(data) {
+            return React.createElement(React.Fragment, {}, this.getPropValue("children"));
+        }
+
+        return null;
+    }
+}
+

package/react/area/InsertElement.js

@@ -0,0 +1,22 @@
+import React from "react";
+import Dbm from "../../index.js";
+
+export default class InsertElement extends Dbm.react.BaseObject {
+    _construct() {
+        super._construct();
+    }
+
+    render() {
+        //console.log("InsertElement::render");
+        //console.log(this);
+        
+        let element = this.getDynamicProp("element").value;
+
+        if(!element) {
+            return React.createElement("div", {}, "No element set");
+        }
+
+        return element;
+    }
+}
+

package/react/area/index.js

@@ -0,0 +1,2 @@
+export {default as InsertElement} from "./InsertElement.js";
+export {default as HasData} from "./HasData.js";

package/react/blocks/index.js

@@ -0,0 +1,61 @@
+import Dbm from "../../index.js";
+import {createElement} from "react";
+
+let createToolConfiguration = function(aId, aName, aInitialData = {}, aIcon = null) {
+
+    let returnObject = {
+        "class": Dbm.react.admin.EditorBlock,
+        "config": {
+            "module": aId,
+            "name": aName,
+        },
+        "data": aInitialData,
+        "toolbox": {
+            title: aName,
+            icon: aIcon
+        }  
+    }
+
+    return returnObject;
+}
+
+export let registerAllBlocks = function() {
+
+    let displayNameModule = new Dbm.react.modules.ModuleCreator();
+
+    let displayNameEditor = createElement(Dbm.react.admin.EditorBlockName, {});
+    displayNameModule.setMainElement(displayNameEditor);
+
+    let editorConfigItem = Dbm.getInstance().repository.getItem("editorjs");
+    let tools = editorConfigItem.tools ? {...editorConfigItem.tools} : {};
+
+    {
+        let moduleName = "cookie/settings";
+        
+        let editorItem = new Dbm.repository.Item();
+        editorItem.setValue("controller", displayNameModule);
+        editorItem.register("moduleCreators/blocks/editor/" + moduleName);
+
+        let elementItem = new Dbm.repository.Item();
+        elementItem.setValue("element", createElement(Dbm.react.cookies.CookieSettings));
+        elementItem.register("blocks/" + moduleName);
+
+        tools[moduleName] = createToolConfiguration(moduleName, "Cookie settings");
+    }
+
+    {
+        let moduleName = "login/loginForm";
+        
+        let editorItem = new Dbm.repository.Item();
+        editorItem.setValue("controller", displayNameModule);
+        editorItem.register("moduleCreators/blocks/editor/" + moduleName);
+
+        let elementItem = new Dbm.repository.Item();
+        elementItem.setValue("element", createElement(Dbm.react.login.LoginForm));
+        elementItem.register("blocks/" + moduleName);
+
+        tools[moduleName] = createToolConfiguration(moduleName, "Login form");
+    }
+
+    editorConfigItem.setValue("tools", tools);
+}

package/react/context/AddContextVariables.js

@@ -0,0 +1,22 @@
+import React from "react";
+import Dbm from "../../index.js";
+
+export default class AddContextVariables extends Dbm.react.BaseObject {
+    _construct() {
+        super._construct();
+    }
+
+    render() {
+        //console.log("AddContextVariables::render");
+        //console.log(this);
+        
+        let newContext = {...this.context};
+
+        let values = this.props.values;
+        for(let objectName in values) {
+            newContext[objectName] = values[objectName];
+        }
+
+        return React.createElement(Dbm.react.context.Context.Provider, {"value": newContext}, this.props.children);
+    }
+}

package/react/context/Context.js

@@ -0,0 +1,4 @@
+import { createContext } from "react";
+
+const dbmContext = createContext();
+export default dbmContext;

package/react/context/index.js

@@ -0,0 +1,2 @@
+export {default as Context} from "./Context.js";
+export {default as AddContextVariables} from "./AddContextVariables.js";

package/react/cookies/CookieBar.js

@@ -0,0 +1,162 @@
+import React from "react";
+import Dbm from "../../index.js";
+import Cookies from "js-cookie";
+
+export default class CookieBar extends Dbm.react.BaseObject {
+    _construct() {
+        super._construct();
+
+        this.getDynamicProp("open", false);
+
+        let shouldShow = Cookies.get("cookie/hideCookieBar") !== "1";
+
+        this.getDynamicProp("open").getMostUpstreamProperty().setValue(shouldShow);
+
+        this.item.setValue("widthElement", null);
+
+        let elementSize = new Dbm.flow.updatefunctions.dom.ElementSize();
+        this.item.setValue("elementSize", elementSize);
+
+        elementSize.input.properties.element.connectInput(this.item.properties.widthElement);
+        elementSize.start();
+
+        let layoutSwitch = new Dbm.flow.updatefunctions.logic.RangeSwitch();
+        layoutSwitch.input.properties.value.connectInput(elementSize.output.properties.width);
+
+        layoutSwitch.input.defaultValue = React.createElement("div", {className: "cookie-bar cookie-bar-padding"},
+            
+            React.createElement("div", {},
+                React.createElement("div", {"className": "cookie-bar-title"},
+                    "Your privacy is important to us"
+                ),
+                React.createElement("div", {"className": "cookie-bar-description"},
+                    "We use cookies to improve your experience on our site."
+                )
+            ),
+            React.createElement("div", {"className": "spacing small"}),
+            React.createElement("a", {"href": "/cookie-settings/", className:"custom-styled-link"},
+                React.createElement("div", {"className": "secondary-button standard-button-padding text-align-center"}, "Settings")
+            ),
+        
+            React.createElement("div", {"className": "spacing small"}),
+            React.createElement("div", {"className": "secondary-button standard-button-padding text-align-center", onClick: () => this._rejectAll()}, "Only necessary"),
+            React.createElement("div", {"className": "spacing small"}),
+            React.createElement("div", {"className": "standard-button standard-button-padding text-align-center",  onClick: () => this._acceptAll()}, "Allow all")
+        
+        );
+
+        let tabletLayout = React.createElement("div", {className: "cookie-bar cookie-bar-padding"},
+            
+            React.createElement("div", {},
+                React.createElement("div", {"className": "cookie-bar-title"},
+                    "Your privacy is important to us"
+                ),
+                React.createElement("div", {"className": "cookie-bar-description"},
+                    "We use cookies to improve your experience on our site."
+                )
+            ),
+            React.createElement("div", {"className": "spacing small"}),
+            
+            React.createElement("div", {"className": "flex-row small-item-spacing"}, 
+                React.createElement("div", {"className": "flex-row-item"},
+                    React.createElement("a", {"href": "/cookie-settings/", className:"custom-styled-link"},
+                        React.createElement("div", {"className": "secondary-button standard-button-padding"}, "Settings")
+                    )
+                ),
+                React.createElement("div", {"className": "flex-row-item"},
+                    React.createElement("div", {"className": "secondary-button standard-button-padding", onClick: () => this._rejectAll()}, "Only necessary")
+                ),
+                React.createElement("div", {"className": "flex-row-item"},
+                    React.createElement("div", {"className": "standard-button standard-button-padding",  onClick: () => this._acceptAll()}, "Allow all")
+                )
+            )
+        );
+
+        layoutSwitch.addValueForRange(tabletLayout, 700, 1100);
+
+        let desktopLayout = React.createElement("div", {className: "cookie-bar cookie-bar-padding"},
+            React.createElement("div", {"className": "flex-row small-item-spacing justify-between"}, 
+                React.createElement("div", {"className": "flex-row-item"},
+                    React.createElement("div", {"className": "cookie-bar-title"},
+                        "Your privacy is important to us"
+                    ),
+                    React.createElement("div", {"className": "cookie-bar-description"},
+                        "We use cookies to improve your experience on our site."
+                    )
+                ),
+                React.createElement("div", {"className": "flex-row-item"}, 
+                    React.createElement("div", {"className": "flex-row small-item-spacing"}, 
+                        React.createElement("div", {"className": "flex-row-item"},
+                            React.createElement("a", {"href": "/cookie-settings/", className:"custom-styled-link"},
+                                React.createElement("div", {"className": "secondary-button standard-button-padding"}, "Settings")
+                            )
+                        ),
+                        React.createElement("div", {"className": "flex-row-item"},
+                            React.createElement("div", {"className": "secondary-button standard-button-padding", onClick: () => this._rejectAll()}, "Only necessary")
+                        ),
+                        React.createElement("div", {"className": "flex-row-item"},
+                            React.createElement("div", {"className": "standard-button standard-button-padding",  onClick: () => this._acceptAll()}, "Allow all")
+                        )
+                    )
+                )
+            )
+        );
+
+        layoutSwitch.addValueForRange(desktopLayout, 1100);
+
+        this.item.setValue("element", null);
+        this.item.properties.element.connectInput(layoutSwitch.output.properties.value);
+    }
+
+    _acceptAll() {
+        console.log("_acceptAll");
+
+        let options = {"expires": 365};
+
+        Cookies.set("cookie/allowPreferences", "1", options);
+        Cookies.set("cookie/allowStatistics", "1", options);
+        Cookies.set("cookie/allowMarketing", "1", options);
+        Cookies.set("cookie/hideCookieBar", "1", options);
+
+        let consentTime = (new Date()).toISOString();
+
+        Cookies.set("cookie/consentTime", consentTime);
+
+        Dbm.getInstance().repository.getItem("trackingController").allowStatistics = true;
+        Dbm.getInstance().repository.getItem("trackingController").allowMarketing = true;
+
+        this.getDynamicProp("open").getMostUpstreamProperty().setValue(false);
+    }
+
+    _rejectAll() {
+
+        let options = {"expires": 365};
+
+        Cookies.set("cookie/allowPreferences", "0", options);
+        Cookies.set("cookie/allowStatistics", "0", options);
+        Cookies.set("cookie/allowMarketing", "0", options);
+        Cookies.set("cookie/hideCookieBar", "1", options);
+
+        let consentTime = (new Date()).toISOString();
+
+        Cookies.set("cookie/consentTime", consentTime);
+
+        Dbm.getInstance().repository.getItem("trackingController").allowStatistics = false;
+        Dbm.getInstance().repository.getItem("trackingController").allowMarketing = false;
+
+        this.getDynamicProp("open").getMostUpstreamProperty().setValue(false);
+    }
+
+    _renderMainElement() {
+
+        let isOpen = this.getDynamicProp("open").value;
+        if(!isOpen) {
+            return null;
+        }
+
+        return this._createMainElement("div", {className: "cookie-bar-position", ref: this.createRef("widthElement")}, 
+            React.createElement(Dbm.react.area.InsertElement, {element: this.item.properties.element})
+        );
+    }
+}
+

package/react/cookies/CookieSettings.js

@@ -0,0 +1,118 @@
+import React from "react";
+import Dbm from "../../index.js";
+import Cookies from "js-cookie";
+
+export default class CookieSettings extends Dbm.react.BaseObject {
+    _construct() {
+        super._construct();
+
+        let settings = [];
+
+        {
+            let currentItem = this._createSetting("cookie/allowPreferences", "Preferences cookies", "These cookies allow a website to remember choices you have made in the past.");
+            settings.push(currentItem);
+        }
+
+        {
+            let currentItem = this._createSetting("cookie/allowStatistics", "Statistics cookies", "These cookies collect information about how you use a website, like which pages you visited and which links you clicked on. None of this information can be used to identify you. It is all aggregated and, therefore, anonymized. Their sole purpose is to improve website functions.");
+            settings.push(currentItem);
+        }
+
+        {
+            let currentItem = this._createSetting("cookie/allowMarketing", "Marketing cookies", "These cookies track your online activity to help advertisers deliver more relevant advertising or to limit how many times you see an ad. These cookies can share that information with other organizations or advertisers.");
+            settings.push(currentItem);
+        }
+
+        {
+            let currentItem = this._createSetting("cookie/hideCookieBar", "Hide cookie information when websites load", "Hides the cookie information and links that is displayed every time the website is loaded.");
+            settings.push(currentItem);
+        }
+
+        this.item.setValue("settings", settings);
+
+        this.item.setValue("consentTime", Cookies.get("cookie/consentTime"));
+    }
+
+    _createSetting(aName, aTitle, aDescription) {
+        let currentItem = new Dbm.repository.Item();
+
+        let fieldName = "field" + Dbm.getInstance().getNextId();
+            
+        currentItem.setValue("name", aName);
+
+        let currentValue = Cookies.get(aName) === "1";
+        currentItem.setValue("value", currentValue);
+        
+        let element = React.createElement("div", {"className": "flex-row small-item-spacing", "key": aName}, 
+            React.createElement("div", {"className": "flex-row-item"},
+                React.createElement(Dbm.react.form.Checkbox, {"type": "checkbox", "checked": currentItem.properties.value, "id": fieldName})
+            ),
+            React.createElement("div", {"className": "flex-row-item"},
+                React.createElement("label", {"htmlFor": fieldName}, 
+                    React.createElement("div", {"className": "cookie-settings-title"}, aTitle),
+                    React.createElement("div", {"className": "small-description cookie-description"}, aDescription)
+                ),
+            )
+        );
+        currentItem.setValue("element", element);
+
+        return currentItem;
+    }
+
+    _save() {
+        console.log("_save");
+
+        let settings = this.item.settings;
+        let options = {"expires": 365};
+
+        let currentArray = settings;
+        let currentArrayLength = currentArray.length;
+        for(let i = 0; i < currentArrayLength; i++) {
+            let currentSetting = currentArray[i];
+            let checked = currentSetting.value;
+            let name = currentSetting.name;
+            
+            Cookies.set(name, checked ? "1" : "0", options);
+
+            if(name === "cookie/allowStatistics") {
+                console.log(Dbm.getInstance().repository.getItem("trackingController"));
+                Dbm.getInstance().repository.getItem("trackingController").allowStatistics = checked;
+            }
+            else if(name === "cookie/allowMarketing") {
+                Dbm.getInstance().repository.getItem("trackingController").allowMarketing = checked;
+            }
+        }
+        
+        let consentTime = (new Date()).toISOString();
+
+        Cookies.set("cookie/consentTime", consentTime)
+        this.item.setValue("consentTime", consentTime, options);
+    }
+
+    _renderMainElement() {
+
+        let elements = this.item.settings.map((aSetting) => {
+            return aSetting.element;
+        })
+
+        return this._createMainElement("div", {}, 
+            React.createElement("div", {className: "body-text"},
+                React.createElement("div", {"className": "flex-row small-item-spacing"}, 
+                    React.createElement("div", {"className": "flex-row-item"},
+                        React.createElement("input", {"type": "checkbox", "checked": true, "disabled": true})
+                    ),
+                    React.createElement("div", {"className": "flex-row-item"}, 
+                        React.createElement("div", {"className": "cookie-settings-title"}, "Strictly necessary cookies"),
+                        React.createElement("div", {"className": "small-description cookie-description"}, "These cookies are essential for you to browse the website and use its features, such as accessing secure areas of the site.")
+                    )
+                ),
+                elements
+            ),
+            React.createElement("div", {"className": "spacing standard"}),
+            React.createElement("div", {"className": "flex-row justify-center"}, 
+                React.createElement("div", {"className": "standard-button standard-button-padding", onClick: () => this._save()}, "Save")
+            )
+        );
+    }
+}
+

package/react/cookies/index.js

@@ -0,0 +1,2 @@
+export {default as CookieSettings} from "./CookieSettings.js";
+export {default as CookieBar} from "./CookieBar.js";

package/react/form/Checkbox.js

@@ -0,0 +1,28 @@
+import Dbm from "../../index.js";
+
+export default class Checkbox extends Dbm.react.BaseObject {
+    _construct() {
+        super._construct();
+
+        this.getDynamicProp("checked", false);
+
+        this._callback_changeBound = this._callback_change.bind(this);
+    }
+
+    _callback_change(aEvent) {
+        //console.log("_callback_change");
+        //console.log(aEvent);
+
+        let checked = aEvent.target.checked;
+
+        this.getDynamicProp("checked").getMostUpstreamProperty().setValue(checked);
+    }
+
+    _renderMainElement() {
+
+        let checked = this.getDynamicProp("checked").value;
+
+        return this._createMainElement("input", {"type": "checkbox", "checked": checked, onChange: this._callback_changeBound});
+    }
+}
+

package/react/form/FormField.js

@@ -0,0 +1,28 @@
+import Dbm from "../../index.js";
+
+export default class FormField extends Dbm.react.BaseObject {
+    _construct() {
+        super._construct();
+
+        this.getDynamicProp("value", "");
+
+        this._callback_changeBound = this._callback_change.bind(this);
+    }
+
+    _callback_change(aEvent) {
+        //console.log("_callback_change");
+        //console.log(aEvent);
+
+        let value = aEvent.target.value;
+
+        this.getDynamicProp("value").getMostUpstreamProperty().setValue(value);
+    }
+
+    _renderMainElement() {
+
+        let value = this.getDynamicProp("value").value;
+
+        return this._createMainElement("input", {"value": value, onChange: this._callback_changeBound});
+    }
+}
+

package/react/form/index.js

@@ -0,0 +1,2 @@
+export {default as Checkbox} from "./Checkbox.js";
+export {default as FormField} from "./FormField.js";

package/react/index.js

@@ -0,0 +1,13 @@
+export {default as BaseObject} from "./BaseObject.js";
+export {default as RefToProperty} from "./RefToProperty.js";
+
+export * as modules from "./modules/index.js";
+export * as admin from "./admin/index.js";
+export * as blocks from "./blocks/index.js";
+export * as form from "./form/index.js";
+export * as cookies from "./cookies/index.js";
+export * as area from "./area/index.js";
+export * as context from "./context/index.js";
+export * as source from "./source/index.js";
+export * as text from "./text/index.js";
+export * as login from "./login/index.js";