@jinntec/fore 1.7.2 → 1.8.0

package/index.js

@@ -56,6 +56,7 @@ import './src/actions/fx-reload.js';
 import './src/actions/fx-reset.js';
 import './src/actions/fx-load.js';
 import './src/actions/fx-toggleboolean.js';
+import './src/actions/fx-call.js';
 
 import './src/functions/fx-function.js';
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jinntec/fore",
-  "version": "1.7.2",
+  "version": "1.8.0",
   "description": "Fore - declarative user interfaces in plain HTML",
   "module": "./index.js",
   "publishConfig": {
@@ -82,7 +82,7 @@
     "start:build": "cd dist && es-dev-server --open",
     "build": "rimraf dist && rollup -c rollup.config.js",
     "start": "es-dev-server --app-index doc/index.html --node-resolve --watch --open",
-    "postinstall": "cd demo && npm i"
+    "install-demos": "cd demo && npm i"
   },
   "keywords": [
     "Fore",

package/src/actions/fx-call.js

@@ -0,0 +1,74 @@
+import '../fx-model.js';
+import {AbstractAction} from './abstract-action.js';
+import {evaluateXPath, evaluateXPathToString} from "../xpath-evaluation.js";
+import {Fore} from "../fore";
+import getInScopeContext from "../getInScopeContext";
+
+/**
+ * `fx-call`
+ *
+ * @customElement
+ */
+export default class FxCall extends AbstractAction {
+    static get properties() {
+        return {
+            ...super.properties,
+            action: {
+                type: String,
+            },
+            fn: {
+                type: String,
+            },
+        };
+    }
+
+    constructor() {
+        super();
+        this.action = '';
+        this.fn = '';
+    }
+
+    connectedCallback() {
+        if (super.connectedCallback) {
+            super.connectedCallback();
+        }
+        if (this.hasAttribute('action')) {
+            this.action = this.getAttribute('action');
+        } else if(this.hasAttribute('function')){
+            this.fn = this.getAttribute('function');
+
+        }else{
+            throw new Error('fx-call must specify an "action" or "function" attribute');
+        }
+    }
+
+    async perform() {
+        super.perform();
+        if(this.action){
+            await this._callAction();
+        }
+        // execute function
+        if(this.fn){
+            this._callFunction();
+        }
+    }
+
+    /**
+     * find action and execute it
+      */
+    async _callAction(){
+        const action = document.querySelector(`#${this.action}`);
+        if(action){
+            await action.perform();
+        }
+    }
+
+    _callFunction(){
+        const inscope = getInScopeContext(this, 'instance()',this);
+        evaluateXPath(this.fn, inscope, this);
+    }
+}
+
+if (!customElements.get('fx-call')) {
+    window.customElements.define('fx-call', FxCall);
+}

package/src/fx-instance.js

@@ -20,8 +20,7 @@ async function handleResponse(response) {
     );
   }
   if (
-    responseContentType.startsWith('text/plain') ||
-    responseContentType.startsWith('text/markdown')
+    responseContentType.startsWith('text/')
   ) {
     // console.log("********** inside  res plain *********");
     return response.text();
@@ -207,6 +206,10 @@ export class FxInstance extends HTMLElement {
       this.instanceData = {};
       this.originalInstance = [...this.instanceData];
     }
+    if(this.type === 'text'){
+      this.instanceData = '';
+      this.originalInstance = '';
+    }
   }
 
   async _loadData() {

package/src/fx-submission.js

@@ -242,6 +242,9 @@ export class FxSubmission extends foreElementMixin(HTMLElement) {
         if (serialized && instance.getAttribute('type') === 'json') {
             data = JSON.parse(serialized);
         }
+        if (serialized && instance.getAttribute('type') === 'text') {
+            data = serialized;
+        }
         return data;
     }
 
@@ -263,6 +266,9 @@ export class FxSubmission extends foreElementMixin(HTMLElement) {
             // console.warn('JSON serialization is not yet supported')
             return JSON.stringify(relevantNodes);
         }
+        if (instanceType === 'text') {
+            return relevantNodes;
+        }
         throw new Error('unknown instance type ', instanceType);
     }
 
@@ -394,10 +400,17 @@ export class FxSubmission extends foreElementMixin(HTMLElement) {
         }
 
         if (this.replace === 'all') {
-            document.open();
-            document.write(data);
-            document.close();
-            window.location.href = resolvedUrl;
+            const target = this._getProperty('target');
+            if(target && target === '_blank'){
+                const win = window.open("", "_blank");
+                win.document.write(data);
+                win.document.close();
+            }else{
+                document.open();
+                document.write(data);
+                document.close();
+                window.location.href = resolvedUrl;
+            }
             // document.getElementsByTagName('html')[0].innerHTML = data;
         }
         if (this.replace === 'target' && contentType.startsWith('text/html')) {