notetec=md`## Notes techniques

Dans le contexte Observable l'objet des données est statique et provient d'un fichier .json. 
Sur le serveur ce même fichier est dynamique ...

### from observable to NPDS cms ...

en préambule il est recommander d'identifier les cellules afin de pouvoir les manipuler lors de l'intégration

- télécharger (Notebook actions > download) 
- modification si besoin du nom de dossier généré
- modification des noms et appels de fichier :
  
  - dans le dossier files remplacer le hash par un nom de fichier humainement lisible (c'est donc ce fichier qui   deviendra dynamique, mise à jour par le cms)
  - dans le fichier js qui contient la const fileAttachments remplacer dans cette constante la valeur de new URL par le chemin d'acces et le nom de votre fichier

- modification du fichier index.html :
    - remplacer les path des import (index.js et runtime.js) par le chemin contextuel
    - supprimer les balises html inutiles
    - ajouter des balise html div au id des cellules que vous voulez afficher
    - modifier le script pour n'afficher que les cellules choisies
   
+
~~~js
import define from "./static/plansite/index.js";
import {Runtime, Library, Inspector} from "./static/plansite/runtime.js";

-
import define from "./static/plansite/index.js";  import {Runtime, Library, Inspector} from "./static/plansite/runtime.js";
  const runtime = new Runtime();
+
const runtime = new Runtime();

const renders = {"charttitr": "#charttitr","chart": "#chart","aide":"#aide"};
   for (let i in renders)
      renders[i] = document.querySelector(renders[i]);
   const main = runtime.module(define, name => {
   if (renders[name])
      return new Inspector(renders[name]);
   else return true;
   })
+
~~~

-
- uploader sur le serveur l'ensemble du code généré

and that's all ...





`;