pmeunier/grain - Change UW6CVVLAGPKK7R6YMWJXCLHZ2CIZ5D5PM4SYUYMEWM4IZ2LNAHZAC

CSS et formattage

Created by pmeunier on March 2, 2026

UW6CVVLAGPKK7R6YMWJXCLHZ2CIZ5D5PM4SYUYMEWM4IZ2LNAHZAC

Dependencies

In channels

main

Change contents

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 2 [3.42]

B:BD[3.62] → [3.62:152]

B:BD[3.195] → [3.195:372]

B:BD[3.372] → [5.156:212]

∅:D[5.212] → [3.425:509]

B:BD[3.425] → [3.425:509]

B:BD[3.509] → [5.213:300]

∅:D[5.300] → [3.590:695]

B:BD[3.590] → [3.590:695]

B:BD[3.695] → [11.20944:21111]

    import { browser } from '$app/environment'
    import { onMount, tick } from 'svelte'
    import type { Writable } from 'svelte/store'
    import { get } from 'svelte/store'
    import { getContext } from 'svelte'
    import type * as P from 'plotly.js-dist-min'
    import * as Grain from '../../../../../grain-types'
    import {
        chooseScale,
        relayout,
        modeBarButtonsToRemove,
    } from '../../../../../plot'
    import type { Sample } from '../../../../../plot'
    import type { Derived, PVGIS, PVGISInputs } from '../calcul'
    import * as calcul from '../calcul'
    import PlusCircle from '../../../../PlusCircle.svelte'
    import XCircle from '../../../../XCircle.svelte'
    import Question from '../../../../Question.svelte'

[3.62]

[3.695]

  import { browser } from '$app/environment'
  import { onMount, tick } from 'svelte'
  import type { Writable } from 'svelte/store'
  import { get } from 'svelte/store'
  import { getContext } from 'svelte'
  import type * as P from 'plotly.js-dist-min'
  import * as Grain from '../../../../../grain-types'
  import {
      chooseScale,
      relayout,
      modeBarButtonsToRemove,
  } from '../../../../../plot'
  import type { Sample } from '../../../../../plot'
  import type { Derived, PVGIS, PVGISInputs } from '../calcul'
  import * as calcul from '../calcul'
  import PlusCircle from '../../../../PlusCircle.svelte'
  import XCircle from '../../../../XCircle.svelte'
  import Question from '../../../../Question.svelte'

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 21 [3.42]

B:BD[3.696] → [9.306713:306777]

∅:D[9.306777] → [5.414:445]

B:BD[5.414] → [5.414:445]

    let { data = $bindable(), pvgis_loading = true } = $props()
    const data_ = $state(data)

[3.696]

[3.789]

  let { data = $bindable(), pvgis_loading = true } = $props()
  const data_ = $state(data)

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 24 [3.42]

B:BD[3.790] → [3.790:836]

B:BD[3.836] → [5.446:613]

B:BD[5.613] → [9.306778:306929]

∅:D[9.306929] → [5.613:893]

B:BD[5.613] → [5.613:893]

∅:D[5.893] → [3.836:1076]

B:BD[3.836] → [3.836:1076]

    let s: Derived = getContext('simulation')
    let prms: Writable<
        {
            prm: null | number
            nom: string
            prenom: string
            siret: string
            pro: boolean
            consentement: boolean
            releve?: string
            numerorue?: string
            codeinsee?: string
            serie?: string
        }[]
    > = getContext('prms')
    let prms_modified: Writable<boolean> = getContext('prms_modified')
    let profils: Writable<{ type: string; conso: number }[]> =
        getContext('profils')
    let profils_modified: Writable<boolean> = getContext('profils_modified')
    const soleil: Writable<Sample> = getContext('soleil')
    const expert: Writable<boolean> = getContext('expert')
    let _communaute: Writable<
        (Grain.Communaute & { isMoving?: boolean }) | null
    > = getContext('communaute')

[3.790]

[3.1076]

  let s: Derived = getContext('simulation')
  let prms: Writable<
  {
      prm: null | number
      nom: string
      prenom: string
      siret: string
      pro: boolean
      consentement: boolean
      releve?: string
      numerorue?: string
      codeinsee?: string
      serie?: string
  }[]
  > = getContext('prms')
  let prms_modified: Writable<boolean> = getContext('prms_modified')
  let profils: Writable<{ type: string; conso: number }[]> =
      getContext('profils')
  let profils_modified: Writable<boolean> = getContext('profils_modified')
  const soleil: Writable<Sample> = getContext('soleil')
  const expert: Writable<boolean> = getContext('expert')
  let _communaute: Writable<
  (Grain.Communaute & { isMoving?: boolean }) | null
  > = getContext('communaute')

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 49 [3.42]

B:BD[3.1077] → [9.306930:307742]

    const annee = $derived.by(() => {
        console.log('derived by')
        let annee = data.annee
        if (!annee) {
            annee = {}
        }
        for (let i = 0; i < $prms.length; i++) {
            const p = $prms[i]
            if (p.releve) {
                annee[p.prm || i] = []
                for (const j of p.releve.split('\n')) {
                    const l = j.split(/;|,| /)
                    if (l.length >= 2) {
                        const d = new Date(l[0])
                        const v = parseInt(l[1])
                        if (d && !isNaN(v)) {
                            annee[p.prm || i].push(v)
                        }
                    }
                }
                console.log(annee[p.prm || i])
            }
        }
        return annee
    })

[3.1077]

[9.307742]

  const annee = $derived.by(() => {
      console.log('derived by')
      let annee = data.annee
      if (!annee) {
          annee = {}
      }
      for (let i = 0; i < $prms.length; i++) {
          const p = $prms[i]
          if (p.releve) {
              annee[p.prm || i] = []
              for (const j of p.releve.split('\n')) {
                  const l = j.split(/;|,| /)
                  if (l.length >= 2) {
                      const d = new Date(l[0])
                      const v = parseInt(l[1])
                      if (d && !isNaN(v)) {
                          annee[p.prm || i].push(v)
                      }
                  }
              }
              console.log(annee[p.prm || i])
          }
      }
      return annee
  })

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 75 [3.42]

∅:D[9.307743] → [3.1151:1175]

B:BD[3.1151] → [3.1151:1175]

B:BD[3.1175] → [9.307744:307787]

∅:D[9.307787] → [5.894:1084]

B:BD[3.1175] → [5.894:1084]

B:BD[5.1084] → [9.307788:307825]

∅:D[9.307825] → [5.1084:1166]

B:BD[5.1084] → [5.1084:1166]

∅:D[5.1166] → [3.1286:1292]

B:BD[3.1286] → [3.1286:1292]

    function addPrm() {
        console.log('ajouter un compteur')
        prms.update((prms) => {
            prms.push({
                prm: null,
                nom: '',
                prenom: '',
                siret: '',
                pro: true,
                consentement: false,
            })
            return prms
        })
        prms_modified.set(true)
    }

[9.307743]

[3.1292]

  function addPrm() {
      console.log('ajouter un compteur')
      prms.update((prms) => {
          prms.push({
              prm: null,
              nom: '',
              prenom: '',
              siret: '',
              pro: true,
              consentement: false,
          })
          return prms
      })
      prms_modified.set(true)
  }

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 91 [3.42]

B:BD[3.1293] → [3.1293:1434]

    const pvgis: Writable<{ pvgis: null | PVGIS; loading: boolean }> =
        getContext('pvgis')
    let pvgis_: null | PVGISInputs = null

[3.1293]

[3.1434]

  const pvgis: Writable<{ pvgis: null | PVGIS; loading: boolean }> =
      getContext('pvgis')
  let pvgis_: null | PVGISInputs = null

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 95 [3.42]
B:BD[3.1435] → [3.1435:1471]
```
    let prm_loading = $state(false)
```
[3.1435]
[3.1471]
```
  let prm_loading = $state(false)
```
Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 97 [3.42]
B:BD[3.1472] → [3.1472:1500]
```
    let initialised = false
```
[3.1472]
[3.1500]
```
  let initialised = false
```

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 99 [3.42]

B:BD[3.1501] → [3.1501:1601]

    let puissance = 0
    let communaute: null | (Grain.Communaute & { isMoving?: boolean }) = null

[3.1501]

[3.1601]

  let puissance = 0
  let communaute: null | (Grain.Communaute & { isMoving?: boolean }) = null

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 102 [3.42]
B:BD[3.1602] → [3.1602:1627]
```
    let Plotly: typeof P
```
[3.1602]
[3.1627]
```
  let Plotly: typeof P
```
Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 104 [3.42]
B:BD[3.1628] → [3.1628:1656]
```
    let erreur = $state('')
```
[3.1628]
[3.1656]
```
  let erreur = $state('')
```

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 106 [3.42]

B:BD[3.1657] → [3.1657:2366]

B:BD[3.2366] → [9.307826:307889]

∅:D[9.307889] → [5.1233:1286]

B:BD[5.1233] → [5.1233:1286]

∅:D[5.1286] → [3.2436:2515]

B:BD[3.2436] → [3.2436:2515]

∅:D[11.21468] → [3.2515:2522]

B:BD[3.2515] → [3.2515:2522]

    onMount(async () => {
        Plotly = await import('plotly.js-dist-min')
        s.p.puissance.subscribe((value) => {
            puissance = value
            if (initialised) {
                updatePlot(puissance, communaute)
            }
        })
        _communaute.subscribe((value) => {
            communaute = value
            if (initialised) {
                updatePlot(puissance, communaute)
            }
        })
        pvgis.subscribe((pvgis) => {
            console.log('pvgis updated')
            if (initialised && pvgis.pvgis?.inputs != pvgis_) {
                pvgis_ = pvgis.pvgis?.inputs || null
                updatePlot(puissance, communaute)
            }
        })
        if ($prms.length) {
            for (let p of $prms) {
                p.consentement = false
            }
        }
        initialised = true
        updatePlot(puissance, communaute)
    })

[3.1657]

[3.2522]

  onMount(async () => {
      Plotly = await import('plotly.js-dist-min')
      s.p.puissance.subscribe((value) => {
          puissance = value
          if (initialised) {
              updatePlot(puissance, communaute)
          }
      })
      _communaute.subscribe((value) => {
          communaute = value
          if (initialised) {
              updatePlot(puissance, communaute)
          }
      })
      pvgis.subscribe((pvgis) => {
          console.log('pvgis updated')
          if (initialised && pvgis.pvgis?.inputs != pvgis_) {
              pvgis_ = pvgis.pvgis?.inputs || null
              updatePlot(puissance, communaute)
          }
      })
      if ($prms.length) {
          for (let p of $prms) {
              p.consentement = false
          }
      }
      initialised = true
      updatePlot(puissance, communaute)
  })

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 136 [3.42]
B:BD[3.2523] → [3.2523:2554]
```
    let plotStyle = $state('')
```
[3.2523]
[3.2554]
```
  let plotStyle = $state('')
```

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 138 [3.42]

B:BD[3.2555] → [3.2555:2934]

    let darkMode = false
    if (browser) {
        darkMode =
            window.matchMedia &&
            window.matchMedia('(prefers-color-scheme: dark)').matches
        window
            .matchMedia('(prefers-color-scheme: dark)')
            .addEventListener('change', (event) => {
                darkMode = !!event.matches
                redraw()
            })
    }

[3.2555]

[3.2934]

  let darkMode = false
  if (browser) {
      darkMode =
          window.matchMedia &&
          window.matchMedia('(prefers-color-scheme: dark)').matches
      window
                .matchMedia('(prefers-color-scheme: dark)')
                .addEventListener('change', (event) => {
                    darkMode = !!event.matches
                    redraw()
                })
  }

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 151 [3.42]

B:BD[3.2935] → [3.2935:3052]

    let profils_ = $state(Grain.profils($expert))
    expert.subscribe((value) => (profils_ = Grain.profils(value)))

[3.2935]

[3.3052]

  let profils_ = $state(Grain.profils($expert))
  expert.subscribe((value) => (profils_ = Grain.profils(value)))

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 154 [3.42]

B:BD[3.3053] → [3.3053:3080]

B:BD[3.3080] → [5.1287:1521]

∅:D[5.1521] → [3.3212:3218]

B:BD[3.3212] → [3.3212:3218]

    function addProfil() {
        profils.update((p) => {
            const prt = Object.keys(profils_)
            p.push({ type: prt[0], conso: 0 })
            return p
        })
        profils_modified.set(true)
        updatePlot(puissance, communaute)
    }

[3.3053]

[3.3218]

  function addProfil() {
      profils.update((p) => {
          const prt = Object.keys(profils_)
          p.push({ type: prt[0], conso: 0 })
          return p
      })
      profils_modified.set(true)
      updatePlot(puissance, communaute)
  }

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 164 [3.42]

B:BD[3.3219] → [5.1522:1726]

∅:D[5.1726] → [3.3379:3385]

B:BD[3.3379] → [3.3379:3385]

    function delProfil(i: number) {
        profils.update((p) => {
            p.splice(i, 1)
            return p
        })
        profils_modified.set(true)
        updatePlot(puissance, communaute)
    }

[3.3219]

[3.3385]

  function delProfil(i: number) {
      profils.update((p) => {
          p.splice(i, 1)
          return p
      })
      profils_modified.set(true)
      updatePlot(puissance, communaute)
  }

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 173 [3.42]

B:BD[3.3386] → [3.3386:3458]

    const sleep = (ms: number) => new Promise((r) => setTimeout(r, ms))

[3.3386]

[3.3458]

  const sleep = (ms: number) => new Promise((r) => setTimeout(r, ms))

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 175 [3.42]
B:BD[3.3459] → [3.3459:3499]
```
    var lastRequest = performance.now()
```
[3.3459]
[3.3499]
```
  var lastRequest = performance.now()
```

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 177 [3.42]

B:BD[3.3500] → [3.3500:3580]

B:BD[3.3580] → [9.307890:307943]

∅:D[5.1753] → [3.3605:3661]

∅:D[9.307943] → [3.3605:3661]

B:BD[3.3605] → [3.3605:3661]

B:BD[3.3661] → [9.307944:307997]

∅:D[5.1812] → [3.3718:3849]

∅:D[9.307997] → [3.3718:3849]

B:BD[3.3718] → [3.3718:3849]

B:BD[3.3849] → [9.307998:308047]

∅:D[9.308047] → [3.3849:4538]

B:BD[3.3849] → [3.3849:4538]

B:BD[3.4538] → [9.308048:308128]

∅:D[5.1858] → [3.4582:6038]

∅:D[9.308128] → [3.4582:6038]

B:BD[3.4582] → [3.4582:6038]

B:BD[3.6038] → [9.308129:308251]

∅:D[5.1991] → [3.6168:6237]

∅:D[9.308251] → [3.6168:6237]

B:BD[3.6168] → [3.6168:6237]

B:BD[3.6237] → [9.308252:308301]

∅:D[5.2046] → [3.6290:6372]

∅:D[9.308301] → [3.6290:6372]

B:BD[3.6290] → [3.6290:6372]

B:BD[3.6372] → [9.308302:308352]

∅:D[5.2102] → [3.6426:6506]

∅:D[9.308352] → [3.6426:6506]

B:BD[3.6426] → [3.6426:6506]

B:BD[3.6506] → [9.308353:308384]

∅:D[5.2139] → [3.6541:6579]

∅:D[9.308384] → [3.6541:6579]

B:BD[3.6541] → [3.6541:6579]

B:BD[3.6579] → [6.0:82]

∅:D[6.82] → [3.6654:6708]

∅:D[5.2216] → [3.6654:6708]

B:BD[3.6654] → [3.6654:6708]

B:BD[3.6708] → [9.308385:308434]

∅:D[5.2271] → [3.6761:6820]

∅:D[9.308434] → [3.6761:6820]

B:BD[3.6761] → [3.6761:6820]

B:BD[3.6820] → [9.308435:308482]

∅:D[9.308482] → [3.6862:7064]

B:BD[3.6862] → [3.6862:7064]

    async function refresh(event: SubmitEvent) {
        event.preventDefault()
        prms_modified.set(true)
        if ($prms) {
            prm_loading = true
            await tick()
            for (let i = 0; i < $prms.length; i++) {
                var file = document.getElementById(
                    `releve-${i}`
                ) as HTMLInputElement | null
                console.log('FILE', file?.files)
                if (file?.files?.length) {
                    var reader = new FileReader()
                    reader.readAsText(file.files[0], 'UTF-8')
                    let r: string | undefined = await new Promise((resolve) => {
                        reader.onload = function (evt) {
                            console.log(typeof evt.target?.result)
                            let result = evt.target?.result?.toString()
                            if (result) {
                                resolve(result)
                            } else {
                                resolve(undefined)
                            }
                        }
                    })
                    console.log('r', r)
                    $prms[i].releve = r
                }
                let siret = document.getElementById(
                    `siret-${i}`
                ) as HTMLInputElement | null
                if (siret?.value) {
                    let now = performance.now()
                    // Rate-limiting: pas plus de 7 requêtes par seconde.
                    if (now - lastRequest < 150) {
                        await sleep(150 - (now - lastRequest))
                    }
                    lastRequest = now
                    const resp = await fetch(
                        `https://recherche-entreprises.api.gouv.fr/search?q=${siret.value}`
                    )
                    if (resp.status == 200) {
                        type Ent = {
                            results: {
                                dirigeants: {
                                    nom: string
                                    prenoms: string
                                }[]
                                matching_etablissements: {
                                    libelle_voie: string
                                    commune: string
                                }[]
                            }[]
                        }
                        let ent: Ent = await resp.json()
                        console.log(
                            ent.results[0].matching_etablissements[0].commune
                        )
                        if (ent.results.length) {
                            $prms[i].nom = ent.results[0].dirigeants[0].nom
                            $prms[i].prenom =
                                ent.results[0].dirigeants[0].prenoms
                            $prms[i].codeinsee =
                                ent.results[0].matching_etablissements[0].commune
                            console.log($prms[i])
                        }
                    }
                }
            }
            console.log($prms)
            const resp = await fetch(
                `${Grain.server}/api/grain/projet/${data_.id || 'nouveau'}/prms`,
                {
                    method: 'POST',
                    body: JSON.stringify($prms),
                }
            )
            if (resp.ok) {
                data.annee = await resp.json()
            }
            prm_loading = false
            await tick()
        } else {
            erreur = 'La liste des PRMs est vide'
        }
        await updatePlot(puissance, communaute)
    }

[3.3500]

[3.7064]

  async function refresh(event: SubmitEvent) {
      event.preventDefault()
      prms_modified.set(true)
      if ($prms) {
          prm_loading = true
          await tick()
          for (let i = 0; i < $prms.length; i++) {
              var file = document.getElementById(
                  `releve-${i}`
              ) as HTMLInputElement | null
              console.log('FILE', file?.files)
              if (file?.files?.length) {
                  var reader = new FileReader()
                  reader.readAsText(file.files[0], 'UTF-8')
                  let r: string | undefined = await new Promise((resolve) => {
                      reader.onload = function (evt) {
                          console.log(typeof evt.target?.result)
                          let result = evt.target?.result?.toString()
                          if (result) {
                              resolve(result)
                          } else {
                              resolve(undefined)
                          }
                      }
                  })
                  console.log('r', r)
                  $prms[i].releve = r
              }
              let siret = document.getElementById(
                  `siret-${i}`
              ) as HTMLInputElement | null
              if (siret?.value) {
                  let now = performance.now()
                  // Rate-limiting: pas plus de 7 requêtes par seconde.
                  if (now - lastRequest < 150) {
                      await sleep(150 - (now - lastRequest))
                  }
                  lastRequest = now
                  const resp = await fetch(
                      `https://recherche-entreprises.api.gouv.fr/search?q=${siret.value}`
                  )
                  if (resp.status == 200) {
                      type Ent = {
                          results: {
                              dirigeants: {
                                  nom: string
                                  prenoms: string
                              }[]
                              matching_etablissements: {
                                  libelle_voie: string
                                  commune: string
                              }[]
                          }[]
                      }
                      let ent: Ent = await resp.json()
                      console.log(
                          ent.results[0].matching_etablissements[0].commune
                      )
                      if (ent.results.length) {
                          $prms[i].nom = ent.results[0].dirigeants[0].nom
                          $prms[i].prenom =
                              ent.results[0].dirigeants[0].prenoms
                          $prms[i].codeinsee =
                              ent.results[0].matching_etablissements[0].commune
                          console.log($prms[i])
                      }
                  }
              }
          }
          console.log($prms)
          const resp = await fetch(
              `${Grain.server}/api/grain/projet/${data_.id || 'nouveau'}/prms`,
              {
                  method: 'POST',
                  body: JSON.stringify($prms),
              }
          )
          if (resp.ok) {
              data.annee = await resp.json()
          }
          prm_loading = false
          await tick()
      } else {
          erreur = 'La liste des PRMs est vide'
      }
      await updatePlot(puissance, communaute)
  }

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 265 [3.42]

B:BD[3.7065] → [3.7065:7143]

    let auto = 0
    let totalProd = $state(0)
    let totalConso = $state(0)

[3.7065]

[3.7143]

  let auto = 0
  let totalProd = $state(0)
  let totalConso = $state(0)

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 269 [3.42]

B:BD[3.7144] → [3.7144:7643]

    let somme: Sample = {
        hourly: {
            x: [],
            y: [],
        },
        daily: {
            x: [],
            y: [],
        },
        weekly: {
            x: [],
            y: [],
        },
        x: [],
        y: [],
        type: 'bar',
        line: {
            color: '#b81111',
            width: 1,
        },
        marker: {
            color: '#b81111',
            width: 1,
        },
        name: 'Consommation totale',
        bucket: 1,
    }

[3.7144]

[3.7643]

  let somme: Sample = {
      hourly: {
          x: [],
          y: [],
      },
      daily: {
          x: [],
          y: [],
      },
      weekly: {
          x: [],
          y: [],
      },
      x: [],
      y: [],
      type: 'bar',
      line: {
          color: '#b81111',
          width: 1,
      },
      marker: {
          color: '#b81111',
          width: 1,
      },
      name: 'Consommation totale',
      bucket: 1,
  }

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 297 [3.42]

B:BD[3.7644] → [3.7644:8004]

    async function updatePv(
        puissance: number,
        communaute: (Grain.Communaute & { isMoving?: boolean }) | null
    ) {
        if (communaute?.isMoving) {
            return pvgis
        }
        pvgis_loading = true
        await calcul.updatePv(puissance, communaute, pvgis, soleil)
        pvgis_loading = false
        await tick()
    }

[3.7644]

[3.8004]

  async function updatePv(
      puissance: number,
      communaute: (Grain.Communaute & { isMoving?: boolean }) | null
  ) {
      if (communaute?.isMoving) {
          return pvgis
      }
      pvgis_loading = true
      await calcul.updatePv(puissance, communaute, pvgis, soleil)
      pvgis_loading = false
      await tick()
  }

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 310 [3.42]

B:BD[3.8005] → [3.8005:8314]

    async function updatePlot(
        puissance: number,
        communaute: (Grain.Communaute & { isMoving?: boolean }) | null
    ) {
        console.log('isMoving', communaute?.isMoving)
        if (communaute?.isMoving) {
            return
        }
        if (!browser) {
            return
        }

[3.8005]

[3.8314]

  async function updatePlot(
      puissance: number,
      communaute: (Grain.Communaute & { isMoving?: boolean }) | null
  ) {
      console.log('isMoving', communaute?.isMoving)
      if (communaute?.isMoving) {
          return
      }
      if (!browser) {
          return
      }

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 322 [3.42]

B:BD[3.8315] → [3.8315:8419]

∅:D[5.2323] → [3.8419:8464]

B:BD[3.8419] → [3.8419:8464]

B:BD[3.8464] → [8.0:25]

∅:D[8.25] → [5.2324:2346]

B:BD[3.8483] → [5.2324:2346]

∅:D[5.2346] → [3.8509:8772]

B:BD[3.8509] → [3.8509:8772]

B:BD[3.8772] → [8.26:115]

∅:D[8.115] → [3.8838:8861]

B:BD[3.8838] → [3.8838:8861]

        await updatePv(puissance, communaute)
        console.log('updated')
        prm_loading = true
        let auto_ = await calcul.updatePlot(
            annee || {},
            $profils,
            profils_,
            somme,
            soleil
        )
        prm_loading = false
        auto = auto_.auto
        totalProd = auto_.totalProd
        totalConso = auto_.totalConso
        console.log('updated auto', auto, totalProd, totalConso)
        if (!Plotly) {
            Plotly = await import('plotly.js-dist-min')
        }
        redraw()
    }

[3.8315]

[3.8861]

      await updatePv(puissance, communaute)
      console.log('updated')
      prm_loading = true
      let auto_ = await calcul.updatePlot(
          annee || {},
          $profils,
          profils_,
          somme,
          soleil
      )
      prm_loading = false
      auto = auto_.auto
      totalProd = auto_.totalProd
      totalConso = auto_.totalConso
      console.log('updated auto', auto, totalProd, totalConso)
      if (!Plotly) {
          Plotly = await import('plotly.js-dist-min')
      }
      redraw()
  }

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 343 [3.42]
B:BD[3.8862] → [3.8862:8921]
```
    let has_plot = { has_plot: false }
    let layout = {}
```
[3.8862]
[3.8921]
```
  let has_plot = { has_plot: false }
      let layout = {}
```

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 346 [3.42]

B:BD[3.8922] → [3.8922:9067]

B:BD[3.9067] → [10.0:126]

∅:D[10.126] → [3.9143:9149]

B:BD[3.9143] → [3.9143:9149]

    function relayout_(event: Plotly.PlotRelayoutEvent) {
        console.log('relayout_')
        const plot = document.getElementById('plot')!
        relayout(event, plot, Plotly, layout, has_plot, {
            prod: get(soleil),
            conso: somme,
        })
    }

[3.8922]

[3.9149]

  function relayout_(event: Plotly.PlotRelayoutEvent) {
      console.log('relayout_')
      const plot = document.getElementById('plot')!
      relayout(event, plot, Plotly, layout, has_plot, {
          prod: get(soleil),
          conso: somme,
      })
  }

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 355 [3.42]

B:BD[3.9150] → [3.9150:10550]

    function redraw() {
        console.log('redraw')
        const plot = document.getElementById('plot')
        if (!plot) return
        let soleil_ = get(soleil)
        chooseScale(soleil_)
        chooseScale(somme)
        let unite: string
        if (soleil_.bucket == 24) {
            unite = 'kWh/jour'
        } else if (soleil_.bucket == 24 * 7) {
            unite = 'kWh/semaine'
        } else {
            unite = 'kWh'
        }
        layout = {
            title: 'Autoconsommation',
            autosize: true,
            automargin: true,
            plot_bgcolor: '#fff0',
            paper_bgcolor: '#fff0',
            font: {
                color: darkMode ? '#fff' : '#000',
            },
            xaxis: {
                gridcolor: darkMode ? '#444' : '#bbb',
                ticklabeloverflow: 'allow',
                ticklabelstep: 4,
                tickangle: 45,
                tickformat: soleil_.bucket < 24 ? '%x %X' : '%x',
                type: 'datetime',
            },
            yaxis: {
                title: { text: unite },
                gridcolor: darkMode ? '#444' : '#bbb',
                color: darkMode ? '#fff' : '#000',
            },
            showlegend: true,
            legend: {
                xanchor: 'center',
                x: 0.5,
                y: -0.4,
                orientation: 'h',
            },
        }

[3.9150]

[3.10550]

  function redraw() {
      console.log('redraw')
      const plot = document.getElementById('plot')
      if (!plot) return
      let soleil_ = get(soleil)
      chooseScale(soleil_)
      chooseScale(somme)
      let unite: string
      if (soleil_.bucket == 24) {
          unite = 'kWh/jour'
      } else if (soleil_.bucket == 24 * 7) {
          unite = 'kWh/semaine'
      } else {
          unite = 'kWh'
      }
      layout = {
          title: 'Autoconsommation',
          autosize: true,
          automargin: true,
          plot_bgcolor: '#fff0',
          paper_bgcolor: '#fff0',
          font: {
              color: darkMode ? '#fff' : '#000',
          },
          xaxis: {
              gridcolor: darkMode ? '#444' : '#bbb',
              ticklabeloverflow: 'allow',
              ticklabelstep: 4,
              tickangle: 45,
              tickformat: soleil_.bucket < 24 ? '%x %X' : '%x',
              type: 'datetime',
          },
          yaxis: {
              title: { text: unite },
              gridcolor: darkMode ? '#444' : '#bbb',
              color: darkMode ? '#fff' : '#000',
          },
          showlegend: true,
          legend: {
              xanchor: 'center',
              x: 0.5,
              y: -0.4,
              orientation: 'h',
          },
      }

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 401 [3.42]

B:BD[3.10551] → [3.10551:10584]

B:BD[3.10584] → [7.0:36]

∅:D[7.36] → [4.0:113]

B:BD[3.10584] → [4.0:113]

∅:D[4.113] → [3.10643:10660]

B:BD[3.10643] → [3.10643:10660]

B:BD[3.10660] → [7.37:82]

∅:D[7.82] → [4.114:169]

B:BD[3.10660] → [4.114:169]

∅:D[4.169] → [3.10660:10835]

B:BD[3.10660] → [3.10660:10835]

B:BD[3.10835] → [4.170:225]

∅:D[4.225] → [3.10835:10932]

B:BD[3.10835] → [3.10835:10932]

        if (has_plot.has_plot) {
            console.log('has plot')
            //@ts-expect-error Plotly+typescript = meh
            Plotly!.update(plot, [soleil, somme], layout)
        } else {
            console.log("doesn't have plot")
            //@ts-expect-error Plotly+typescript = meh
            Plotly!.newPlot(plot, [soleil_, somme], layout, {
                responsive: true,
                modeBarButtonsToRemove: modeBarButtonsToRemove,
            })
            //@ts-expect-error Plotly+typescript = meh
            plot.on('plotly_relayout', relayout_)
            has_plot.has_plot = true
        }

[3.10551]

[3.10932]

      if (has_plot.has_plot) {
          console.log('has plot')
          //@ts-expect-error Plotly+typescript = meh
          Plotly!.update(plot, [soleil, somme], layout)
      } else {
          console.log("doesn't have plot")
          //@ts-expect-error Plotly+typescript = meh
          Plotly!.newPlot(plot, [soleil_, somme], layout, {
              responsive: true,
              modeBarButtonsToRemove: modeBarButtonsToRemove,
          })
          //@ts-expect-error Plotly+typescript = meh
          plot.on('plotly_relayout', relayout_)
          has_plot.has_plot = true
      }

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 417 [3.42]

B:BD[3.10933] → [3.10933:11274]

        var dataProd = [
            {
                values: [Math.round(auto), Math.round(totalProd - auto)],
                labels: ['Autoconsommé', 'Surplus'],
                marker: { colors: ['#ffbf00dd', '#b81111dd'] },
                type: 'pie',
                sort: false,
                hole: 0.5,
            },
        ]

[3.10933]

[3.11274]

      var dataProd = [
          {
              values: [Math.round(auto), Math.round(totalProd - auto)],
              labels: ['Autoconsommé', 'Surplus'],
              marker: { colors: ['#ffbf00dd', '#b81111dd'] },
              type: 'pie',
              sort: false,
              hole: 0.5,
          },
      ]

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 428 [3.42]

B:BD[3.11275] → [3.11275:11620]

        var dataConso = [
            {
                values: [Math.round(auto), Math.round(totalConso - auto)],
                labels: ['Autoproduit', 'Fournisseur'],
                marker: { colors: ['#ffbf00dd', '#b81111dd'] },
                type: 'pie',
                sort: false,
                hole: 0.5,
            },
        ]

[3.11275]

[3.11620]

      var dataConso = [
          {
              values: [Math.round(auto), Math.round(totalConso - auto)],
              labels: ['Autoproduit', 'Fournisseur'],
              marker: { colors: ['#ffbf00dd', '#b81111dd'] },
              type: 'pie',
              sort: false,
              hole: 0.5,
          },
      ]

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 439 [3.42]

B:BD[3.11621] → [3.11621:11757]

B:BD[3.11757] → [4.226:285]

∅:D[4.285] → [3.11757:12352]

B:BD[3.11757] → [3.11757:12352]

B:BD[3.12352] → [4.286:345]

∅:D[4.345] → [3.12352:12951]

B:BD[3.12352] → [3.12352:12951]

        if (totalProd && totalConso) {
            plotStyle = 'min-height:450px'
            Plotly.react(
                'autoProd',
                //@ts-expect-error Plotly+typescript = meh
                dataProd,
                {
                    title: "Autoconsommation sur l'année",
                    font: {
                        color: darkMode ? '#fff' : '#000',
                    },
                    plot_bgcolor: '#fff0',
                    paper_bgcolor: '#fff0',
                    autosize: true,
                    automargin: true,
                    legend: {
                        orientation: 'h',
                    },
                },
                { responsive: true }
            )
            Plotly.react(
                'autoConso',
                //@ts-expect-error Plotly+typescript = meh
                dataConso,
                {
                    title: "Autoproduction sur l'année",
                    font: {
                        color: darkMode ? '#fff' : '#000',
                    },
                    plot_bgcolor: '#fff0',
                    paper_bgcolor: '#fff0',
                    autosize: true,
                    automargin: true,
                    legend: {
                        orientation: 'h',
                    },
                },
                { responsive: true }
            )
        } else {
            plotStyle = ''
        }
    }

[3.11621]

[3.12951]

      if (totalProd && totalConso) {
          plotStyle = 'min-height:450px'
          Plotly.react(
              'autoProd',
              //@ts-expect-error Plotly+typescript = meh
              dataProd,
              {
                  title: "Autoconsommation sur l'année",
                  font: {
                      color: darkMode ? '#fff' : '#000',
                  },
                  plot_bgcolor: '#fff0',
                  paper_bgcolor: '#fff0',
                  autosize: true,
                  automargin: true,
                  legend: {
                      orientation: 'h',
                  },
              },
              { responsive: true }
          )
          Plotly.react(
              'autoConso',
              //@ts-expect-error Plotly+typescript = meh
              dataConso,
              {
                  title: "Autoproduction sur l'année",
                  font: {
                      color: darkMode ? '#fff' : '#000',
                  },
                  plot_bgcolor: '#fff0',
                  paper_bgcolor: '#fff0',
                  autosize: true,
                  automargin: true,
                  legend: {
                      orientation: 'h',
                  },
              },
              { responsive: true }
          )
      } else {
          plotStyle = ''
      }
  }

Replacement in src/app.scss at line 1 [2.865959]
B:BD[2.865959] → [11.65744:65767]
```
@import "tailwindcss";
```
[2.865959]
[11.65767]
```
@import 'tailwindcss';
```
Replacement in src/app.scss at line 5 [2.865959]
B:BD[11.65813] → [11.65813:65853]
```
    name: "light";
      default: true;
```
[11.65813]
[11.65853]
```
    name: 'light';
    default: true;
```

Replacement in src/app.scss at line 9 [2.865959]

B:BD[11.65925] → [11.65925:66789]

  --color-base-200: oklch(88% 0.0117 37.42);
  --color-base-300: oklch(85% 0.0117 37.42);
  --color-base-content: oklch(12% 0.042 264.695);
  --color-primary: #b81413;
  --color-primary-content: oklch(98% 0.003 247.858);
  --color-secondary: #de5e1c;
  --color-secondary-content: oklch(94% 0.028 342.258);
  --color-accent: #b81413;
  --color-accent-content: oklch(98% 0.003 247.858);
  --color-neutral: oklch(14% 0.005 285.823);
  --color-neutral-content: oklch(98% 0.003 247.858);
  --color-info: oklch(0.8403 0.1724 84.08);
  --color-info-content: oklch(12% 0.042 264.695);
  --color-success: oklch(76% 0.177 163.223);
  --color-success-content: oklch(37% 0.077 168.94);
  --color-warning: oklch(82% 0.189 84.429);
  --color-warning-content: oklch(41% 0.112 45.904);
  --color-error: oklch(0.5915 0.202 21.24);
  --color-error-content: oklch(27% 0.105 12.094);

[11.65925]

[11.66789]

    --color-base-200: oklch(88% 0.0117 37.42);
    --color-base-300: oklch(85% 0.0117 37.42);
    --color-base-content: oklch(12% 0.042 264.695);
    --color-primary: #b81413;
    --color-primary-content: oklch(98% 0.003 247.858);
    --color-secondary: #de5e1c;
    --color-secondary-content: oklch(94% 0.028 342.258);
    --color-accent: #b81413;
    --color-accent-content: oklch(98% 0.003 247.858);
    --color-neutral: oklch(14% 0.005 285.823);
    --color-neutral-content: oklch(98% 0.003 247.858);
    --color-info: oklch(0.8403 0.1724 84.08);
    --color-info-content: oklch(12% 0.042 264.695);
    --color-success: oklch(76% 0.177 163.223);
    --color-success-content: oklch(37% 0.077 168.94);
    --color-warning: oklch(82% 0.189 84.429);
    --color-warning-content: oklch(41% 0.112 45.904);
    --color-error: oklch(0.5915 0.202 21.24);
    --color-error-content: oklch(27% 0.105 12.094);

Replacement in src/app.scss at line 31 [2.865959]

B:BD[11.66818] → [11.66818:66916]

    name: "dark";
  prefersdark: true; /* set as default dark mode (prefers-color-scheme:dark) */

[11.66818]

[11.66916]

    name: 'dark';
    prefersdark: true; /* set as default dark mode (prefers-color-scheme:dark) */

Replacement in src/app.scss at line 34 [2.865959]

B:BD[11.66940] → [11.66940:67519]

  --color-primary: #b81413;
  --color-primary-content: white;
  --color-secondary: #de5e1c;
  --color-secondary-content: black;
  --color-accent: #b81413;
  --color-accent-content: white;
  --color-info: oklch(0.8403 0.1724 84.08);
  --color-info-content: black;
  --color-success: oklch(76% 0.177 163.223);
  --color-success-content: oklch(37% 0.077 168.94);
  --color-warning: oklch(82% 0.189 84.429);
  --color-warning-content: oklch(41% 0.112 45.904);
  --color-error: oklch(0.5915 0.202 21.24);
  --color-error-content: oklch(27% 0.105 12.094);
  --tab-border-color: white;

[11.66940]

[11.67519]

    --color-primary: #b81413;
    --color-primary-content: white;
    --color-secondary: #de5e1c;
    --color-secondary-content: black;
    --color-accent: #b81413;
    --color-accent-content: white;
    --color-info: oklch(0.8403 0.1724 84.08);
    --color-info-content: black;
    --color-success: oklch(76% 0.177 163.223);
    --color-success-content: oklch(37% 0.077 168.94);
    --color-warning: oklch(82% 0.189 84.429);
    --color-warning-content: oklch(41% 0.112 45.904);
    --color-error: oklch(0.5915 0.202 21.24);
    --color-error-content: oklch(27% 0.105 12.094);
    --tab-border-color: white;