@osfarm/itineraire-technique 1.2.0 → 1.2.1

package/js/editor-crops.js

@@ -1,136 +0,0 @@
-function addNewStepClickEvent() {
-    createAndSelectEmptyCrop();
-    loadSelectedStepToEditor(selectedStep);
-    displayCropDetailView();
-    refreshAllTables();
-}
-
-function createAndSelectEmptyCrop() {
-    let crop = new StepModel({
-        startDate: getRotationEndDate(),
-    });
-
-    crop.setDurationInMonths(2)
-    crops.steps.push(crop.getStep());
-
-    //select last created crop to be editable
-    selectedStep = crop;
-}
-
-function loadSelectedStepToEditor(aStep) {
-    setInputValue("cropName", aStep.getStep().name);
-    setInputValue("cropColor", aStep.getStep().color);
-    setInputValue("cropStartDate", aStep.getStep().startDate.toISOString().split('T')[0]);
-    setInputValue("cropEndDate", aStep.getStep().endDate.toISOString().split('T')[0]);
-    setInputValue("cropDescription", aStep.getStep().description);
-    document.getElementById("cropSecondary").checked = aStep.getStep().secondary_crop || false;
-}
-
-function refreshStepsButtonList() {
-    let cropsContainer = $("#cropsContainer");
-    cropsContainer.html('');
-
-    crops.steps.forEach((crop) => {
-        const rowDiv = createCropRow(crop);
-        cropsContainer.append(rowDiv);
-    });
-    
-    cropsContainer.sortable("refresh");
-}
-
-function createCropRow(crop) {
-    let step = new StepModel(crop); // in case crop is a plain object, convert to Crop instance
-
-    let rowDiv = $('<div class="row mb-2 step-row editable-row position-relative" data-id="'+step.getStep().id +'"></div>');
-
-    rowDiv.append($('<div class="col"></div>')
-        .append($('<i class="fa fa-bars drag-handle" aria-hidden="true"></i>'))
-        .append($('<strong>' + step.getStep().name + '</strong>')));
-
-    addEditAndRemoveButtons(rowDiv, 
-        step.getStep().id, 
-        function () {
-            console.log("Selected step:", step.getStep().name);
-            SelectStep(step);
-        },
-        function(id) {
-            crops.steps = crops.steps.filter(function (crop) { return crop.id != id })
-
-            refreshAllTables();
-            displayCropListView();
-        },
-        function(id) {
-            duplicateStep(id);
-        });
-
-    rowDiv.click();
-
-    return rowDiv;
-}
-
-function duplicateStep(stepId) {
-    // Find the step to duplicate
-    let originalStep = crops.steps.find(crop => crop.id === stepId);
-    if (!originalStep) return;
-
-    // Get the latest end date in the rotation
-    let latestEndDate = getRotationEndDate();
-
-    // Calculate the duration of the original step
-    let originalStart = new Date(originalStep.startDate);
-    let originalEnd = new Date(originalStep.endDate);
-
-    // Calculate how many years to add to position after the latest step
-    let yearsToAdd = 0;
-    let newStartDate = new Date(originalStart);
-    let newEndDate = new Date(originalEnd);
-
-    // Keep adding years until the new start date is after the latest end date
-    while (newStartDate < latestEndDate) {
-        yearsToAdd++;
-        newStartDate = new Date(originalStart);
-        newStartDate.setFullYear(originalStart.getFullYear() + yearsToAdd);
-        newEndDate.setFullYear(originalEnd.getFullYear() + yearsToAdd);
-    }
-
-    // Create the new step with all properties cloned
-    let newStep = {
-        name: originalStep.name,
-        color: originalStep.color,
-        startDate: newStartDate,
-        endDate: newEndDate,
-        description: originalStep.description,
-        secondary_crop: originalStep.secondary_crop || false,
-        useDefaultColor: originalStep.useDefaultColor,
-        useDefaultStartDate: originalStep.useDefaultStartDate,
-        useDefaultEndDate: originalStep.useDefaultEndDate,
-        interventions: originalStep.interventions ? originalStep.interventions.map(i => ({
-            day: i.day,
-            name: i.name,
-            type: i.type,
-            description: i.description
-        })) : [],
-        attributes: originalStep.attributes ? originalStep.attributes.map(a => ({
-            name: a.name,
-            value: a.value
-        })) : []
-    };
-
-    // Create a StepModel instance to ensure proper initialization
-    let stepModel = new StepModel(newStep);
-    
-    // Add the duplicated step to the rotation
-    crops.steps.push(stepModel.getStep());
-
-    // Refresh the UI
-    refreshAllTables();
-}
-
-function SelectStep(crop) {
-    selectedStep = crop;
-    loadSelectedStepToEditor(selectedStep);
-    displayCropDetailView();
-
-    refreshAttributesTable();
-    refreshInterventionsTable();
-}

package/js/editor-export.js

@@ -1,118 +0,0 @@
-function exportToJsonFile(data, fileName = 'export-itk.json') {
-    const jsonData = JSON.stringify(data, null, 2);
-    const blob = new Blob([jsonData], { type: 'application/json' });
-    const url = URL.createObjectURL(blob);
-
-    const a = document.createElement('a');
-    a.href = url;
-    a.download = fileName;
-    a.click();
-
-    URL.revokeObjectURL(url);
-}
-
-function importFromJsonFile() {
-    showConfirmationModal(() => {
-        openFileInput();
-    });
-}
-
-function importFromTestJson() {
-    showConfirmationModal(() => {
-        importTestJSON();
-    });
-}
-
-function importTestJSON() {
-    fetch('test/test.json')
-        .then(response => {
-            if (!response.ok) {
-                throw new Error("Erreur HTTP " + response.status);
-            }
-            return response.json();
-        })
-        .then(data => {
-            console.log("Données JSON :", data);
-            data.steps.forEach(step => {
-                let sm = new StepModel(step)
-                sm.setAsEdited();
-            });
-            reloadCropsFromJson(data);
-        })
-        .catch(error => {
-            console.error("Impossible de charger le JSON :", error);
-        });
-}
-
-function wipe() {
-    showConfirmationModal(() => {
-        let crops = {
-            "title": DEFAULT_TITLE,
-            "options": {
-                "view": "horizontal",
-                "show_transcript": true,
-                "title_top_interventions": "Contrôle adventices",
-                "title_bottom_interventions": "Autres interventions",
-                "title_steps": "Étapes de la rotation dans la parcelle",
-            },
-            "steps": []
-        };
-
-        reloadCropsFromJson(crops);
-    });
-}
-
-function openFileInput() {
-    const input = document.createElement('input');
-    input.type = 'file';
-    input.accept = '.json';
-
-    input.addEventListener('change', (event) => {
-        const file = event.target.files[0];
-        if (file) {
-            const reader = new FileReader();
-            reader.onload = () => {
-                try {
-                    const jsonData = JSON.parse(reader.result);
-                    jsonData.steps.forEach(step => {
-                        let sm = new StepModel(step)
-                        sm.setAsEdited();
-                    });
-                    reloadCropsFromJson(jsonData);
-                } catch (error) {
-                    console.error("Error parsing JSON file:", error);
-                    showJsonErrorModal(error.message);
-                }
-            };
-            reader.readAsText(file);
-        }
-    });
-
-    input.click();
-}
-
-function showJsonErrorModal(errorMessage) {
-    const errorModal = new bootstrap.Modal(document.getElementById('jsonErrorModal'));
-    document.getElementById('jsonErrorMessage').textContent = errorMessage;
-    errorModal.show();
-}
-
-function showConfirmationModal(onConfirm) {
-
-    if (crops?.steps.length === 0)
-        return onConfirm();
-
-    const confirmationModal = new bootstrap.Modal(document.getElementById('confirmationModal'));
-    const confirmButton = document.getElementById('confirmImport');
-
-    // Avoid multiple event listeners
-    const newConfirmButton = confirmButton.cloneNode(true);
-    confirmButton.replaceWith(newConfirmButton);
-
-    newConfirmButton.addEventListener('click', () => {
-        confirmationModal.hide();
-        onConfirm();
-    });
-
-    confirmationModal.show();
-}

package/react/QUICKSTART.md

@@ -1,172 +0,0 @@
-# Quick Start - React/Next.js
-
-Guide rapide pour intégrer `@osfarm/itineraire-technique` dans votre projet React ou Next.js.
-
-## Installation (5 minutes)
-
-### Étape 1 : Installer le package
-
-```bash
-npm install @osfarm/itineraire-technique
-# ou
-yarn add @osfarm/itineraire-technique
-# ou
-pnpm add @osfarm/itineraire-technique
-```
-
-### Étape 2 : Copier les fichiers statiques
-
-```bash
-npm run setup:react
-```
-
-Ce script copie automatiquement les fichiers JS, CSS et de test dans votre dossier `public/`.
-
-### Étape 3 : Ajouter les dépendances CDN
-
-**Pour Next.js App Router** : Créez ou modifiez `app/layout.tsx` :
-
-```tsx
-export default function RootLayout({ children }: { children: React.ReactNode }) {
-  return (
-    <html lang="fr">
-      <head>
-        <script src="https://cdn.jsdelivr.net/npm/echarts@6.0.0/dist/echarts.js"></script>
-        <script src="https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.min.js"></script>
-        <script src="https://cdn.jsdelivr.net/npm/underscore@1.13.7/underscore-umd-min.js"></script>
-        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet" />
-        <link href="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css" rel="stylesheet" />
-        
-        <script src="/js/chart-render.js"></script>
-        <link href="/css/styles-rendering.css" rel="stylesheet" />
-      </head>
-      <body>{children}</body>
-    </html>
-  );
-}
-```
-
-**Pour Next.js Pages Router** : Créez ou modifiez `pages/_document.tsx` (voir [exemple complet](../examples/nextjs-_document.tsx))
-
-## Utilisation - Visualiseur Simple
-
-Créez un composant pour afficher un itinéraire :
-
-```tsx
-'use client'; // Pour Next.js App Router uniquement
-
-import { TikaRenderer } from '@osfarm/itineraire-technique/react';
-import { useEffect, useState } from 'react';
-
-export default function MyItineraire() {
-  const [data, setData] = useState(null);
-
-  useEffect(() => {
-    // Charger les données de test
-    fetch('/test/test.json')
-      .then(res => res.json())
-      .then(setData);
-  }, []);
-
-  if (!data) return <div>Chargement...</div>;
-
-  return (
-    <div className="container">
-      <h1>{data.title}</h1>
-      <TikaRenderer data={data} />
-    </div>
-  );
-}
-```
-
-## Utilisation - Éditeur Simple
-
-```tsx
-'use client';
-
-import { useItineraire } from '@osfarm/itineraire-technique/react';
-import { TikaRenderer } from '@osfarm/itineraire-technique/react';
-
-export default function MyEditor() {
-  const { data, addStep, exportToJson } = useItineraire({
-    title: "Ma rotation",
-    options: { view: "horizontal", show_transcript: true },
-    steps: []
-  });
-
-  const handleAddCrop = () => {
-    addStep({
-      id: crypto.randomUUID(),
-      name: 'Nouvelle culture',
-      startDate: new Date().toISOString(),
-      endDate: new Date(Date.now() + 90*24*60*60*1000).toISOString(),
-      color: '#4CAF50',
-      interventions: []
-    });
-  };
-
-  return (
-    <div className="container">
-      <button className="btn btn-primary" onClick={handleAddCrop}>
-        Ajouter une culture
-      </button>
-      <button className="btn btn-secondary" onClick={() => console.log(exportToJson())}>
-        Exporter JSON
-      </button>
-      
-      {data && <TikaRenderer data={data} />}
-    </div>
-  );
-}
-```
-
-## TypeScript Support
-
-Types inclus ! Importez-les directement :
-
-```tsx
-import type { ItineraireData, Step, Intervention } from '@osfarm/itineraire-technique/react';
-
-const myRotation: ItineraireData = {
-  title: "Ma rotation bio",
-  options: {
-    view: "horizontal",
-    show_transcript: true
-  },
-  steps: []
-};
-```
-
-## Exemples Complets
-
-Consultez le dossier [`examples/`](../examples/) pour :
-- ✅ Visualiseur Next.js App Router
-- ✅ Éditeur Next.js App Router  
-- ✅ Configuration `_document.tsx`
-- ✅ API Routes pour sauvegarder/charger des données
-
-## Troubleshooting
-
-### "RotationRenderer is not defined"
-
-➡️ Vérifiez que `/js/chart-render.js` est bien chargé dans votre HTML/layout
-➡️ Utilisez le hook `useItineraireDependencies` pour vérifier le chargement
-
-### Les styles ne s'appliquent pas
-
-➡️ Assurez-vous d'avoir chargé `/css/styles-rendering.css`
-➡️ Vérifiez que Bootstrap CSS est aussi chargé
-
-### Erreur "use client" manquant
-
-➡️ Ajoutez `'use client';` en haut de vos composants qui utilisent des hooks React
-
-## Documentation Complète
-
-📚 [Documentation React complète](README.md)
-
-## Besoin d'aide ?
-
-- 🐛 [Signaler un bug](https://github.com/osfarm/itineraire-technique/issues)
-- 💬 [Questions et discussions](https://github.com/osfarm/itineraire-technique/discussions)
-- 📖 [Documentation Triple Performance](https://wiki.tripleperformance.fr/)