@osfarm/itineraire-technique 1.2.0 → 1.2.2

package/.github/copilot-instructions.md

@@ -0,0 +1,56 @@
+# Copilot Instructions for TIKA Itineraire Technique
+
+## Project Overview
+This project visualizes agricultural technical itineraries (sequences of interventions on a plot) for analysis and documentation. It provides both a visualizer and an editor, designed for easy integration into web pages and use on Triple Performance.
+
+## Architecture & Key Components
+- **HTML files**: Main entry points (`visualisateur.html`, `editor.html`, etc.)
+- **JS directory**: Core logic for rendering charts, editing, exporting, and managing interventions. Key files:
+  - `chart-render.js`: Main chart rendering logic (frise and rotation views)
+  - `editor-attributes.js`, `editor-crops.js`, `editor-export.js`, `editor-interventions.js`, `editor-wiki-editor.js`: Editor and data manipulation modules
+- **CSS/SCSS**: Styling for both editor and rendering views
+- **test/**: Contains example JSON data and templates for validation and development
+
+## Data Flow & Integration
+- Input data is provided as JSON, following the format in `test/test.json` and `test.after.json`
+- Rendering is performed by instantiating `RotationRenderer` with a target div and JSON data
+- External dependencies: Apache Echarts, JQuery, Bootstrap, Underscore (included via CDN in HTML)
+
+## Developer Workflows
+- **Build**: No complex build system; use npm to install and copy files as needed
+  - Example: `npm i @osfarm/itineraire-technique`
+  - Copy JS/CSS from `node_modules` to local `js/` and `css/` folders
+- **Testing**: Use the sample JSON files in `test/` for manual validation; no automated test runner
+- **Debugging**: Open HTML files in browser, use browser dev tools; inspect JSON format and rendering
+
+## Project-Specific Conventions
+- All rendering logic expects a specific JSON schema (see `test/test.json`)
+- Editor modules are split by concern (attributes, crops, interventions, etc.)
+- No framework; vanilla JS modules and direct DOM manipulation
+- CSS/SCSS files are mapped 1:1 to editor and rendering views
+
+## Integration Points
+- Designed for easy embedding in any HTML page
+- Used on Triple Performance and Google Spreadsheet add-on
+- Can be extended by adding new JS modules or updating JSON schema
+
+## Example Usage
+```js
+let renderer = new RotationRenderer('uneDIVID', jsonData);
+renderer.render();
+```
+
+## Key Files & Directories
+- `js/chart-render.js`: Main chart logic
+- `test/test.json`: Example data format
+- `editor.html`, `visualisateur.html`: Entry points
+- `css/styles-rendering.css`, `css/styles-editor.css`: Styling
+
+## Tips for AI Agents
+- Always validate JSON input against `test/test.json`
+- When adding features, follow the modular JS file structure
+- Reference CDN links for dependencies in HTML
+- Prefer direct DOM manipulation and vanilla JS patterns
+
+---
+For questions about unclear conventions or missing documentation, ask the user for clarification or examples from their workflow.

package/.github/workflows/publish.yml

@@ -0,0 +1,34 @@
+name: Publish to npmjs
+
+permissions:
+  contents: read
+  id-token: write
+
+on:
+  push:
+    branches:
+      - main
+
+jobs:
+  publish:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: '24'
+          registry-url: 'https://registry.npmjs.org/'
+
+      - name: Install dependencies
+        run: npm install
+
+      - name: Build (if needed)
+        run: npm run build
+        continue-on-error: true
+
+      - name: Publish to npmjs
+        run: npm publish --provenance --access public
+

package/README.md

@@ -24,42 +24,10 @@ Le visualisateur est fourni avec un éditeur qui permet de créer son propre iti
 Ce visualisateur est avant tout conçu pour être utilisé sur [Triple Performance](https://wiki.tripleperformance.fr/). Vous y trouverez de [nombreux](https://wiki.tripleperformance.fr/wiki/Retours_d%27exp%C3%A9rience) [retours d'expérience](https://wiki.tripleperformance.fr/wiki/Ferme_de_Longueil) documentés avec des données technico-économiques ainsi que les itinéraires techniques associés. Les itinéraires peuvent être créés alors directement dans [Google Spreadsheet](https://wiki.tripleperformance.fr/wiki/Aide:Ins%C3%A9rer_des_graphiques_dans_une_page) grâce à l'[add-on](https://workspace.google.com/marketplace/app/triple_performance/427792115089) spécifiquement conçu pour Google Workspace.
 
 ## Utilisation dans un autre contexte / logiciel
-
 Il est possible d'utiliser cette librairie très facilement dans n'importe quel outil. Le visualisateur a été conçu pour être très facile à intégrer dans une page HTML, il ne dépend que de briques Javascript (Apache Echarts, JQuery et Bootstrap). N'hésitez pas à nous contacter si vous décidez de l'utiliser et à contribuer si vous faites des évolutions !
-
-### 🆕 Composants React/Next.js
-
-**Nouveauté version 1.2.0** : Le projet inclut désormais des composants React/Next.js prêts à l'emploi !
-
-```bash
-npm i @osfarm/itineraire-technique
-```
-
-**Utilisation rapide avec React/Next.js :**
-
-```tsx
-import { TikaRenderer } from '@osfarm/itineraire-technique/react';
-
-function MyComponent() {
-  const data = { /* vos données JSON */ };
-  return <TikaRenderer data={data} />;
-}
-```
-
-**📚 [Documentation complète React/Next.js](react/README.md)**
-
-Consultez le guide complet avec :
-- Composants `TikaRenderer` et `TikaEditor`
-- Hooks personnalisés (`useItineraire`, etc.)
-- Types TypeScript
-- Exemples Next.js App Router et Pages Router
-- Configuration et intégration
-
-**🔗 [Exemples d'intégration](examples/)**
-
-### Utilisation vanilla JS/HTML
  
-Pour utiliser le package en JavaScript vanilla, le plus simple est d'utiliser npm :
+
+Pour utiliser le package, le plus simple est d'utiliser npm :
 
 ```
 npm i @osfarm/itineraire-technique

package/css/styles-editor.css

@@ -1 +1 @@
-.main-header{background-color:#6fa76f;color:#fff;height:3rem;display:flex;align-items:center}.main-header .btn.show,.main-header .btn:first-child:active,.main-header :not(.btn-check)+.btn:active{background-color:#026602}.editor-view{overflow-y:auto;height:calc(100vh - 4rem)}.rotation_item .step-edit{color:#878787;cursor:pointer;display:none;margin-left:10px;font-size:70%;vertical-align:super}.rotation_item:hover .step-edit{display:inline !important}.welcome-view{background-color:#6fa76f;color:#fff;padding:1rem;margin-top:1rem;border-radius:1rem}.welcome-view #cropsContainer{color:green}.card-white{background-color:#fff;padding:1rem;border-radius:1rem}.card-holder{background-color:#f5f5f5;padding:1rem;border-radius:1rem;margin:auto}.editable-row{background-color:#f7f7f7;min-height:3rem;display:flex;align-items:center;border-radius:.5rem}.editable-row .edit-buttons{visibility:hidden}.editable-row:hover>.edit-buttons{visibility:visible}.intervention-row{background:#e0e0e0}.primary-button{color:#fff;background-color:green;border:green}.primary-button:hover{background-color:#026602}.close-step-times{background:none;border:none;color:#878787;font-size:120%}.close-step-times:hover{color:#494949}#cropsContainer .drag-handle{color:#ccc;font-weight:normal;font-size:86%;margin-right:10px;vertical-align:middle;cursor:grab}#cropsContainer div.col{cursor:pointer}.form-control.text-right{text-align:right}.modal .form-label{font-weight:600}#code-snippet{font-family:monospace;font-size:13px;text-align:left;border:1px inset;background-color:#f1f1f1}#attributeName,#interventionName{font-weight:bold}/*# sourceMappingURL=styles-editor.css.map */
+.main-header{background-color:#6fa76f;color:#fff;height:3rem;display:flex;align-items:center}.main-header .btn.show,.main-header .btn:first-child:active,.main-header :not(.btn-check)+.btn:active{background-color:#026602}.editor-view{overflow-y:auto;height:calc(100vh - 4rem)}.rotation_item .step-edit{color:#878787;cursor:pointer;display:none;margin-left:10px;font-size:70%;vertical-align:super}.rotation_item:hover .step-edit{display:inline !important}.welcome-view{background-color:#6fa76f;color:#fff;padding:1rem;margin-top:1rem;border-radius:1rem}.welcome-view #cropsContainer{color:green}.card-white{background-color:#fff;padding:1rem;border-radius:1rem}.card-holder{background-color:#f5f5f5;padding:1rem;border-radius:1rem;margin:auto}.editable-row{background-color:#f7f7f7;min-height:3rem;display:flex;align-items:center;border-radius:.5rem}.editable-row .edit-buttons{visibility:hidden}.editable-row:hover>.edit-buttons{visibility:visible}.intervention-row{background:#e0e0e0}.primary-button{color:#fff;background-color:green;border:green}.primary-button:hover{background-color:#026602}.close-step-times{background:none;border:none;color:#878787;font-size:120%}.close-step-times:hover{color:#494949}#cropsContainer .drag-handle{color:#ccc;font-weight:normal;font-size:86%;margin-right:10px;vertical-align:middle;cursor:grab}#cropsContainer div.col{cursor:pointer}.form-control.text-right{text-align:right}.modal .form-label{font-weight:600}#code-snippet{font-family:monospace;font-size:13px;text-align:left;border:1px inset;background-color:#f1f1f1}/*# sourceMappingURL=styles-editor.css.map */

package/css/styles-editor.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../scss/styles-editor.scss"],"names":[],"mappings":"AAKA,aACI,yBACA,WACA,OALiB,KAOjB,aACA,mBAEA,sGAGI,yBAIR,aACI,gBAGA,0BAKA,0BACI,cACA,eACA,aACA,iBACA,cACA,qBAGJ,gCACI,0BAIR,cACI,yBACA,WACA,aACA,gBACA,mBAEA,8BACI,YAIR,YACI,sBACA,aACA,mBAGJ,aACI,yBACA,aACA,mBACA,YAGJ,cACI,yBACA,gBAEA,aACA,mBAEA,oBAEA,4BACI,kBAGJ,kCACI,mBAIR,kBACI,mBAGJ,gBACI,MAzFiB,KA0FjB,iBA5FiB,MA6FjB,OA7FiB,MA+FjB,sBACI,iBA/Fa,QAmGrB,kBACI,gBACA,YACA,cACA,eAEA,wBACI,cAKJ,6BACI,WACA,mBACA,cACA,kBACA,sBACA,YAGJ,wBACI,eAKJ,yBACI,iBAKJ,mBACI,gBAIR,cACI,sBACA,eACA,gBACA,iBACA,yBAGJ,iCACI","file":"styles-editor.css"}
+{"version":3,"sourceRoot":"","sources":["../scss/styles-editor.scss"],"names":[],"mappings":"AAKA,aACI,yBACA,WACA,OALiB,KAOjB,aACA,mBAEA,sGAGI,yBAIR,aACI,gBAGA,0BAKA,0BACI,cACA,eACA,aACA,iBACA,cACA,qBAGJ,gCACI,0BAIR,cACI,yBACA,WACA,aACA,gBACA,mBAEA,8BACI,YAIR,YACI,sBACA,aACA,mBAGJ,aACI,yBACA,aACA,mBACA,YAGJ,cACI,yBACA,gBAEA,aACA,mBAEA,oBAEA,4BACI,kBAGJ,kCACI,mBAIR,kBACI,mBAGJ,gBACI,MAzFiB,KA0FjB,iBA5FiB,MA6FjB,OA7FiB,MA+FjB,sBACI,iBA/Fa,QAmGrB,kBACI,gBACA,YACA,cACA,eAEA,wBACI,cAKJ,6BACI,WACA,mBACA,cACA,kBACA,sBACA,YAGJ,wBACI,eAKJ,yBACI,iBAKJ,mBACI,gBAIR,cACI,sBACA,eACA,gBACA,iBACA","file":"styles-editor.css"}