@startinblox/core 0.18.0-beta.4 → 0.18.1

package/dist/mixins/requiredMixin.js

@@ -1,4 +1,3 @@
-import { store } from '../libs/store/store.js';
 const RequiredMixin = {
   name: 'required-mixin',
   use: [],
@@ -12,20 +11,9 @@ const RequiredMixin = {
       for (let resource of resources) {
         let hasProps = true;
         for (let field of requiredFields) {
-          // Retrieve resource from store
-          let res = store.get(resource['@id']);
-          if (!res && !resource[field] && !(await resource[field])) {
-            //TODO: refactor to better handle this edge case where res is either the direct resource or a proxy
-            res = await store.getData(resource['@id'], this.context);
-            if (!res || res[field] == null || res[field] == "") {
-              hasProps = false;
-              continue;
-            }
-          } else if (res) {
-            if ((await res[field]) == null || (await res[field]) == "") {
-              hasProps = false;
-              continue;
-            }
+          if ((await resource[field]) == null || (await resource[field]) == "") {
+            hasProps = false;
+            continue;
           }
         }
         if (hasProps) displays.push(resource);

package/dist/mixins/storeMixin.js

@@ -35,17 +35,6 @@ const StoreMixin = {
     nestedField: {
       type: String,
       default: null
-    },
-    arrayField: {
-      type: String,
-      default: null,
-      callback: function (value) {
-        if (value) this.predicateName = store.getExpandedPredicate(this.arrayField, this.context);
-      }
-    },
-    predicateName: {
-      type: String,
-      default: null
     }
   },
   initialState: {
@@ -78,26 +67,7 @@ const StoreMixin = {
     if (!value || value == "undefined") return;
     this.resourceId = value;
     if (this.nestedField) {
-      // First step: store.getData
       const resource = await store.getData(value, this.context);
-
-      // Which internally triggers store.fetchData -> Fine
-
-      // Which triggers store.fetchAuthn -> Fine
-
-      // Once done it calls store.cacheGraph
-
-      // And the issue seems to reside in the caching ?
-
-      // How is computed the key to cache the nested resource with proper id like 
-      // http:///localhost:3000/examples/data/list/group-3.jsonld#foaf:member ?
-      // Should it be:
-      //    - http:///localhost:3000/examples/data/list/group-3.jsonld#foaf:member
-      //    - _:b1/examples/data/list/group-3.jsonld#foaf:member
-      //    - _:b9/examples/data/list/group-3.jsonld
-      //    - examples/data/list/group-3.jsonld#foaf:member
-
-      // So the work is in cacheGraph ?
       const nestedResource = resource ? await resource[this.nestedField] : null;
       this.resourceId = nestedResource ? nestedResource['@id'] : null;
       if (!this.resourceId) throw `Error: the key "${this.nestedField}" does not exist on the resource`;

package/dist/mixins/widgetMixin.js

@@ -53,12 +53,6 @@ const WidgetMixin = {
         resource = res;
         break;
       }
-    } else if (resource && this.arrayField && this.predicateName) {
-      // if array, keep the 1rst resource
-      for (let res of resource[this.predicateName]) {
-        resource = res;
-        break;
-      }
     }
     if (!this.dataSrc) console.error(new Error('You must provide a "fields" attribute'));
     if (!resource) return [];
@@ -120,10 +114,6 @@ const WidgetMixin = {
    * @param resource - Resource
    */
   async fetchValue(field, resource) {
-    if (resource && !resource.isContainer?.()) {
-      let fieldValue = await resource[field];
-      if (Array.isArray(fieldValue) && !fieldValue['ldp:contains']) return JSON.stringify(fieldValue);
-    }
     return resource && !resource.isContainer?.() ? await resource[field] : undefined;
   },
   /**
@@ -170,7 +160,8 @@ const WidgetMixin = {
    * @param field - string
    * @param isSet - boolean
    */
-  getWidget(field, isSet = false) {
+  getWidget(field) {
+    let isSet = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
     const widget = this.element.getAttribute('widget-' + field);
     if (widget) return this.widgetFromTagName(widget);
     if (this.getAction(field)) return this.widgetFromTagName('solid-action');
@@ -232,7 +223,9 @@ const WidgetMixin = {
    * Creates and return a widget for field + add it to the widget list
    * @param field - string
    */
-  async createWidgetTemplate(field, resource = null, transformAttributes = false) {
+  async createWidgetTemplate(field) {
+    let resource = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+    let transformAttributes = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
     if (this.isString(field)) return this.createString(field); // field is a static string
     if (this.isSet(field)) return await this.createSet(field);
     const currentResource = resource || this.resource;

package/dist/new-widgets/templates/formTemplatesDirectory.js

@@ -176,14 +176,17 @@ export const formTemplates = {
             ${el.label}
           </option>
         `)}
-        ${Object.entries(attributes.enum || []).map(([key, val]) => html`
+        ${Object.entries(attributes.enum || []).map(_ref => {
+      let [key, val] = _ref;
+      return html`
           <option
             value="${key}"
             ?selected=${!attributes.multiple ? value === key : attributes.values.includes(key)}
           >
             ${val}
           </option>
-        `)}
+        `;
+    })}
       </select>
     `,
     dependencies: [FormDropdownMixin, FormMixin, RangeMixin]
@@ -204,7 +207,9 @@ export const formTemplates = {
             > <span>${el.label}</span>
           </label>
         `)}
-        ${Object.entries(attributes.enum || []).map(([key, val]) => html`
+        ${Object.entries(attributes.enum || []).map(_ref2 => {
+      let [key, val] = _ref2;
+      return html`
           <label>
             <input
               type="radio"
@@ -214,7 +219,8 @@ export const formTemplates = {
               ?checked=${value === key}
             > <span>${val}</span>
           </label>
-        `)}
+        `;
+    })}
     `,
     dependencies: [FormRadioMixin, FormMixin, RangeMixin]
   },
@@ -232,13 +238,16 @@ export const formTemplates = {
             /> <span>${el.label}</span>
           </label>
         `)}
-        ${Object.entries(attributes.enum || []).map(([key, val]) => html`
+        ${Object.entries(attributes.enum || []).map(_ref3 => {
+      let [key, val] = _ref3;
+      return html`
           <label>
             <input type="checkbox"
               value="${key}"
             /> <span>${val}</span>
           </label>
-        `)}
+        `;
+    })}
       </select>
     `,
     dependencies: [FormCheckboxesMixin, FormMixin, RangeMixin]

package/dist/new-widgets/templatesDependencies/formDropdownMixin.js

@@ -28,9 +28,6 @@ const FormDropdownMixin = {
   },
   created() {
     this.listAttributes['values'] = [];
-    if (this.listAttributes['value'] && !JSON.parse(this.listAttributes['value']['@id']) && Array.isArray(JSON.parse(this.listAttributes['value']))) {
-      this.listAttributes['values'] = this.listAttributes['value'];
-    }
     if (this.multiple) this.listAttributes['multiple'] = true;
   },
   dispatchChange() {

package/dist/new-widgets/templatesDependencies/multipleFormMixin.js

@@ -79,7 +79,8 @@ const MultipleFormMixin = {
 
     this.planRender();
   },
-  insertWidget(value = '') {
+  insertWidget() {
+    let value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
     if (!this.widget) return;
     const widget = document.createElement(this.widget);
     const attributes = {
@@ -99,12 +100,7 @@ const MultipleFormMixin = {
   },
   getValue() {
     if (!this.dataHolder) return [];
-    // Was returning an array of functions, now returns an array of values.
-    // Not sure about the tests results in that context
-    return Array.from(this.dataHolder).map(element => {
-      let elValue = this.getValueFromElement(element);
-      return elValue;
-    });
+    return Array.from(this.dataHolder).map(element => this.getValueFromElement(element));
   },
   get type() {
     return 'resource';

package/dist/new-widgets/templatesDependencies/multipleselectFormMixin.js

@@ -38,21 +38,12 @@ const MultipleselectFormMixin = {
     this.listValueTransformations.push(this.setDataSrc.bind(this));
   },
   setDataSrc(value, listValueTransformations) {
-    if (value && value !== this.dataSrc) {
-      try {
-        if (Array.isArray(JSON.parse(value))) {
-          this.setValue(JSON.parse(value));
-        }
-      } catch (ex) {
-        this.dataSrc = value;
-        console.log('Not an array', ex);
-      }
-    }
+    if (value && value !== this.dataSrc) this.dataSrc = value;
     const nextProcessor = listValueTransformations.shift();
     if (nextProcessor) nextProcessor(value, listValueTransformations);
   },
   populate() {
-    if (!this.resource || !this.resource['ldp:contains'] && !Array.isArray(this.resource)) return;
+    if (!this.resource || !this.resource['ldp:contains']) return;
     this.setValue(this.resource['ldp:contains']);
     this.planRender();
   },

package/dist/widgets/baseWidget.js

@@ -4,8 +4,8 @@ function _toPrimitive(input, hint) { if (typeof input !== "object" || input ===
 import { evalTemplateString } from '../libs/helpers.js';
 import { store } from '../libs/store/store.js';
 export class BaseWidget extends HTMLElement {
-  constructor(...args) {
-    super(...args);
+  constructor() {
+    super(...arguments);
     _defineProperty(this, "src", void 0);
     _defineProperty(this, "multiple", void 0);
     _defineProperty(this, "editable", void 0);
@@ -155,7 +155,7 @@ export class BaseWidget extends HTMLElement {
       if (!res) {
         // child not in cache yet
         try {
-          const resourceId = resource.getChildren('ldp:contains')[index]['@id'];
+          const resourceId = resource.getChildren()[index]['@id'];
           res = await store.getData(resourceId, this.context);
         } catch (e) {
           continue;
@@ -210,7 +210,8 @@ export class BaseWidget extends HTMLElement {
   subscribe(event) {
     this._listen(event);
   }
-  _listen(id, callback = () => {}) {
+  _listen(id) {
+    let callback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : () => {};
     if (!this._subscriptions.get(id)) {
       this._subscriptions.set(id, PubSub.subscribe(id, async () => {
         await callback();

package/dist/widgets/widget-factory.js

@@ -1,6 +1,8 @@
 import { BaseWidget } from './baseWidget.js';
 import { defineComponent } from '../libs/helpers.js';
-export const widgetFactory = (tagName, customTemplate, childTemplate = '', callback) => {
+export const widgetFactory = function (tagName, customTemplate) {
+  let childTemplate = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
+  let callback = arguments.length > 3 ? arguments[3] : undefined;
   const registered = customElements.get(tagName);
   if (registered) return registered;
   const cls = class extends BaseWidget {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@startinblox/core",
-  "version": "0.18.0-beta.4",
+  "version": "0.18.1",
   "description": "This is a series of web component respecting both the web components standards and the Linked Data Platform convention.",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -13,7 +13,7 @@
   ],
   "scripts": {
     "build": "snowpack build --polyfill-node",
-    "watch": "snowpack build --polyfill-node --watch",
+    "watch": "npm run build -- --watch",
     "serve": "node --watch server.js",
     "dev": "concurrently -n 'WATCH,SERVE' -c 'yellow.bold,magenta.bold' 'npm run watch' 'npm run serve'",
     "check-types": "tsc",
@@ -93,8 +93,6 @@
     "express": "^4.17.1",
     "find-free-port": "^2.0.0",
     "fuse.js": "^6.4.6",
-    "semver": "7.5.4",
-    "jsonld": "^8.3.1",
     "jsonld-context-parser": "^1.3.4",
     "leaflet": "1.7.1",
     "leaflet.markercluster": "1.5.3",
@@ -110,7 +108,8 @@
     "ts-node": "^9.1.1",
     "tui-calendar": "^1.13.0",
     "typescript": "^4.1.3",
-    "wait-on": "^5.2.1"
+    "wait-on": "^5.2.1",
+    "semver": "^7.4.0"
   },
   "dependencies": {
     "cors": "^2.8.5"

package/dist/_snowpack/pkg/common/_commonjsHelpers-0597c316.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"_commonjsHelpers-0597c316.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;"}