@supersoniks/concorde 1.1.6 → 1.1.7

package/core/components/functional/fetch/fetch.d.ts

@@ -9,6 +9,7 @@ declare const Fetch_base: {
         isDefaultLoaderEnabled: boolean;
         isFetchEnabled: boolean;
         _fetchData(): Promise<void>;
+        onInvalidate: any;
         disconnectedCallback(): void;
         connectedCallback(): void;
         firstUpdated(): void;
@@ -47,6 +48,7 @@ declare const Fetch_base: {
  * * On peut appler la methode invalidate() sur son publishe pour declencher le rechargement des données
  */
 export declare class Fetch extends Fetch_base {
+    noAutofill: boolean;
     static styles: import("lit").CSSResult[];
     render(): import("lit-html").TemplateResult<1>;
 }

package/core/components/functional/fetch/fetch.js

@@ -20,6 +20,10 @@ import Fetcher from "@supersoniks/concorde/core/mixins/Fetcher";
  * * On peut appler la methode invalidate() sur son publishe pour declencher le rechargement des données
  */
 let Fetch = class Fetch extends Fetcher(Subscriber(LitElement)) {
+    constructor() {
+        super(...arguments);
+        this.noAutofill = true;
+    }
     render() {
         return html `<slot></slot>`;
     }

package/core/components/functional/list/list.d.ts

@@ -11,6 +11,7 @@ declare const List_base: {
         isDefaultLoaderEnabled: boolean;
         isFetchEnabled: boolean;
         _fetchData(): Promise<void>;
+        onInvalidate: any;
         disconnectedCallback(): void;
         connectedCallback(): void;
         firstUpdated(): void;

package/core/components/functional/subscriber/subscriber.d.ts

@@ -4,6 +4,7 @@ declare const SonicSubscriber_base: (new (...args: any[]) => import("@supersonik
  * Voir la partie dédiée dans *MISCALLENOUS*
  */
 export declare class SonicSubscriber extends SonicSubscriber_base {
+    noAutofill: boolean;
     connectedCallback(): void;
     render(): import("lit-html").TemplateResult<1>;
 }

package/core/components/functional/subscriber/subscriber.js

@@ -11,6 +11,10 @@ import Subscriber from "@supersoniks/concorde/core/mixins/Subscriber";
  * Voir la partie dédiée dans *MISCALLENOUS*
  */
 let SonicSubscriber = class SonicSubscriber extends Subscriber(LitElement) {
+    constructor() {
+        super(...arguments);
+        this.noAutofill = true;
+    }
     connectedCallback() {
         this.noShadowDom = "";
         super.connectedCallback();

package/core/core.js

@@ -2,6 +2,9 @@ import "./components/functional/functional";
 import "./components/ui/ui";
 import "./mixins/mixins";
 import { PublisherManager } from "@supersoniks/concorde/core/utils/PublisherProxy.mjs";
+import DataBindObserver from "./utils/DataBindObserver";
 let win = window;
-if (!win.PublisherManager)
+if (!win.SonicPublisherManager)
     win.SonicPublisherManager = PublisherManager;
+if (!win.SonicDataBindObserver)
+    win.SonicDataBindObserver = DataBindObserver;

package/core/mixins/Fetcher.d.ts

@@ -38,6 +38,7 @@ declare const Fetcher: <T extends Constructor<SubscriberInterface>>(superClass:
          * Un Toast est affiché si le chargement échoue
          */
         _fetchData(): Promise<void>;
+        onInvalidate: any;
         disconnectedCallback(): void;
         connectedCallback(): void;
         /**

package/core/mixins/Fetcher.js

@@ -89,7 +89,7 @@ const Fetcher = (superClass) => {
         disconnectedCallback() {
             var _a;
             super.disconnectedCallback();
-            (_a = this.publisher) === null || _a === void 0 ? void 0 : _a.offInvalidate(() => this._fetchData());
+            (_a = this.publisher) === null || _a === void 0 ? void 0 : _a.offInvalidate(this.onInvalidate);
             this.isFirstLoad = false;
         }
         connectedCallback() {
@@ -105,7 +105,8 @@ const Fetcher = (superClass) => {
             if (this.props) {
                 this.publisher.set(this.props);
             }
-            (_a = this.publisher) === null || _a === void 0 ? void 0 : _a.onInvalidate(() => this._fetchData());
+            this.onInvalidate = () => this._fetchData();
+            (_a = this.publisher) === null || _a === void 0 ? void 0 : _a.onInvalidate(this.onInvalidate);
             const lazyLoad = this.getAncestorAttributeValue("lazyload");
             if (lazyLoad === null) {
                 this._fetchData();

package/core/mixins/Subscriber.js

@@ -47,6 +47,14 @@ const Subscriber = (superClass) => {
     class SubscriberElement extends superClass {
         constructor(...args) {
             super();
+            /**
+             * noAutoFill permet de désactiver le remplissage automatique des propriétés par le publisher dans le cas ou on utilise "props" seulement ou le dataBinding par exemple
+             */
+            this.noAutoFill = false;
+            /**
+             *
+             */
+            this.renderOnPropsInternalChange = false;
             /**
              * Par défaut on chée un shadow dom mais on peut demander à ne pas en avoir via cette propriété et un attribut associé.
              * Cela se fait à l'initialisation uniquement et n'est pas modifiable lors de la vie du composant.
@@ -179,8 +187,12 @@ const Subscriber = (superClass) => {
         disconnectedCallback() {
             this.removeDebugger();
             super.disconnectedCallback();
-            if (this.publisher)
+            if (this.publisher) {
                 this.publisher.stopTemplateFilling(this);
+                this.publisher.offInternalMutation(this.requestUpdate());
+            }
+            if (this.wordingPublisher)
+                this.wordingPublisher.stopTemplateFilling(this);
             if (this.onAssign)
                 this.publisher.offAssign(this.onAssign);
         }
@@ -263,12 +275,6 @@ const Subscriber = (superClass) => {
             }
             return { serviceURL, token, userName, password, tokenProvider };
         }
-        /**
-         * Initialise le remplisage automatique des traductions / du wording
-         * Un publisher spécifique est créé pour le composant à l'adresse "sonic-wording"
-         * Le composant recherche la valeur de l'attribute "wordingProvider" que contient le point d'accès à l'api de traduction / libellés
-         * Il utilise ce service et le publisher créé pour remplir automatiquement toutes les propriétés préfixées avec "wording_".
-         */
         initWording() {
             return __awaiter(this, void 0, void 0, function* () {
                 let hasWording = false;
@@ -304,6 +310,7 @@ const Subscriber = (superClass) => {
                         }
                     }
                     publisher.startTemplateFilling(this);
+                    this.wordingPublisher = publisher;
                 }
             });
         }
@@ -325,6 +332,7 @@ const Subscriber = (superClass) => {
                 return;
             if (this.publisher) {
                 this.publisher.stopTemplateFilling(this);
+                this.publisher.offInternalMutation(this.requestUpdate);
                 if (this.onAssign)
                     this.publisher.offAssign(this.onAssign);
             }
@@ -355,7 +363,10 @@ const Subscriber = (superClass) => {
                     this.requestUpdate();
                 };
                 this.publisher.onAssign(this.onAssign);
-                this.publisher.startTemplateFilling(this);
+                if (!this.noAutoFill)
+                    this.publisher.startTemplateFilling(this);
+                if (this.renderOnPropsInternalChange)
+                    this.publisher.onInternalMutation(this.requestUpdate);
                 if (this._props) {
                     this.publisher.set(this._props);
                 }

package/core/utils/DataBindObserver.d.ts

@@ -22,6 +22,8 @@ export default class DataBindObserver {
     /**
      * Commencer à observer un élément html.
      */
+    static enabled: boolean;
+    static disable(): void;
     static observe(element: HTMLElement): void;
     /**
      * Arrêter à observer un élément html.

package/core/utils/DataBindObserver.js

@@ -10,10 +10,17 @@ import { PublisherManager } from "@supersoniks/concorde/core/utils/PublisherProx
  * Voir la doc de subscriber à ce sujet car il l'utilise par défaut.
  */
 export default class DataBindObserver {
-    /**
-     * Commencer à observer un élément html.
-     */
+    static disable() {
+        if (!this.enabled)
+            return;
+        this.enabled = false;
+        Array.from(DataBindObserver.observedElements.keys()).forEach((k) => DataBindObserver.unObserve(k));
+        console.log("disabled");
+    }
     static observe(element) {
+        if (!DataBindObserver.enabled)
+            return;
+        console.log("Observe");
         if (DataBindObserver.observedElements.has(element))
             return;
         let obs = new MutationObserver(DataBindObserver.onMutation);
@@ -252,5 +259,12 @@ export default class DataBindObserver {
  * Maintient la liste des éléments observés de manière à pouvoir les désinscrire quand ils sont supprimés.
  */
 DataBindObserver.observedElements = new Map();
+/**
+ * Commencer à observer un élément html.
+ */
+DataBindObserver.enabled = true;
 DataBindObserver.publisherListeners = new Map();
 DataBindObserver.observe(document.documentElement);
+let win = window;
+if (!win.SonicDataBindObserver)
+    win.SonicDataBindObserver = DataBindObserver;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@supersoniks/concorde",
-  "version": "1.1.6",
+  "version": "1.1.7",
   "customElements": "custom-elements.json",
   "license": "MIT",
   "publishConfig": {

package/bin/cli.js

@@ -1,35 +0,0 @@
-#!/usr/bin/env node
-
-const { execSync } = require('child_process');
-const runCommand = command => {
-  try {
-    execSync(command, { stdio: "inherit" });
-  } catch (e) {
-    console.error(`Failed to execute ${command}`, e);
-    return false;
-  }
-  return true;
-}
-const repoName = process.argv[2];
-const gitCheckoutCommand = `git clone --depth 1 https://github.com/ladigitale/concorde-ts-starter ${repoName}`;
-const removeDotGitCommand = `rm -rf ${repoName}/.git`;
-const installDepsCommand = `cd ${repoName} && yarn install`
-const enableShortPathCmd = `cd ${repoName} && npx concorde enable-short-paths`;
-console.log(`Cloning repository with name ${repoName}`);
-const checkout = runCommand(gitCheckoutCommand)
-if (!checkout) process.exit(-1);
-
-const removeDotGit = runCommand(removeDotGitCommand);
-if (!removeDotGit) process.exit(-1);
-
-console.log(`installing dependencies for ${repoName}`);
-const installDeps = runCommand(installDepsCommand);
-if (!installDeps) process.exit(-1);
-
-const enableShortPath = runCommand(enableShortPathCmd);
-if (!enableShortPath) process.exit(-1);
-
-
-console.log("Congratulations! You are ready. Follow the following commands to start");
-console.log(`cd ${repoName} && yarn dev`);
-