pmeunier/grain - Change 3O3IMVFKGSXMVLPLZR3H6MIG3EE5PS4632QE4JMK5SVX2PVSSKDAC

Restructuration (calculs côté serveur)

Created by pmeunier on June 26, 2024

3O3IMVFKGSXMVLPLZR3H6MIG3EE5PS4632QE4JMK5SVX2PVSSKDAC

Dependencies

In channels

main

Change contents

Replacement in tsconfig.json at line 12 [13.29953]

∅:D[12.25113] → [13.30220:30273]

B:BD[13.30220] → [13.30220:30273]

        "types": ["@cloudflare/workers-types"]
    }

[12.25113]

[13.30273]

        "types": ["@types/bootstrap"]
    },
    "include": [
        ".svelte-kit/ambient.d.ts",
        ".svelte-kit/types/**/$types.d.ts",
        "./vite.config.js",
        "./vite.config.ts",
        "./src/**/*.js",
        "./src/**/*.ts",
        "./src/**/*.svelte"
    ],
    "exclude": [
        "./node_modules/**",
        ".svelte-kit/[!ambient.d.ts]**",
        "./src/service-worker.js",
        "./src/service-worker.ts",
        "./src/service-worker.d.ts"
    ]

Replacement in svelte.config.js at line 1 [13.30315]
B:BD[13.30315] → [12.25114:25173]
```
import adapter from '@sveltejs/adapter-cloudflare-workers'
```
[13.30315]
[12.25173]
```
import adapter from '@sveltejs/adapter-node'
```

Replacement in svelte.config.js at line 3 [13.30315]

B:BD[12.25216] → [12.25216:25268]

import { vitePreprocess } from '@sveltejs/kit/vite'

[12.25216]

[13.30473]

import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';

Deletion in svelte.config.js at line 5 [13.30315]
B:BD[13.30474] → [13.30474:30520]
```
/** @type {import('@sveltejs/kit').Config} */
```

Deletion in svelte.config.js at line 6 [13.30315]

B:BD[13.30537] → [13.30537:30646]

    // Consult https://github.com/sveltejs/svelte-preprocess
    // for more information about preprocessors

File deletion: userdo.ts, index.ts

BF:BFD[13.762577] → [14.4516:4536]

BF:BFD[14.4536] → [13.10967:10967]

BFD:BFD[13.10950] → [13.14899:14931]

BF:BFD[13.14931] → [13.10967:10967]

∅:D[4.39] → [13.11023:11042]

∅:D[15.53] → [13.11023:11042]

∅:D[12.11038] → [13.11023:11042]

B:BD[13.11023] → [13.11023:11042]

∅:D[14.4555] → [13.11068:11300]

B:BD[13.11068] → [13.11068:11300]

∅:D[15.105] → [13.11388:11490]

B:BD[13.11388] → [13.11388:11490]

∅:D[12.11322] → [13.11784:11795]

B:BD[13.11784] → [13.11784:11795]

∅:D[12.11361] → [13.11833:11874]

B:BD[13.11833] → [13.11833:11874]

∅:D[15.284] → [13.12645:12656]

B:BD[13.12645] → [13.12645:12656]

∅:D[15.395] → [13.12803:12824]

∅:D[12.11909] → [13.12803:12824]

B:BD[13.12803] → [13.12803:12824]

∅:D[14.4709] → [13.12880:13137]

B:BD[13.12880] → [13.12880:13137]

∅:D[15.540] → [13.13212:13226]

∅:D[12.11957] → [13.13212:13226]

B:BD[13.13212] → [13.13212:13226]

∅:D[12.12011] → [13.13279:13290]

B:BD[13.13279] → [13.13279:13290]

∅:D[12.12162] → [13.13440:13454]

B:BD[13.13440] → [13.13440:13454]

∅:D[12.12241] → [13.13531:13672]

B:BD[13.13531] → [13.13531:13672]

∅:D[16.535] → [13.14110:14124]

∅:D[12.12506] → [13.14110:14124]

B:BD[13.14110] → [13.14110:14124]

∅:D[12.12560] → [13.14177:14188]

B:BD[13.14177] → [13.14177:14188]

∅:D[12.12605] → [13.14233:14281]

B:BD[13.14233] → [13.14233:14281]

∅:D[4.112] → [13.14353:14374]

∅:D[15.688] → [13.14353:14374]

B:BD[13.14353] → [13.14353:14374]

∅:D[16.563] → [13.14520:14530]

B:BD[13.14520] → [13.14520:14530]

∅:D[16.759] → [13.14762:14788]

∅:D[14.4885] → [13.14762:14788]

B:BD[13.14762] → [13.14762:14788]

∅:D[16.897] → [13.14843:14898]

B:BD[13.14843] → [13.14843:14898]

B:BD[13.14788] → [16.760:792]

∅:D[14.4914] → [16.822:897]

B:BD[16.822] → [16.822:897]

B:BD[16.792] → [14.4886:4914]

B:BD[13.14675] → [15.689:736]

B:BD[15.736] → [16.714:759]

B:BD[16.759] → [14.4739:4885]

B:BD[13.14530] → [12.12606:12690]

∅:D[14.4738] → [12.12719:12862]

B:BD[12.12719] → [12.12719:12862]

B:BD[12.12690] → [14.4710:4738]

B:BD[13.14374] → [16.536:563]

B:BD[13.14281] → [4.40:112]

B:BD[13.14188] → [12.12561:12605]

B:BD[13.14124] → [12.12507:12560]

B:BD[13.13672] → [12.12242:12506]

B:BD[13.13454] → [12.12163:12241]

B:BD[13.13290] → [12.12012:12162]

B:BD[13.13226] → [12.11958:12011]

B:BD[13.13137] → [15.396:493]

B:BD[15.493] → [12.11910:11957]

B:BD[13.12824] → [14.4656:4709]

B:BD[13.12656] → [12.11747:11909]

∅:D[14.4655] → [12.11457:11746]

B:BD[12.11457] → [12.11457:11746]

∅:D[12.11746] → [15.219:284]

B:BD[15.219] → [15.219:284]

B:BD[13.11874] → [14.4556:4655]

B:BD[13.11795] → [12.11323:11361]

∅:D[12.11168] → [15.164:181]

B:BD[13.11642] → [15.164:181]

B:BD[15.181] → [12.11169:11322]

B:BD[13.11490] → [15.106:163]

B:BD[15.163] → [12.11076:11168]

∅:D[12.11075] → [15.54:105]

B:BD[13.11336] → [15.54:105]

B:BD[13.11300] → [12.11039:11075]

B:BD[13.11042] → [14.4537:4555]

B:BD[13.10967] → [4.0:39]


interface Env {}
export class User {
    env: Env
    state: DurableObjectState
    constructor(state: DurableObjectState, env: Env) {
        this.state = state
        this.env = env
    }
    async fetch(request: Request): Promise<Response> {
        console.log(`parsed ${JSON.stringify(json)}`)
        return await this.fetchCmd(json)
    }
        }
            let id = crypto.randomUUID()
        }
            if (x) {
                x.porteur = json.SaveProjet.porteur || x.porteur
                x.tel = json.SaveProjet.tel || x.tel
                x.adresse = json.SaveProjet.adresse || x.adresse
                x.simulation = json.SaveProjet.simulation || x.simulation
            }
        }
            )
                resp.id = json.GetProjet
            }
            return new Response(JSON.stringify(resp || null), { headers })
        }
            }
        }
        throw new Error(exhaustiveCheck)
    }
        let opts = {
        }
            result.push({
            })
        }
        return result
    }
}
                id: k.slice(3),
                puissance: v.simulation.puissance,
                t: v.t,
                nom: v.nom,
        let result: Grain.ListProjetsResp = []
        for (let [k, v] of keys.entries()) {
            console.log(k, v)
            if (!v.nom) {
                await this.state.storage.delete(k)
                continue
            }
        let keys: Map<
            string,
            {
                id: string
                simulation: Grain.SimulationCommunaute
                t: number
            }
        > = await this.state.storage.list(opts)
                nom: string
            prefix: 'pi.',
    async listprojets(_from?: number): Promise<Grain.ListProjetsResp> {
        const exhaustiveCheck: never = json
            return new Response('null', { headers })
        if ('DelProjet' in json) {
            let t: undefined | { t: string } = await this.state.storage.get(
                `pi.${json.DelProjet.id}`
            )
            if (t) {
                await this.state.storage.delete(`pi.${json.DelProjet.id}`)
            console.log('resp', JSON.stringify(resp))
            if (resp) {
        if ('GetProjet' in json) {
            let resp = <Grain.GetProjetResp>(
                await this.state.storage.get(`pi.${json.GetProjet}`)
            return new Response('null', { headers })
                await this.state.storage.put(`pi.${json.SaveProjet.id}`, x)
            } else {
                console.log('no such project')
                x.nom = json.SaveProjet.nom || x.nom
        if ('SaveProjet' in json) {
            let x: undefined | Grain.GetProjetResp =
                await this.state.storage.get(`pi.${json.SaveProjet.id}`)
                porteur: json.CreateProjet.porteur,
                tel: json.CreateProjet.tel,
                adresse: json.CreateProjet.adresse,
                simulation: json.CreateProjet.simulation,
                t: Date.now(),
            })
            console.log('saved', id)
            return new Response(JSON.stringify(id), { headers })
            await this.state.storage.put(`pi.${id}`, {
                nom: json.CreateProjet.nom,
        if ('CreateProjet' in json) {
        // Grain
        if ('ListProjets' in json) {
            return new Response(JSON.stringify(await this.listprojets()), {
                headers,
            })
    async fetchCmd(json: Grain.Cmd): Promise<Response> {
        let headers = new Headers()
        headers.set('Content-Type', 'application/json')
        let json = <Grain.Cmd>await request.json()
        console.log('parsing json')
export default {}
import type { Grain } from './helpers'

File deletion: Banque.svelte

BF:BFD[13.784865] → [13.855880:855917]

BF:BFD[13.855917] → [13.851509:851509]

B:BD[13.851509] → [13.851510:851529]

∅:D[12.125046] → [13.851563:851564]

B:BD[13.851563] → [13.851563:851564]

∅:D[12.125086] → [13.851597:851598]

B:BD[13.851597] → [13.851597:851598]

∅:D[12.125125] → [13.851630:851631]

B:BD[13.851630] → [13.851630:851631]

∅:D[12.125165] → [13.851664:851665]

B:BD[13.851664] → [13.851664:851665]

∅:D[12.125209] → [13.851702:851703]

B:BD[13.851702] → [13.851702:851703]

∅:D[12.125260] → [13.851747:851748]

B:BD[13.851747] → [13.851747:851748]

∅:D[12.125313] → [13.851797:851798]

B:BD[13.851797] → [13.851797:851798]

∅:D[17.856] → [13.851886:851887]

∅:D[12.125411] → [13.851886:851887]

B:BD[13.851886] → [13.851886:851887]

∅:D[12.125713] → [13.852170:852171]

B:BD[13.852170] → [13.852170:852171]

∅:D[12.125862] → [13.852307:852308]

B:BD[13.852307] → [13.852307:852308]

∅:D[12.125954] → [13.852393:852394]

B:BD[13.852393] → [13.852393:852394]

∅:D[12.126041] → [13.852474:852475]

B:BD[13.852474] → [13.852474:852475]

∅:D[12.126132] → [13.852561:852562]

B:BD[13.852561] → [13.852561:852562]

∅:D[12.126204] → [13.852627:852628]

B:BD[13.852627] → [13.852627:852628]

∅:D[12.126464] → [13.852869:852870]

B:BD[13.852869] → [13.852869:852870]

∅:D[12.127778] → [13.854055:854056]

B:BD[13.854055] → [13.854055:854056]

∅:D[12.127801] → [13.854075:854123]

B:BD[13.854075] → [13.854075:854123]

∅:D[12.127945] → [13.854224:854348]

B:BD[13.854224] → [13.854224:854348]

∅:D[18.921] → [13.854378:854419]

∅:D[19.40848] → [13.854378:854419]

∅:D[20.41404] → [13.854378:854419]

B:BD[13.854378] → [13.854378:854419]

∅:D[19.40886] → [13.854455:855086]

∅:D[12.127982] → [13.854455:855086]

B:BD[13.854455] → [13.854455:855086]

∅:D[18.990] → [13.855116:855609]

∅:D[19.40933] → [13.855116:855609]

∅:D[20.41465] → [13.855116:855609]

B:BD[13.855116] → [13.855116:855609]

∅:D[12.128155] → [13.855744:855879]

B:BD[13.855744] → [13.855744:855879]

∅:D[19.41218] → [20.41546:41555]

∅:D[12.128390] → [20.41546:41555]

B:BD[20.41546] → [20.41546:41555]

B:BD[13.855879] → [12.128156:128157]

∅:D[12.128157] → [18.991:1011]

B:BD[13.855879] → [18.991:1011]

B:BD[18.1011] → [12.128158:128390]

B:BD[13.855609] → [12.127983:128155]

B:BD[13.855086] → [18.922:990]

B:BD[13.854419] → [12.127946:127982]

B:BD[13.854348] → [18.846:921]

B:BD[13.854123] → [12.127802:127945]

B:BD[13.854056] → [12.127779:127801]

B:BD[13.852870] → [12.126465:126870]

∅:D[17.904] → [12.126916:127265]

B:BD[12.126916] → [12.126916:127265]

∅:D[17.970] → [12.127329:127778]

B:BD[12.127329] → [12.127329:127778]

B:BD[12.127265] → [17.905:970]

B:BD[12.126870] → [17.857:904]

B:BD[13.852628] → [12.126205:126464]

B:BD[13.852562] → [12.126133:126204]

B:BD[13.852475] → [12.126042:126132]

B:BD[13.852394] → [12.125955:126041]

B:BD[13.852308] → [12.125863:125954]

B:BD[13.852171] → [12.125714:125862]

B:BD[13.851887] → [12.125412:125713]

B:BD[13.851798] → [12.125314:125411]

B:BD[12.125411] → [17.821:856]

B:BD[13.851748] → [12.125261:125313]

B:BD[13.851703] → [12.125210:125260]

B:BD[13.851665] → [12.125166:125209]

B:BD[13.851631] → [12.125126:125165]

B:BD[13.851598] → [12.125087:125125]

B:BD[13.851564] → [12.125047:125086]

B:BD[13.851529] → [12.125009:125046]

<script lang="ts">
</script>
<div class="form-check form-switch">
    <label class="form-check-label" for="annuel">Présentation annuelle</label>
</div>
{#if annuel}
    <div class="my-3">
            <thead>
                <tr>
                    <th>Capital restant dû</th>
                    <th>Principal</th>
                    <th>Intérêts</th>
                </tr>
            </thead>
            <tbody>
                {#each remboursementAnnuel as r, periode}
                    <tr>
                        <td>{periode}</td>
                        <td>{crdAnnuel[periode].toFixed(0)}</td>
                        <td>{r.toFixed(0)}</td>
                        <td>{interetsAnnuels[periode].toFixed(0)}</td>
                    </tr>
                {/each}
            </tbody>
        </table>
    </div>
{:else}
    <div class="my-3">
            <thead>
                <tr>
                    <th>Mois</th>
                    <th>Capital restant dû</th>
                    <th>Principal</th>
                    <th>Intérêts</th>
                </tr>
            </thead>
            <tbody>
                {#each remboursement as r, periode}
                    <tr>
                        <td>{periode}</td>
                        <td>{crd[periode].toFixed(0)}</td>
                        <td>{r.toFixed(0)}</td>
                        </td>
                    </tr>
                {/each}
            </tbody>
        </table>
    </div>
{/if}
</style>
<style lang="scss">
    table {
        font-size: 90%;
    }
    th {
        font-size: 1rem;
        font-weight: bold;
    }
    td {
        padding: 5px 5px;
        padding: 5px 7px 5px 10px;
        text-align: end;
        border: none;
    }
                        <td
                            >{#if periode > 0}
                                {interets[periode].toFixed(0)}
                            {/if}
        <table class="table table-striped border-0 d-inline-block">
                    <th>Année</th>
        <table class="table table-striped border-0 d-inline-block banque">
    <input
        class="form-check-input"
        type="checkbox"
        role="switch"
        id="annuel"
        bind:checked={annuel} />
    let annuel = true
        crd[0] = dette
        remboursement[0] = 0
        interets[0] = 0
        crdAnnuel[0] = dette
        remboursementAnnuel[0] = 0
        interetsAnnuels[0] = 0
        for (let i = 1; i <= duree; i++) {
            if (i <= periodeRemboursementCapital) {
                remboursement[i] = 0
            } else if (i < nombreEcheancesPeriodeTronquee) {
                remboursement[i] = ppmt(
                    i - periodeRemboursementCapital,
                    totalPeriodes,
                    -dette
                )
            } else if (i == nombreEcheances) {
                remboursement[i] = crd[i - 1]
            } else {
                remboursement[i] = 0
            }
            crd[i] = crd[i - 1] - remboursement[i]
            if (i % nombrePeriodesParAn == 0) {
                crdAnnuel[i / nombrePeriodesParAn] = crd[i]
                remboursementAnnuel[i / nombrePeriodesParAn] = 0
                interetsAnnuels[i / nombrePeriodesParAn] = 0
            }
            remboursementAnnuel[Math.floor(i / nombrePeriodesParAn)] +=
                remboursement[i]
            interetsAnnuels[Math.floor(i / nombrePeriodesParAn)] += interets[i]
        }
    }
            interets[i] = crd[i - 1] * taux_ * prorataPeriodique
                    taux_ * prorataPeriodique,
        remboursement = new Array(duree + 1)
        crd = new Array(duree + 1)
        interets = new Array(duree + 1)
        remboursementAnnuel = new Array(dureeAns_)
        crdAnnuel = new Array(dureeAns_)
        interetsAnnuels = new Array(dureeAns_)
        // X11
        let periodeRemboursementCapital = dureeDifferee
        // W11
        let totalPeriodes = dureeAns * nombrePeriodesParAn - dureeDifferee
        // V9
        let nombreEcheances = Math.ceil(nombreEcheancesPeriodeTronquee)
        // V10
        let nombreEcheancesPeriodeTronquee = dureeAns * nombrePeriodesParAn
    $: {
        dureeAns = duree / nombrePeriodesParAn
        dureeAns_ = Math.ceil(dureeAns)
        prorataPeriodique = 1 / nombrePeriodesParAn
    export let remboursement = new Array(duree + 1)
    export let remboursementAnnuel = new Array(dureeAns_)
    export let crd = new Array(duree + 1)
    export let crdAnnuel = new Array(dureeAns_)
    export let interets = new Array(duree + 1)
    export let interetsAnnuels = new Array(dureeAns_)
    // V6
    let dureeAns = duree / nombrePeriodesParAn
    let dureeAns_ = Math.ceil(dureeAns)
    let taux_ = Math.min(taux, 1)
    let prorataPeriodique = 1 / nombrePeriodesParAn
    // V8
    export let nombrePeriodesParAn = 12
    // Z7
    export let dureeDifferee = 1
    // Z8
    export let duree: number
    // V4
    export let taux: number
    // V3
    export let dette: number
    import { ppmt } from 'financial'

File deletion: Conso.svelte

BF:BFD[13.784905] → [13.804566:804602]

BF:BFD[13.804602] → [13.794683:794683]

B:BD[13.794683] → [13.794684:794703]

∅:D[12.49355] → [13.794835:794836]

B:BD[13.794835] → [13.794835:794836]

∅:D[12.49376] → [13.794854:794855]

B:BD[13.794854] → [13.794854:794855]

∅:D[12.51559] → [13.796969:796970]

B:BD[13.796969] → [13.796969:796970]

∅:D[12.51736] → [13.797079:797080]

B:BD[13.797079] → [13.797079:797080]

∅:D[12.52773] → [13.798063:798064]

B:BD[13.798063] → [13.798063:798064]

∅:D[12.52912] → [13.798196:798197]

B:BD[13.798196] → [13.798196:798197]

∅:D[12.53186] → [13.798442:798443]

B:BD[13.798442] → [13.798442:798443]

∅:D[12.53348] → [13.798584:798585]

B:BD[13.798584] → [13.798584:798585]

∅:D[12.53550] → [13.798769:798770]

B:BD[13.798769] → [13.798769:798770]

∅:D[12.53787] → [13.798969:798970]

B:BD[13.798969] → [13.798969:798970]

∅:D[12.53981] → [13.799147:799188]

B:BD[13.799147] → [13.799147:799188]

∅:D[12.54177] → [13.799418:799515]

B:BD[13.799418] → [13.799418:799515]

∅:D[12.54232] → [13.799569:799689]

B:BD[13.799569] → [13.799569:799689]

∅:D[12.54261] → [13.799719:799773]

B:BD[13.799719] → [13.799719:799773]

∅:D[12.54339] → [13.799870:799993]

B:BD[13.799870] → [13.799870:799993]

∅:D[12.54397] → [13.800050:800089]

B:BD[13.800050] → [13.800050:800089]

∅:D[12.55170] → [13.800494:800518]

B:BD[13.800494] → [13.800494:800518]

∅:D[12.55576] → [13.800757:800862]

B:BD[13.800757] → [13.800757:800862]

∅:D[12.55859] → [13.801059:801168]

B:BD[13.801059] → [13.801059:801168]

∅:D[12.56014] → [13.801249:801290]

B:BD[13.801249] → [13.801249:801290]

∅:D[12.56203] → [13.801393:801665]

B:BD[13.801393] → [13.801393:801665]

∅:D[12.56496] → [13.801872:801984]

B:BD[13.801872] → [13.801872:801984]

∅:D[12.56567] → [13.802054:802093]

B:BD[13.802054] → [13.802054:802093]

∅:D[12.56711] → [13.802179:802205]

B:BD[13.802179] → [13.802179:802205]

∅:D[12.56844] → [13.802310:802351]

B:BD[13.802310] → [13.802310:802351]

∅:D[12.56955] → [13.802444:802663]

B:BD[13.802444] → [13.802444:802663]

∅:D[12.57083] → [13.802810:802875]

B:BD[13.802810] → [13.802810:802875]

∅:D[12.57324] → [13.803075:803135]

B:BD[13.803075] → [13.803075:803135]

∅:D[12.57456] → [13.803246:803272]

B:BD[13.803246] → [13.803246:803272]

∅:D[12.58331] → [13.804003:804004]

B:BD[13.804003] → [13.804003:804004]

∅:D[12.58400] → [13.804063:804064]

B:BD[13.804063] → [13.804063:804064]

∅:D[12.58793] → [13.804354:804355]

B:BD[13.804354] → [13.804354:804355]

∅:D[12.59038] → [13.804556:804565]

B:BD[13.804556] → [13.804556:804565]

B:BD[13.804355] → [12.58794:59038]

B:BD[13.804064] → [12.58401:58793]

B:BD[13.804004] → [12.58332:58400]

B:BD[13.803272] → [12.57457:58331]

B:BD[13.803135] → [12.57325:57456]

B:BD[13.802875] → [12.57084:57324]

B:BD[13.802663] → [12.56956:57083]

B:BD[13.802351] → [12.56845:56955]

B:BD[13.802205] → [12.56712:56844]

B:BD[13.802093] → [12.56568:56711]

B:BD[13.801984] → [12.56497:56567]

B:BD[13.801665] → [12.56204:56496]

B:BD[13.801290] → [12.56015:56203]

B:BD[13.801168] → [12.55860:56014]

B:BD[13.800862] → [12.55577:55859]

B:BD[13.800518] → [12.55171:55576]

B:BD[13.800089] → [12.54398:55170]

B:BD[13.799993] → [12.54340:54397]

B:BD[13.799773] → [12.54262:54339]

B:BD[13.799689] → [12.54233:54261]

B:BD[13.799515] → [12.54178:54232]

B:BD[13.799188] → [12.53982:54177]

B:BD[13.798970] → [12.53788:53981]

B:BD[13.798770] → [12.53551:53787]

B:BD[13.798585] → [12.53349:53550]

B:BD[13.798443] → [12.53187:53348]

B:BD[13.798197] → [12.52913:53186]

B:BD[13.798064] → [12.52774:52912]

B:BD[13.797080] → [12.51737:52773]

B:BD[13.796970] → [12.51560:51736]

B:BD[13.794855] → [12.49377:51559]

B:BD[13.794836] → [12.49356:49376]

B:BD[13.794703] → [12.49162:49355]

<script lang="ts">
</script>
<div class="chart-container">
        <!-- Dots (if enabled) -->
        {#if showDots && !dotInfo}
            {#each I as i}
                    <circle
                        cx={xScale(xVals[i])}
                        cy={yScale(yVals[i])}
                        stroke={colors[colorVals[i]]}
                </g>
            {/each}
        {/if}
        <!-- Chart lines -->
        {#each lines as subsetLine, i}
                {#if dotInfo && false}
                {:else}
                {/if}
            </g>
        {/each}
        <!-- Y-axis and horizontal grid lines -->
            {#each yTicks as tick}
                <g class="tick" transform="translate(0, {yScale(tick)})">
                    {#if horizontalGrid}
                    {/if}
                    <text x="-10" y="5">{tick + yFormat}</text>
                </g>
            {/each}
            <text text-anchor="middle" x="0" y={marginTop - 10}>{yLabel}</text>
        </g>
        <!-- X-axis and vertical grid lines -->
            {#each xTicks as tick, i}
                <g class="tick" transform="translate({xScale(tick)}, 0)">
                    {#if verticalGrid}
                    {/if}
                </g>
            {/each}
        </g>
        {#each pointsScaled as point, i}
            <path
                stroke="none"
                fill-opacity="0"
                class="voronoi-cell"
                d={voronoiGrid.renderCell(i)}
        {/each}
    </svg>
</div>
<!-- Tooltip -->
{#if dotInfo}
        {subsets ? subsets[points[dotInfo[1]].color] : ''}:
    </div>
{/if}
<style>
</style>
    .tooltip {
        border-radius: 5px;
        padding: 5px;
        box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px,
            rgba(0, 0, 0, 0.3) 0px 7px 13px -3px,
            rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
        opacity: 1;
    }
    @media (prefers-color-scheme: dark) {
        .y-axis text {
            fill: white;
        }
        .x-axis text {
            fill: white;
        }
        .tick-start {
            stroke: white;
        }
        .tick-grid {
            stroke: white;
        }
        .tick text {
            fill: white;
        }
        .domain {
            stroke: white;
        }
    }
    .y-axis .tick text {
        text-anchor: end !important;
    }
    .chart-container {
        justify-content: center;
        align-items: center;
        margin-top: 50px;
        margin-left: 8 0px;
    }
    svg {
        max-width: 100%;
        height: auto;
        height: 'intrinsic';
        margin: auto;
    }
    path {
        fill: 'green';
    }
    .y-axis {
        font-size: '10px';
        font-family: sans-serif;
        text-anchor: 'end';
    }
    .x-axis {
        font-size: '10px';
        font-family: sans-serif;
        text-anchor: 'end';
    }
    .tick text {
        font-size: 80%;
        fill: white !important;
    }
    .tick {
        opacity: 1;
    }
    .tick-start {
        stroke: black;
        stroke-opacity: 1;
    }
    .tick-grid {
        stroke: black;
        stroke-opacity: 0.2;
        font-size: '11px';
        color: black;
    }
    .tick text {
        fill: black;
    }
        {new Date(points[dotInfo[1]].x * 1000).toLocaleString()}: {points[
            dotInfo[1]
        ].y.toFixed(2)}{yFormat}
    <div
        class="tooltip"
        style="position:absolute; left:{dotInfo[2].pageX +
            12}px; top:{dotInfo[2].pageY +
            12}px; pointer-events:none; background-color:{tooltipBackground}; color:{tooltipTextColor}">
                on:mouseover={(e) => (dotInfo = [point, i, e])}
                on:focus={(e) => (dotInfo = [point, i, e])} />
            <text x={width - marginLeft - marginRight - 40} y={marginBottom}
                >{xLabel}</text>
                    <text font-size="8px" x={-marginLeft / 4} y="20"
                        >{xTicksFormatted[i] + xFormat}</text>
                        <line
                            class="tick-grid"
                            y2={-height + insetTop + marginTop} />
                    <line class="tick-start" stroke="black" y2="6" />
        <g
            class="x-axis"
            transform="translate(0,{height - marginBottom - insetBottom})"
            pointer-events="none">
            <path
                class="domain"
                stroke="black"
                d="M{marginLeft},0.5 H{width - marginRight}" />
                        <line
                            class="tick-grid"
                            x1={insetLeft}
                            x2={width - marginLeft - marginRight} />
                    <line
                        class="tick-start"
                        x1={insetLeft - 6}
                        x2={insetLeft} />
        <g
            class="y-axis"
            transform="translate({marginLeft}, 0)"
            pointer-events="none">
            <path
                class="domain"
                stroke="black"
                d="M{insetLeft}, {marginTop} V{height - marginBottom + 6}" />
                    <path
                        class="line"
                        fill="none"
                        stroke={colors[i]}
                        d={subsetLine}
                        stroke-opacity={strokeOpacity[i]}
                        stroke-width={strokeWidth}
                        stroke-linecap={strokeLinecap}
                        stroke-linejoin={strokeLinejoin} />
                    <path
                        class="line"
                        fill="none"
                        stroke-opacity={points[dotInfo[1]].color === i
                            ? '1'
                            : '0.1'}
                        stroke={colors[i]}
                        d={subsetLine}
                        stroke-width={strokeWidth}
                        stroke-linecap={strokeLinecap}
                        stroke-linejoin={strokeLinejoin} />
                    <circle
                        cx={xScale(points[dotInfo[1]].x)}
                        cy={yScale(points[dotInfo[1]].y)}
                        {r}
                        stroke={colors[points[dotInfo[1]].color]}
                        fill={dotsFilled} />
            <g class="chartlines" pointer-events="none">
                        fill={dotsFilled ? colors[colorVals[i]] : 'none'} />
                        {r}
                <g class="dot" pointer-events="none">
    <svg
        {width}
        {height}
        viewBox="0 0 {width} {height}"
        cursor="crosshair"
        on:mouseout={() => (dotInfo = null)}
        on:blur={() => (dotInfo = null)}>
    const xTicks = xScale.ticks(xScalefactor)
    const xTicksFormatted = xTicks.map((el) =>
        new Date(el * 1000).toLocaleDateString()
    )
    const yTicks = niceY.ticks(yScalefactor)
    const pointsScaled = points.map((el) => [
        xScale(el.x),
        yScale(el.y),
        el.color,
    ])
    const delaunayGrid = Delaunay.from(pointsScaled)
    const voronoiGrid = delaunayGrid.voronoi([0, 0, width, height])
    $: {
        lines = []
        colors.forEach((_color, j) => {
            const filteredI = I.filter((_el, i) => colorVals[i] === j)
            lines.push(chartLine(filteredI))
        })
    }
    const chartLine = line()
        .defined((i) => cleanData[i])
        .curve(curve)
        .x((i) => xScale(xVals[i]))
        .y((i) => yScale(yVals[i]))
    const xDomain = [xVals[0], xVals[xVals.length - 1]]
    const yDomain = [0, Math.max(...yVals)]
    const xScale = xType(xDomain, xRange)
    const yScale = yType(yDomain, yRange)
    const niceY = scaleLinear()
        .domain([0, Math.max(...yVals)])
        .nice()
    const I = range(xVals.length)
    const gaps = (_d, i) => !isNaN(xVals[i]) && !isNaN(yVals[i])
    const cleanData = points.map(gaps)
    // For a single set of data
    console.log(data)
    if (!('data' in data[0])) {
        x = Object.keys(data[0])[0]
        y = Object.keys(data[0])[1]
        xVals = data.map((el: Record<string, any>) => el[x])
        yVals = data.map((el: Record<string, any>) => el[y])
        colorVals = data.map((_) => 0)
        points = data.map((el) => ({
            x: el[x],
            y: el[y],
            color: 0,
        }))
    }
    // For data with subsets (NOTE: expects 'id' and 'data' keys)
    else {
        x = Object.keys(data[0]?.data[0])[0]
        y = Object.keys(data[0]?.data[0])[1]
        data.forEach((subset, i) => {
            subset.data.forEach((coordinate) => {
                xVals.push(coordinate[x])
                yVals.push(coordinate[y])
                colorVals.push(i)
                points.push({
                    x: coordinate[x],
                    y: coordinate[y],
                    color: i,
                })
            })
            subsets.push(subset.id)
        })
    }
    let x: string,
        y: string,
        dotInfo,
        lines,
        xVals = [],
        yVals = [],
        points = [],
        subsets = [],
        colorVals = []
    const marginTop = 100 // the top margin, in pixels
    const marginRight = 0 // the right margin, in pixels
    const marginBottom = 30 // the bottom margin, in pixels
    const marginLeft = 100 // the left margin, in pixels
    const inset = 0 // inset the default range, in pixels
    const width = 600 // the outer width of the chart, in pixels
    const height = 400 // the outer height of the chart, in pixels
    const xLabel = '' // a label for the y-axis
    const yLabel = 'Consommation (Wh)' // a label for the y-axis
    const xFormat = '' // a format specifier string for the y-axis
    const yFormat = 'Wh' // a format specifier string for the y-axis
    const horizontalGrid = true // show horizontal grid lines
    const verticalGrid = true // show vertical grid lines
    const colors = ['#b81111', '#ffbf00'] // fill color for dots && number of colors in fill array MUST match number of subsets in data
    const showDots = false // whether dots should be displayed
    const dotsFilled = true // whether dots should be filled or outlined
    const r = 0 // (fixed) radius of dots, in pixels
    const strokeWidth = 1 // stroke width of line, in pixels
    const strokeOpacity = [0.8, 0.2, 0.8, 0.8] // stroke opacity of line
    const tooltipBackground = 'white' // background color of tooltip
    const tooltipTextColor = 'black' // text color of tooltip
    const strokeLinecap = 'round' // stroke line cap of the line
    const strokeLinejoin = 'round' // stroke line join of the line
    const xScalefactor = width / 150 //y-axis number of values
    const yScalefactor = height / 40 //y-axis number of values
    const curve = curveLinear // method of interpolation between points
    const xType = scaleUtc // type of x-scale
    const insetTop = 50 // inset from top
    const insetRight = inset // inset from right
    const insetBottom = inset // inset fro bottom
    const insetLeft = inset // inset from left
    const xRange = [marginLeft + insetLeft, width - marginRight - insetRight] // [left, right]
    const yType = scaleLinear // type of y-scale
    const yRange = [height - marginBottom - insetBottom, marginTop + insetTop] // [bottom, top]
    export let data
    //@ts-nocheck
    import {
        line,
        curveLinear,
        Delaunay,
        range,
        scaleLinear,
        scaleUtc,
    } from 'd3'
    // import data from './line-data';

File addition: simulation (d--x------)
[13.784905]
File move: Simulation.svelte → +page.svelte
BF:BFD[13.784905] → [13.794640:794681]
BF:BF[13.794681] → [13.784923:784923]
[0.615]
[13.784923]
Insertion in src/routes/projet/[id]/simulation/+page.svelte at line 4 [13.784923]
[12.25795]
[12.25795]
```
    import { dev } from '$app/environment';
```

Replacement in src/routes/projet/[id]/simulation/+page.svelte at line 6 [13.784923]

B:BD[12.25840] → [12.25840:25894]

    import type { Grain } from '../../../grain-types'

[12.25840]

[14.4915]

    import type { Writable }from 'svelte/store'
    import { getContext } from 'svelte'
    import { Grain } from '../../../../grain-types'

Replacement in src/routes/projet/[id]/simulation/+page.svelte at line 10 [13.784923]

B:BD[14.4953] → [21.0:66]

B:BD[21.66] → [22.0:66]

B:BD[22.66] → [23.0:90]

∅:D[22.66] → [12.25957:26261]

∅:D[23.90] → [12.25957:26261]

B:BD[12.25957] → [12.25957:26261]

    import { sample, chooseScale, relayout } from '../../../plot'
    export let position: { lat: number; lng: number } | undefined
    export let azimuth: number | undefined
    export let inclinaison: number | undefined
    export let puissance: number
    export let prmsFeature: boolean = false
    export let id: string = ''
    export let prms: Grain.Prm[] = []
    export let prodWeekly: number[] = []
    export let maxProd: number = 0
    export let assets = a as string
    export let server = 'https://coturnix.fr'

[14.4953]

[12.26261]

    import { chooseScale, relayout, modeBarButtonsToRemove } from '../../../../plot'
    import type {Derived, PVGIS} from '../calcul'
    import * as calcul from '../calcul'
    export let data: {
        id: string,
        accesParticuliers: boolean,
        prms: Grain.Prm[],
        guest?: boolean,
        profils: Grain.Profil[],
    };
    console.log(data)
    export let assets: string = a;
    let s: Derived = getContext("simulation")
    let expert: Writable<boolean> = getContext("expert")
    let _communaute: Writable<(Grain.Communaute & {isMoving?: boolean}) | null> = getContext("communaute")
    let prmsFeature: boolean = !data.guest
    const server = dev ? 'http://localhost:5173' : 'https://coturnix.fr'

Replacement in src/routes/projet/[id]/simulation/+page.svelte at line 35 [13.784923]

B:BD[12.26325] → [12.26325:26379]

        prms.push({ prm: null, nom: '', prenom: '' })

[12.26325]

[12.26379]

        data.prms.push({ prm: null, nom: '', prenom: '', siret: '', pro: true })

Replacement in src/routes/projet/[id]/simulation/+page.svelte at line 37 [13.784923]
B:BD[12.26408] → [12.26408:26428]
```
        prms = prms
```
[12.26408]
[12.26428]
```
        data.prms = data.prms
```

Replacement in src/routes/projet/[id]/simulation/+page.svelte at line 40 [13.784923]

B:BD[24.255] → [12.26435:26532]

    function delPrm(_ev: Event, i: number) {
        prms.splice(i, 1)
        prms = prms
    }

[24.255]

[24.340]

    let pvgis: null | PVGIS = null

Deletion in src/routes/projet/[id]/simulation/+page.svelte at line 42 [13.784923]

B:BD[24.341] → [12.26533:26557]

B:BD[12.26557] → [23.91:306]

∅:D[25.70] → [12.26616:26868]

∅:D[26.71] → [12.26616:26868]

∅:D[23.306] → [12.26616:26868]

B:BD[12.26616] → [12.26616:26868]

∅:D[12.26868] → [20.26217:26218]

B:BD[20.26217] → [20.26217:26218]

    let pvgis: null | {
        inputs: {
            location: { latitude: number; longitude: number }
            mounting_system: {
                fixed: { slope: { value: number }; azimuth: { value: number } }
            }
        }
        outputs: {
            hourly: {
                time: string
                'G(i)': number
                P: number
                T2m: number
                H_sun: number
                Int: number
            }[]
        }
    } = null

Replacement in src/routes/projet/[id]/simulation/+page.svelte at line 47 [13.784923]
B:BD[20.26273] → [12.26964:26973]
B:BD[12.26973] → [23.307:384]
∅:D[22.122] → [12.27018:27024]
∅:D[23.384] → [12.27018:27024]
B:BD[12.27018] → [12.27018:27024]
```
    $: {
        initialised && updatePlot(puissance, position, azimuth, inclinaison)
    }
```
[20.26273]
[13.785355]
```
    let puissance = 0
    let communaute: null | (Grain.Communaute & { isMoving?: boolean }) = null
```

Replacement in src/routes/projet/[id]/simulation/+page.svelte at line 57 [13.784923]

B:BD[12.27162] → [23.385:453]

        await updatePlot(puissance, position, azimuth, inclinaison)

[12.27162]

[12.27198]

        s.p.puissance.subscribe((value) => {
            puissance = value
            initialised && updatePlot(puissance, communaute)
        })
        _communaute.subscribe((value) => {
            communaute = value
            initialised && updatePlot(puissance, communaute)
        })

Insertion in src/routes/projet/[id]/simulation/+page.svelte at line 66 [13.784923]
[12.27225]
[12.27225]
```
        updatePlot(puissance, communaute)
```
Deletion in src/routes/projet/[id]/simulation/+page.svelte at line 69 [13.784923]
B:BD[13.785748] → [12.27261:27312]
```
    let pr: { type: string; conso: number }[] = []
```
Deletion in src/routes/projet/[id]/simulation/+page.svelte at line 72 [13.784923]
B:BD[27.352313] → [12.27337:27412]
∅:D[12.27412] → [27.352385:352386]
B:BD[27.352385] → [27.352385:352386]
```
    let profs: Map<string, { coefs: number[]; total: number }> = new Map()
```

Replacement in src/routes/projet/[id]/simulation/+page.svelte at line 78 [13.784923]

B:BD[12.27594] → [12.27594:27786]

            .matchMedia('(prefers-color-scheme: dark)')
            .addEventListener('change', (event) => {
                darkMode = !!event.matches
                redraw()
            })

[12.27594]

[12.27786]

                  .matchMedia('(prefers-color-scheme: dark)')
                  .addEventListener('change', (event) => {
                      darkMode = !!event.matches
                      redraw()
                  })

Deletion in src/routes/projet/[id]/simulation/+page.svelte at line 84 [13.784923]
∅:D[12.27792] → [28.0:1]
B:BD[27.352679] → [28.0:1]
B:BD[28.1] → [12.27793:27931]
∅:D[28.82] → [13.785857:785858]
∅:D[12.27931] → [13.785857:785858]
∅:D[27.352679] → [13.785857:785858]
B:BD[13.785857] → [13.785857:785858]
B:BD[13.785858] → [12.27932:28015]
∅:D[12.28015] → [28.151:152]
B:BD[28.151] → [28.151:152]
B:BD[28.152] → [12.28016:28098]
∅:D[12.28098] → [28.219:220]
B:BD[28.219] → [28.219:220]
B:BD[28.220] → [12.28099:28179]
∅:D[12.28179] → [28.285:286]
B:BD[28.285] → [28.285:286]
B:BD[28.286] → [12.28180:28264]
```
    let profils: Record<string, { profils: string[] }> = {
        'Résidentiel ≤6kVA': {
            profils: ['RES1-P1'],
        },
        'Résidentiel 6>kVA≤36': {
            profils: ['RES11-P1'],
        },
        'Résidentiel ≤36kVA HPHC': {
            profils: ['RES2'],
        },
        'Professionel ≤36kVA': {
            profils: ['PRO1-P1'],
        },
        'Professionnel ≤36kVA HWE': {
            profils: ['PRO1WE'],
        },
```

Replacement in src/routes/projet/[id]/simulation/+page.svelte at line 85 [13.784923]

B:BD[28.356] → [12.28265:28348]

        'Professionnel ≤36kVA HPHC': {
            profils: ['PRO2'],
        },

[28.356]

[28.424]

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

Deletion in src/routes/projet/[id]/simulation/+page.svelte at line 88 [13.784923]
B:BD[28.425] → [12.28349:28439]
∅:D[12.28439] → [28.500:501]
B:BD[28.500] → [28.500:501]
B:BD[28.501] → [12.28440:28451]
B:BD[12.28451] → [25.71:158]
∅:D[25.158] → [28.580:581]
B:BD[28.580] → [28.580:581]
B:BD[28.581] → [25.159:249]
∅:D[25.249] → [28.655:656]
B:BD[28.655] → [28.655:656]
B:BD[28.656] → [25.250:353]
∅:D[25.353] → [12.28452:28458]
B:BD[28.740] → [12.28452:28458]
∅:D[12.28458] → [27.352918:352919]
B:BD[27.352918] → [27.352918:352919]
```
        'Entreprise 36<kVA<250 HPHC ETE-HIV': {
            profils: ['ENT1'],
        },
        /*
           "Production hydraulique":{
           "profils":[ "PRD1-P1" ]
           },
           "Production cogénération":{
           "profils":[ "PRD2-P1" ]
           },
           "Production photovoltaïque":{
           "profils":[ "PRD3-P1" ]
           },
         */
    }
```

Replacement in src/routes/projet/[id]/simulation/+page.svelte at line 89 [13.784923]

B:BD[12.28496] → [9.0:41]

∅:D[9.41] → [12.28496:28556]

B:BD[12.28496] → [12.28496:28556]

        const prt = Object.keys(profils)
        pr.push({ type: prt[0], conso: 0 })
        pr = pr

[12.28496]

[12.28556]

        const prt = Object.keys(profils_)
        data.profils.push({ type: prt[0], conso: 0 })
        data.profils = data.profils

Replacement in src/routes/projet/[id]/simulation/+page.svelte at line 95 [13.784923]

B:BD[12.28605] → [12.28605:28645]

B:BD[12.28645] → [23.454:522]

∅:D[22.216] → [12.28681:28687]

∅:D[23.522] → [12.28681:28687]

B:BD[12.28681] → [12.28681:28687]

∅:D[12.28687] → [27.353081:353082]

B:BD[27.353081] → [27.353081:353082]

B:BD[27.353082] → [12.28688:29118]

∅:D[12.29118] → [28.950:951]

B:BD[20.26491] → [28.950:951]

B:BD[28.951] → [12.29119:30059]

        pr.splice(i, 1)
        pr = pr
        await updatePlot(puissance, position, azimuth, inclinaison)
    }
    async function profile(
        name: string
    ): Promise<{ coefs: number[]; total: number }> {
        prm_loading = true
        await tick()
        let profiles = await Promise.all(
            profils[name].profils.map(async (x) => {
                let resp = await fetch(`${assets}/profiles/${x}.csv`)
                return await resp.text()
            })
        )
        prm_loading = false
        await tick()
        let annee = []
        let total = 0
        let file = 0
        for (let p of profiles) {
            let l = 0
            for (let line of p.split('\n')) {
                if (!line) {
                    continue
                }
                const col = line.split(',')
                // const week = parseInt(col[0])
                // const dow = parseInt(col[1])
                const cs = parseFloat(col[2])
                const cj = parseFloat(col[3])
                for (let i = 0; i < 48; i++) {
                    let ch = parseFloat(col[5 + i])
                    const c = cs * cj * ch
                    if (file == 0) {
                        annee.push(c)
                    } else {
                        annee[l] += c
                    }
                    total += c
                }
                l += 1
            }
            file += 1
        }
        return { coefs: annee, total }

[12.28605]

[12.30059]

        data.profils.splice(i, 1)
        data.profils = data.profils
        await updatePlot(puissance, communaute)

Replacement in src/routes/projet/[id]/simulation/+page.svelte at line 104 [13.784923]
B:BD[12.30192] → [12.30192:30212]
```
        if (prms) {
```
[12.30192]
[12.30212]
```
        if (data.prms) {
```

Replacement in src/routes/projet/[id]/simulation/+page.svelte at line 108 [13.784923]

B:BD[12.30306] → [12.30306:30376]

                `${server}/api/grain/projet/${id || 'nouveau'}/prms`,

[12.30306]

[12.30376]

                `${server}/api/grain/projet/${data.id || 'nouveau'}/prms`,

Replacement in src/routes/projet/[id]/simulation/+page.svelte at line 111 [13.784923]

B:BD[12.30430] → [12.30430:30478]

                    body: JSON.stringify(prms),

[12.30430]

[12.30478]

                    body: JSON.stringify(data.prms),

Replacement in src/routes/projet/[id]/simulation/+page.svelte at line 122 [13.784923]
B:BD[12.30727] → [23.523:591]
```
        await updatePlot(puissance, position, azimuth, inclinaison)
```
[12.30727]
[12.30763]
```
        await updatePlot(puissance, communaute)
```

Replacement in src/routes/projet/[id]/simulation/+page.svelte at line 125 [13.784923]

B:BD[13.787201] → [12.30770:30869]

    let auto = 0
    let totalProd = 0
    let totalConso = 0
    let soleil = {
        hourly: {

[13.787201]

[12.30869]

        let auto = 0
        let totalProd = 0
        let totalConso = 0
        let soleil = {
            hourly: {
                x: <string[]>[],
                y: <number[]>[],
            },
            daily: {
                x: <string[]>[],
                y: <number[]>[],
            },
            weekly: {
                x: <string[]>[],
                y: <number[]>[],
            },

Replacement in src/routes/projet/[id]/simulation/+page.svelte at line 143 [13.784923]

B:BD[12.30927] → [12.30927:30955]

B:BD[12.30955] → [12.30955:31013]

B:BD[12.31013] → [12.31013:31403]

        },
        daily: {
            x: <string[]>[],
            y: <number[]>[],
        },
        weekly: {
            x: <string[]>[],
            y: <number[]>[],
        },
        x: <string[]>[],
        y: <number[]>[],
        type: 'bar',
        line: {
            color: '#ffbf00',
            width: 1,
        },
        marker: {
            color: '#ffbf00',
            width: 1,
        },
        name: 'Production solaire',
        bucket: 1,
    }

[12.30927]

[21.67]

            type: 'bar',
            line: {
                color: '#ffbf00',
                width: 1,
            },
            marker: {
                color: '#ffbf00',
                width: 1,
            },
            name: 'Production solaire',
            bucket: 1,
        }

Replacement in src/routes/projet/[id]/simulation/+page.svelte at line 156 [13.784923]

∅:D[21.68] → [12.31403:31439]

B:BD[12.31403] → [12.31403:31439]

B:BD[12.31439] → [12.31439:31497]

B:BD[12.31497] → [12.31497:31612]

    let somme = {
        hourly: {
            x: <string[]>[],
            y: <number[]>[],
        },
        daily: {
            x: <string[]>[],
            y: <number[]>[],
        },
        weekly: {

[21.68]

[12.31612]

        let somme = {
            hourly: {
                x: <string[]>[],
                y: <number[]>[],
            },
            daily: {
                x: <string[]>[],
                y: <number[]>[],
            },
            weekly: {
                x: <string[]>[],
                y: <number[]>[],
            },

Replacement in src/routes/projet/[id]/simulation/+page.svelte at line 171 [13.784923]

B:BD[12.31670] → [12.31670:31974]

        },
        x: <string[]>[],
        y: <number[]>[],
        type: 'bar',
        line: {
            color: '#b81111',
            width: 1,
        },
        marker: {
            color: '#b81111',
            width: 1,
        },
        name: 'Consommation totale',
        bucket: 1,
    }

[12.31670]

[27.353720]

            type: 'bar',
            line: {
                color: '#b81111',
                width: 1,
            },
            marker: {
                color: '#b81111',
                width: 1,
            },
            name: 'Consommation totale',
            bucket: 1,
        }

Replacement in src/routes/projet/[id]/simulation/+page.svelte at line 184 [13.784923]

B:BD[27.353721] → [22.264:320]

B:BD[22.320] → [23.592:696]

∅:D[23.696] → [22.368:376]

B:BD[22.368] → [22.368:376]

∅:D[22.376] → [12.32024:32199]

B:BD[12.32024] → [12.32024:32199]

B:BD[12.32199] → [29.0:215]

B:BD[29.215] → [8.0:149]

    async function updatePv(
        puissance: number,
        position?: { lat: number; lng: number },
        azimuth?: number,
        inclinaison?: number
    ) {
        let d = new Date()
        let min_t = new Date(d.getFullYear(), 0, 1).getTime() / 1000
        let max_t = min_t + 364 * 24 * 3600
        if (
            !pvgis ||
            (position !== undefined &&
                pvgis.inputs.location.latitude != position?.lat) ||
            (position !== undefined &&
                pvgis.inputs.location.longitude != position?.lng) ||
            pvgis.inputs.mounting_system.fixed.slope.value != inclinaison ||
            pvgis.inputs.mounting_system.fixed.azimuth.value != azimuth

[27.353721]

[12.32303]

        async function updatePv(
            puissance: number,
            communaute: (Grain.Communaute&{isMoving?: boolean}) | null,

Insertion in src/routes/projet/[id]/simulation/+page.svelte at line 188 [13.784923]

[12.32315]

            if(communaute?.isMoving) {
                return pvgis
            }

Replacement in src/routes/projet/[id]/simulation/+page.svelte at line 192 [13.784923]

B:BD[12.32348] → [12.32348:32373]

B:BD[12.32373] → [14.5048:5106]

∅:D[14.5106] → [12.32433:32465]

B:BD[12.32433] → [12.32433:32465]

B:BD[12.32465] → [23.911:1030]

B:BD[23.1030] → [8.150:245]

∅:D[8.245] → [23.1092:1112]

B:BD[23.1092] → [23.1092:1112]

∅:D[22.550] → [12.32574:32631]

∅:D[23.1112] → [12.32574:32631]

B:BD[12.32574] → [12.32574:32631]

            await tick()
            let annuelle = await fetch(`${base}/pvgis`, {
                method: 'POST',
                body: JSON.stringify({
                    lat: position?.lat,
                    lng: position?.lng,
                    azimuth: azimuth || 0,
                    inclinaison: inclinaison || 45,
                }),
            })
            pvgis = await annuelle.json()

[12.32348]

[12.32631]

            pvgis = await calcul.updatePv(puissance, communaute, pvgis, soleil, base)

Deletion in src/routes/projet/[id]/simulation/+page.svelte at line 195 [13.784923]

B:BD[12.32690] → [12.32690:34443]

        }
        soleil.hourly = { x: [], y: [] }
        soleil.daily = { x: [], y: [] }
        soleil.weekly = { x: [], y: [] }
        maxProd = 0
        const start = new Date(min_t * 1000)
        const janvier = new Date(start.getFullYear(), 0, 1)
        for (let t = min_t; t < max_t; t += 3600) {
            let tt = new Date(t * 1000)
            let tts = tt.toLocaleString()
            let tds = tt.toLocaleDateString()
            let pp = 0
            if (pvgis) {
                let len = pvgis.outputs.hourly.length
                let n = ((t * 1000 - janvier.getTime()) / 3600000) % len
                const pvvar = 'P'
                pp =
                    (pvgis.outputs.hourly[Math.floor(n)][pvvar] * puissance) /
                    1000
                soleil.hourly.x.push(tts)
                soleil.hourly.y.push(pp)
                if ((t - min_t) % (24 * 3600) == 0) {
                    if ((t - min_t) % (24 * 7 * 3600) == 0) {
                        if (soleil.weekly.y.length) {
                            maxProd = Math.max(
                                maxProd,
                                soleil.weekly.y[soleil.weekly.y.length - 1]
                            )
                        }
                        soleil.weekly.x.push(tds)
                        soleil.weekly.y.push(pp)
                    } else {
                        soleil.weekly.y[soleil.weekly.y.length - 1] += pp
                    }
                    soleil.daily.x.push(tds)
                    soleil.daily.y.push(pp)
                } else {
                    soleil.daily.y[soleil.daily.y.length - 1] += pp
                    soleil.weekly.y[soleil.weekly.y.length - 1] += pp
                }
            }

Deletion in src/routes/projet/[id]/simulation/+page.svelte at line 196 [13.784923]
B:BD[12.34453] → [12.34453:34496]
```
        prodWeekly = soleil.weekly.y
    }
```

Deletion in src/routes/projet/[id]/simulation/+page.svelte at line 197 [13.784923]

B:BD[30.1845] → [22.551:609]

B:BD[22.609] → [23.1113:1217]

∅:D[23.1217] → [22.657:665]

B:BD[22.657] → [22.657:665]

∅:D[22.665] → [12.34548:34601]

B:BD[12.34548] → [12.34548:34601]

    async function updatePlot(
        puissance: number,
        position?: { lat: number; lng: number },
        azimuth?: number,
        inclinaison?: number
    ) {
        if (!browser) {
            return
        }

Replacement in src/routes/projet/[id]/simulation/+page.svelte at line 198 [13.784923]

B:BD[20.27916] → [23.1218:1284]

∅:D[22.710] → [30.1968:1969]

∅:D[23.1284] → [30.1968:1969]

∅:D[12.34636] → [30.1968:1969]

B:BD[30.1968] → [30.1968:1969]

B:BD[30.1969] → [12.34637:34718]

∅:D[31.667] → [13.787986:787987]

∅:D[12.34718] → [13.787986:787987]

B:BD[13.787986] → [13.787986:787987]

B:BD[13.787987] → [12.34719:35048]

        await updatePv(puissance, position, azimuth, inclinaison)
        let annee_: Record<string, { t: number[]; y: number[]; i: number }> = {}
        let d = new Date()
        const min_t = new Date(d.getFullYear(), 0, 1).getTime() / 1000
        const max_t = min_t + 364 * 24 * 3600
        for (let [prm, r] of Object.entries(annee)) {
            let d: { t: number[]; y: number[]; i: number } = {
                t: [],
                y: [],
                i: 0,

[20.27916]

[12.35048]

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

Replacement in src/routes/projet/[id]/simulation/+page.svelte at line 206 [13.784923]

B:BD[12.35062] → [12.35062:35229]

B:BD[12.35229] → [12.35229:35243]

B:BD[12.35243] → [12.35243:35281]

∅:D[12.35281] → [13.788868:788869]

B:BD[13.788868] → [13.788868:788869]

B:BD[12.36397] → [12.36397:36407]

B:BD[12.36407] → [21.69:233]

∅:D[21.233] → [12.37779:37877]

B:BD[12.37779] → [12.37779:37877]

B:BD[13.788869] → [12.35282:35311]

B:BD[12.35311] → [9.42:66]

∅:D[9.66] → [12.35311:35958]

B:BD[12.35311] → [12.35311:35958]

B:BD[12.35958] → [9.67:122]

            let i = 0
            for (let t = min_t; t < max_t; t += 1800) {
                d.t.push(t)
                d.y.push(r[i] / 1000)
                i += 1
            }
            annee_[prm] = d
        }
        }
        let auto_ = sample(min_t, max_t, annee_, somme, soleil)
        auto = auto_.auto
        totalProd = auto_.totalProd
        totalConso = auto_.totalConso
        if (!Plotly)
            //@ts-ignore
            Plotly = await import('plotly.js-dist')
        if (pr.length > 0) {
            let pi = 0;
            for (let p of pr) {
                let d: { t: number[]; y: number[]; i: number } = {
                    t: [],
                    y: [],
                    i: 0,
                }
                let i = 0
                for (let t = min_t; t <= max_t; t += 1800) {
                    d.t.push(t)
                    let pp = profs.get(p.type)
                    if (!pp) {
                        profs.set(p.type, await profile(p.type))
                    }
                    if (pp) {
                        d.y.push((pp.coefs[i] * p.conso) / pp.total)
                    }
                    i += 1
                }
                annee_[pi] = d
                pi += 1

[12.35062]

[12.35993]

            if (!browser) {
                return

Replacement in src/routes/projet/[id]/simulation/+page.svelte at line 210 [13.784923]

B:BD[30.2078] → [12.37878:37916]

B:BD[12.38880] → [12.38880:38886]

∅:D[12.38886] → [13.793330:793331]

∅:D[27.354998] → [13.793330:793331]

B:BD[13.793330] → [13.793330:793331]

B:BD[13.793331] → [21.234:273]

∅:D[21.273] → [12.38912:38932]

B:BD[12.38912] → [12.38912:38932]

        await tick()
        redraw()
    }
    let has_plot = { has_plot: false }
    let layout = {}

[30.2078]

[21.274]

            await updatePv(puissance, communaute)
            console.log("updated")
            prm_loading = true;
            let auto_ = await calcul.updatePlot(
                assets,
                annee,
                data.profils,
                profils_,
                somme,
                soleil,
            )
            prm_loading = false;
            await tick()
            auto = auto_.auto
            totalProd = auto_.totalProd
            totalConso = auto_.totalConso
            console.log("updated auto", auto, totalProd, totalConso)
            if (!Plotly)
                //@ts-ignore
                Plotly = await import('plotly.js-dist')

Replacement in src/routes/projet/[id]/simulation/+page.svelte at line 231 [13.784923]

B:BD[21.275] → [6.0:195]

∅:D[6.195] → [12.41193:41199]

∅:D[21.426] → [12.41193:41199]

B:BD[12.41193] → [12.41193:41199]

∅:D[12.41199] → [30.2253:2254]

B:BD[27.355844] → [30.2253:2254]

B:BD[30.2254] → [12.41200:41224]

B:BD[12.41224] → [25.826:905]

B:BD[25.905] → [21.427:482]

∅:D[21.482] → [12.41269:41484]

B:BD[12.41269] → [12.41269:41484]

    function relayout_(event: any) {
        console.log('relayout_')
        const plot = document.getElementById('plot')!
        relayout(event, plot, Plotly, layout, has_plot, soleil, somme)
    }
    function redraw() {
        const plot = document.getElementById('plot')
        if (!plot) return
        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'

[21.275]

[12.41484]

            await tick()
            redraw()

Deletion in src/routes/projet/[id]/simulation/+page.svelte at line 234 [13.784923]

B:BD[12.41494] → [12.41494:42383]

B:BD[12.42383] → [21.483:516]

∅:D[21.516] → [25.906:964]

B:BD[12.42407] → [25.906:964]

∅:D[25.964] → [12.42569:42586]

B:BD[12.42569] → [12.42569:42586]

B:BD[12.42586] → [25.965:1026]

∅:D[25.1026] → [12.42649:42723]

B:BD[12.42649] → [12.42649:42723]

B:BD[12.42723] → [21.517:604]

∅:D[21.604] → [12.42828:42838]

B:BD[12.42828] → [12.42828:42838]

        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,
            },
            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',
            },
        }
        plotStyle = 'min-height:450px'
        if (has_plot.has_plot) {
            Plotly!.update(plot, [soleil, somme], layout)
        } else {
            Plotly!.newPlot(plot, [soleil, somme], layout, {
                responsive: true,
            })
            //@ts-ignore
            plot.on('plotly_relayout', relayout_)
            has_plot.has_plot = true
        }

Replacement in src/routes/projet/[id]/simulation/+page.svelte at line 235 [13.784923]

B:BD[13.793607] → [12.42839:43180]

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

[13.793607]

[27.357905]

        let has_plot = { has_plot: false };
        let layout = {};

Replacement in src/routes/projet/[id]/simulation/+page.svelte at line 238 [13.784923]

B:BD[27.357906] → [12.43181:43296]

B:BD[12.43296] → [25.1077:1133]

∅:D[25.1133] → [12.43352:43526]

B:BD[12.43352] → [12.43352:43526]

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

[27.357906]

[27.358172]

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

Replacement in src/routes/projet/[id]/simulation/+page.svelte at line 244 [13.784923]

B:BD[27.358173] → [12.43527:43648]

B:BD[12.43648] → [32.97:153]

        plotStyle = 'min-height:450px'
        Plotly.react(
            'autoProd',
            dataProd,
            {
                title: "Autoconsommation sur l'année",

[27.358173]

[12.43691]

        function redraw() {
            console.log("redraw")
            const plot = document.getElementById('plot')
            if (!plot) return
            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',

Replacement in src/routes/projet/[id]/simulation/+page.svelte at line 267 [13.784923]

B:BD[12.43789] → [12.43789:43964]

                plot_bgcolor: '#fff0',
                paper_bgcolor: '#fff0',
                autosize: true,
                legend: {
                    orientation: 'h',

[12.43789]

[12.43964]

                xaxis: {
                    gridcolor: darkMode ? '#444' : '#bbb',
                    ticklabeloverflow: 'allow',
                    ticklabelstep: 4,
                    tickangle: 45,

Replacement in src/routes/projet/[id]/simulation/+page.svelte at line 273 [13.784923]

B:BD[12.43983] → [12.43983:44125]

B:BD[12.44125] → [32.154:208]

∅:D[32.208] → [12.44166:44190]

B:BD[12.44166] → [12.44166:44190]

            },
            { responsive: true }
        )
        Plotly.react(
            'autoConso',
            dataConso,
            {
                title: "Autoproduction sur l'année",
                font: {

[12.43983]

[12.44190]

                yaxis: {
                    title: { text: unite },
                    gridcolor: darkMode ? '#444' : '#bbb',

Replacement in src/routes/projet/[id]/simulation/+page.svelte at line 278 [13.784923]

B:BD[12.44264] → [12.44264:44375]

                plot_bgcolor: '#fff0',
                paper_bgcolor: '#fff0',
                autosize: true,

[12.44264]

[12.44375]

                showlegend: true,

Insertion in src/routes/projet/[id]/simulation/+page.svelte at line 280 [13.784923]

[12.44401]

                    xanchor: 'center',
                    x: 0.5,
                    y: -0.4,

Insertion in src/routes/projet/[id]/simulation/+page.svelte at line 284 [13.784923]

[12.44439]

                },
            }
            plotStyle = 'min-height:450px'
            if (has_plot.has_plot) {
                Plotly!.update(plot, [soleil, somme], layout)
            } else {
                Plotly!.newPlot(plot, [soleil, somme], layout, {
                    responsive: true,
                    modeBarButtonsToRemove: modeBarButtonsToRemove,
                })
                //@ts-ignore
                plot.on('plotly_relayout', relayout_)
                has_plot.has_plot = true
            }
            var dataProd = [
                {
                    values: [Math.round(auto), Math.round(totalProd - auto)],
                    labels: ['Autoconsommé', 'Surplus'],
                    marker: { colors: ['#ffbf00dd', '#b81111dd'] },
                    type: 'pie',
                    sort: false,
                    hole: 0.5,
                },
            ]
            var dataConso = [
                {
                    values: [Math.round(auto), Math.round(totalConso - auto)],
                    labels: ['Autoproduit', 'Fournisseur'],
                    marker: { colors: ['#ffbf00dd', '#b81111dd'] },
                    type: 'pie',
                    sort: false,
                    hole: 0.5,
                },
            ]
            plotStyle = 'min-height:450px'
            Plotly.react(
                'autoProd',
                dataProd,
                {
                    title: "Autoconsommation sur l'année",
                    font: {
                        color: darkMode ? '#fff' : '#000',
                    },
                    plot_bgcolor: '#fff0',
                    paper_bgcolor: '#fff0',
                    autosize: true,
                    legend: {
                        orientation: 'h',
                    },

Replacement in src/routes/projet/[id]/simulation/+page.svelte at line 337 [13.784923]

B:BD[12.44458] → [12.44458:44522]

            },
            { responsive: true }
        )
    }

[12.44458]

[12.44522]

                { responsive: true }
            )
            Plotly.react(
                'autoConso',
                dataConso,
                {
                    title: "Autoproduction sur l'année",
                    font: {
                        color: darkMode ? '#fff' : '#000',
                    },
                    plot_bgcolor: '#fff0',
                    paper_bgcolor: '#fff0',
                    autosize: true,
                    legend: {
                        orientation: 'h',
                    },
                },
                { responsive: true }
            )
        }

Replacement in src/routes/projet/[id]/simulation/+page.svelte at line 359 [13.784923]
B:BD[27.358444] → [12.44533:44605]
∅:D[12.44605] → [20.32038:32051]
B:BD[13.793908] → [20.32038:32051]
```
<form method="POST" action="/api/grain" id="pdl" on:submit={refresh} />
{#if erreur}
```
[27.358444]
[12.44606]
```
<div class="tab-content" id="simuTabContent">
```

Replacement in src/routes/projet/[id]/simulation/+page.svelte at line 361 [13.784923]

B:BD[12.44615] → [12.44615:44732]

∅:D[12.44732] → [20.32145:32162]

B:BD[20.32145] → [20.32145:32162]

B:BD[20.32162] → [12.44733:44945]

∅:D[12.44945] → [20.32317:32334]

B:BD[20.32317] → [20.32317:32334]

B:BD[20.32334] → [24.923:969]

∅:D[24.969] → [31.3010:3026]

B:BD[20.32334] → [31.3010:3026]

B:BD[31.3026] → [24.970:996]

B:BD[24.996] → [12.44946:44961]

B:BD[12.44961] → [9.123:208]

∅:D[9.208] → [12.45040:45062]

B:BD[12.45040] → [12.45040:45062]

∅:D[12.45062] → [24.1092:1248]

B:BD[24.1092] → [24.1092:1248]

B:BD[24.1248] → [12.45063:45192]

B:BD[12.45192] → [22.711:759]

B:BD[22.759] → [23.1285:1551]

∅:D[22.825] → [24.1365:1619]

∅:D[23.1551] → [24.1365:1619]

∅:D[12.45264] → [24.1365:1619]

B:BD[24.1365] → [24.1365:1619]

B:BD[24.1619] → [12.45265:45387]

B:BD[12.45387] → [23.1552:1610]

∅:D[23.1610] → [12.45457:45582]

B:BD[12.45457] → [12.45457:45582]

B:BD[12.45582] → [23.1611:2361]

∅:D[23.2361] → [24.1813:1918]

∅:D[12.45656] → [24.1813:1918]

B:BD[24.1813] → [24.1813:1918]

B:BD[24.1918] → [12.45657:45879]

∅:D[12.45879] → [24.2054:2152]

B:BD[24.2054] → [24.2054:2152]

∅:D[24.2152] → [31.3137:3143]

B:BD[13.794357] → [31.3137:3143]

B:BD[31.3143] → [24.2153:2179]

B:BD[24.2179] → [12.45880:46010]

∅:D[12.46010] → [24.2299:2306]

B:BD[24.2299] → [24.2299:2306]

        id="erreur"
        class="alert alert-danger fade d-flex"
        class:show={erreur}
        role="alert">
        {erreur}
        <button
            type="button"
            class="btn-close"
            style="padding:20px;margin:-16px -16px -16px auto"
            on:click={() => (erreur = '')}
            aria-label="Close" />
    </div>
{/if}
<h2 class="my-5">Profils de consommation</h2>
{#if pr.length}
    <table class="table">
        <thead
            ><tr><th /><th>Profil</th><th>Consommation annuelle (kWh)</th><th /></tr
            ></thead>
        <tbody>
            {#each pr as pr, i}
                <tr>
                    <td class="px-3 align-middle">Profil</td>
                    <td>
                        <select
                            class="form-select"
                            bind:value={pr.type}
                            on:change={(_ev) =>
                                updatePlot(
                                    puissance,
                                    position,
                                    azimuth,
                                    inclinaison
                                )}>
                            {#each Object.entries(profils) as [p, _]}
                                <option value={p}>{p}</option>
                            {/each}
                        </select>
                    </td>
                    <td>
                        <input
                            type="number"
                            class="form-control"
                            placeholder="Abonnement (kW)"
                            min="0"
                            step="500"
                            bind:value={pr.conso}
                            on:change={(_ev) =>
                                updatePlot(
                                    puissance,
                                    position,
                                    azimuth,
                                    inclinaison
                                )} />
                        <!-- <input
                             type="number"
                             class="form-control"
                             placeholder="Nombre de compteurs"
                             min="0"
                             step="1"
                             bind:value={pr.nCompteurs}
                             on:change={(_ev) => updatePlot(puissance, position, azimuth, inclinaison)} /> -->
                    </td>
                    <td style="width:1%;white-space:nowrap;text-align:center">
                        <button
                            class="btn btn-link"
                            on:click={(_ev) => delProfil(i)}
                            ><i class="bi bi-x-circle text-primary" /></button>
                    </td>
                </tr>
            {/each}
        </tbody>
    </table>
{/if}
<div class="text-center">
    <button class="btn btn-primary" on:click={addProfil}
        ><i class="bi bi-plus-circle" />&nbsp;Ajouter un profil</button>
</div>

[12.44615]

[24.2306]

        class="tab-pane fade active show p-3"
        id="simu-tab-pane"
        role="tabpanel"
        aria-labelledby="simu-tab"
        tabindex="0">
        <h3 class="my-3 fs-1 fw-bold">Production… <span class="text-primary">Consommation</span></h3>

Replacement in src/routes/projet/[id]/simulation/+page.svelte at line 368 [13.784923]

∅:D[24.2307] → [31.3143:3161]

B:BD[31.3143] → [31.3143:3161]

B:BD[31.3161] → [24.2308:2378]

B:BD[24.2378] → [12.46011:46979]

{#if prmsFeature}
    <h2 class="my-5">Relevés de compteurs</h2>
    {#if prms.length}
        <table class="table">
            <thead
                ><tr
                    ><th
                        >PRM<button
                            type="button"
                            class="btn btn-link align-baseline p-0 ms-2"
                            data-bs-toggle="popover"
                            data-bs-trigger="hover focus"
                            data-bs-content="Un PRM, aussi appelé PDL, est l'identifiant d'un compteur électrique. On peut le trouver sur les factures d'électricité, ou en appuyant sur le bouton + du compteur Linky."
                            ><i class="bi bi-question-circle" /></button
                        ></th
                    ><th>Prénom</th><th>Nom</th><th /></tr
                ></thead>
            <tbody>
                {#each prms as prm, i}
                    <tr>
                        <td
                            ><input
                                class="form-control"

[24.2307]

[12.46979]

        <form method="POST" action="/api/grain" id="pdl" on:submit={refresh} />
        {#if erreur}
            <div
                id="erreur"
                class="alert alert-danger fade d-flex"
                class:show={erreur}
                role="alert">
                {erreur}
                <button
                    type="button"
                    class="btn-close"
                    style="padding:20px;margin:-16px -16px -16px auto"
                    on:click={() => (erreur = '')}
                    aria-label="Close" />
            </div>
        {/if}
        <h2 class="my-5">Profils de consommation</h2>
        {#if data.profils.length}
            {#if $expert}
                <div>Vous êtes en mode expert. Dans ce mode, vous avez un accès direct à tous les profils utilisés par les opérateurs du réseau pour simuler les consommations. Voir <a href="https://www.enedis.fr/responsable-dequilibre-profilage-et-profils">la documentation</a>.</div>
            {/if}
            <table class="table">
                <thead
                ><tr><th /><th>Profil</th><th>Consommation annuelle (kWh)</th><th /></tr
                                                                                    ></thead>
                <tbody>
                    {#each data.profils as pr, i}
                        <tr>
                            <td class="px-3 align-middle">Profil</td>
                            <td>
                                <select
                                    class="form-select"
                                    bind:value={pr.type}
                                    on:change={(_ev) =>
                                                  updatePlot(
                                                      puissance,
                                                      communaute,
                                                  )}>
                                    {#each Object.entries(profils_) as [p, _]}
                                        <option value={p}>{p}</option>
                                    {/each}
                                </select>
                            </td>
                            <td>
                                <input
                                    type="number"
                                    class="form-control"
                                    placeholder="Abonnement (kW)"
                                    min="0"
                                    step="500"
                                    bind:value={pr.conso}
                                    on:change={(_ev) =>
                                                  updatePlot(
                                                      puissance,
                                                      communaute,
                                                  )} />
                            </td>
                            <td style="width:1%;white-space:nowrap;text-align:center">
                                <button
                                    class="btn btn-link"
                                    on:click={(_ev) => delProfil(i)}
                                    ><i class="bi bi-x-circle text-primary" /></button>
                            </td>
                        </tr>
                    {/each}
                </tbody>
            </table>
        {/if}
        <div class="text-center">
            <button class="btn btn-primary" on:click={addProfil}
            ><i class="bi bi-plus-circle" />&nbsp;Ajouter un profil</button>
        </div>
        {#if prmsFeature}
            <h2 class="my-5">Relevés de compteurs</h2>
            <div class="mb-5">Vous pouvez ajouter des compteurs d'entreprises ou d'associations par leur numéro de compteur et leur numéro de SIRET.
            </div>
            {#if data.prms.length}
                {#each data.prms as prm, i}
                    <div class="row my-2">
                        <div class="col-3 d-flex align-middle">
                            <label class="ms-auto form-label" for="prm-{i}">PRM<button
                                                                                   type="button"
                                                                                   class="btn btn-link align-baseline p-0 ms-2"
                                                                                   data-bs-toggle="popover"
                                                                                   data-bs-trigger="hover focus"
                                                                                   data-bs-content="Un PRM, aussi appelé PDL, est l'identifiant d'un compteur électrique. On peut le trouver sur les factures d'électricité, ou en appuyant sur le bouton + du compteur Linky."><i class="bi bi-question-circle" /></button>
                            </label>
                        </div>
                        <div class="col d-flex align-items-center">
                            <input
                                class="form-control form-control-sm"
                                id="prm-{i}"

Replacement in src/routes/projet/[id]/simulation/+page.svelte at line 463 [13.784923]

B:BD[12.47032] → [12.47032:47556]

                                type="number" /></td>
                        <td
                            ><input
                                class="form-control"
                                bind:value={prm.nom} /></td>
                        <td
                            ><input
                                class="form-control"
                                bind:value={prm.prenom} /></td>
                        <td
                            style="width:1%;white-space:nowrap;text-align:center">

[12.47032]

[12.47556]

                                on:keydown={(e) => (e.key == 'ArrowUp' || e.key == 'ArrowDown') && e.preventDefault() }
                                type="number" />
                        </div>
                        <div class="col col-auto d-flex align-items-center">

Replacement in src/routes/projet/[id]/simulation/+page.svelte at line 468 [13.784923]

B:BD[12.47592] → [12.47592:47886]

                                class="btn btn-link"
                                on:click={(ev) => delPrm(ev, i)}
                                ><i
                                    class="bi bi-x-circle text-primary" /></button>
                        </td>
                    </tr>

[12.47592]

[12.47886]

                                class="btn btn-outline-primary btn-sm"
                                on:click={(e) => { e.preventDefault(); data.prms.splice(i, 1); data.prms = data.prms; }}
                                ><i class="bi bi-trash"/></button>
                        </div>
                    </div>
                    {#if data.accesParticuliers}
                        <div class="row my-2">
                            <div class="col-9 ms-auto">
                                <input type="radio" class="btn-check" id="particulier" value={false} bind:group={prm.pro}>
                                <label class="btn btn-sm" for="particulier">Particulier</label>
                                <input type="radio" class="btn-check" id="pro" value={true} bind:group={prm.pro}>
                                <label class="btn btn-sm" for="pro">Professionnel</label>
                            </div>
                        </div>
                    {/if}
                    {#if (!data.accesParticuliers) || prm.pro}
                        <div class="row my-2">
                            <div class="col-3 d-flex text-end align-items-center">
                                <label class="ms-auto form-label" for="siret-{i}">SIRET du titulaire du compteur</label>
                            </div>
                            <div class="col-9 d-flex align-items-center">
                                <input
                                    class="form-control form-control-sm"
                                    id="siret-{i}"
                                    bind:value={prm.siret} />
                            </div>
                        </div>
                    {:else}
                        <div class="row my-2">
                            <div class="col-3 d-flex text-end align-items-center">
                                <label class="ms-auto form-label" for="prenom-{i}">Prénom du titulaire du compteur</label>
                            </div>
                            <div class="col-9 d-flex align-items-center">
                                <input
                                    class="form-control form-control-sm"
                                    id="prenom-{i}"
                                    bind:value={prm.prenom} />
                            </div>
                        </div>
                        <div class="row my-2">
                            <div class="col-3 d-flex text-end align-items-center">
                                <label class="ms-auto form-label" for="nom-{i}">Nom du titulaire du compteur</label>
                            </div>
                            <div class="col-9 d-flex align-items-center">
                                <input
                                    class="form-control form-control-sm"
                                    id="nom-{i}"
                                    bind:value={prm.nom} />
                            </div>
                        </div>
                        <div class="row my-2">
                            <div class="col-3 d-flex text-end align-items-center">
                                <label class="ms-auto form-label" for="numerorue-{i}">Numéro et rue</label>
                            </div>
                            <div class="col-9 d-flex align-items-center">
                                <input
                                    class="form-control form-control-sm"
                                    id="numerorue-{i}"
                                    bind:value={prm.numerorue} />
                            </div>
                        </div>
                        <div class="row my-2">
                            <div class="col-3 d-flex text-end align-items-center">
                                <label class="ms-auto form-label" for="codepostal-{i}">Code INSEE de la commune</label>
                            </div>
                            <div class="col-9 d-flex align-items-center">
                                <input
                                    class="form-control form-control-sm"
                                    id="codepostal-{i}"
                                    bind:value={prm.codeinsee} />
                            </div>
                        </div>
                        <div class="row my-2">
                            <div class="col-3 d-flex text-end align-items-center">
                                <label class="ms-auto form-label" for="serie-{i}">Numéro de série</label>
                            </div>
                            <div class="col-9 d-flex align-items-center">
                                <input
                                    class="form-control form-control-sm"
                                    id="serie-{i}"
                                    bind:value={prm.serie} />
                            </div>
                        </div>
                    {/if}
                    <hr class="my-4" />

Insertion in src/routes/projet/[id]/simulation/+page.svelte at line 555 [13.784923]

[12.47910]

                <div class="my-3 form-check">
                    <input
                        class="form-check-input"
                        type="checkbox"
                        id="consentement"
                        bind:checked={consentement} />
                    <label class="form-check-label" for="consentement"
                    >Ces abonnés consentent à ce que j'accède à leurs données</label>
                </div>
            {/if}
            <div class="d-flex justify-content-center">
                <button class="mx-2 btn btn-primary" on:click={addPrm}><i class="bi bi-plus-circle" />&nbsp;Ajouter un compteur</button>
                {#if data.prms.length}
                    <button
                        disabled={!consentement}
                        class="mx-2 btn btn-primary"
                        form="pdl">Mettre à jour</button>
                    <div
                        class="mx-2 spinner-border text-primary"
                        class:d-none={!prm_loading} />
                {/if}
            </div>
        {/if}
        <h2 class="mt-5">Simulation</h2>
        <table class="table table-bordered d-inline-block">
            <tbody>
                <tr><td>Production totale:</td><td>{Math.round(totalProd)}kWh</td></tr>
                <tr
                ><td>Consommation totale:</td><td>{Math.round(totalConso)}kWh</td
                                                                             ></tr>

Replacement in src/routes/projet/[id]/simulation/+page.svelte at line 587 [13.784923]

B:BD[12.47948] → [12.47948:48309]

        <div class="my-3 form-check">
            <input
                class="form-check-input"
                type="checkbox"
                id="consentement"
                bind:checked={consentement} />
            <label class="form-check-label" for="consentement"
                >Ces abonnés consentent à ce que j'accède à leurs données</label>

[12.47948]

[12.48309]

        {#if pvgis_loading}
            <div class="my-3 d-flex align-items-center text-primary">
                <div class="spinner-border text-primary me-3" />
                Chargement de la production solaire
            </div>
        {/if}
        <div class="my-3">
            <div class="mx-auto" style={plotStyle} id="plot" />
        </div>
        <div class="my-3 row" class:d-none={totalProd == 0 || totalConso == 0}>
            <div class="col-12 col-sm-6 p-0" style={plotStyle} id="autoProd" />
            <div class="col-12 col-sm-6 p-0" style={plotStyle} id="autoConso" />

Deletion in src/routes/projet/[id]/simulation/+page.svelte at line 601 [13.784923]

∅:D[12.48324] → [24.3757:3815]

B:BD[31.3778] → [24.3757:3815]

B:BD[24.3815] → [12.48325:48467]

∅:D[12.48467] → [24.3943:3969]

B:BD[24.3943] → [24.3943:3969]

B:BD[24.3969] → [12.48468:48746]

∅:D[24.4171] → [31.3980:3994]

∅:D[12.48746] → [31.3980:3994]

B:BD[31.3980] → [31.3980:3994]

    {/if}
    <div class="d-flex justify-content-center">
        <button class="mx-2 btn btn-primary" on:click={addPrm}
            ><i class="bi bi-plus-circle" />&nbsp;Ajouter un compteur</button>
        {#if prms.length}
            <button
                disabled={!consentement}
                class="mx-2 btn btn-primary"
                form="pdl">Mettre à jour</button>
            <div
                class="mx-2 spinner-border text-primary"
                class:d-none={!prm_loading} />
        {/if}

Deletion in src/routes/projet/[id]/simulation/+page.svelte at line 602 [13.784923]
B:BD[31.4012] → [31.4012:4018]
B:BD[31.4018] → [24.4172:4205]
∅:D[24.4205] → [20.33680:33824]
B:BD[27.360294] → [20.33680:33824]
B:BD[20.33824] → [12.48747:48856]
∅:D[12.48856] → [20.33907:34011]
B:BD[20.33907] → [20.33907:34011]
B:BD[20.34011] → [12.48857:48958]
∅:D[12.48958] → [20.34108:34125]
B:BD[20.34108] → [20.34108:34125]
B:BD[20.34125] → [20.34125:34126]
∅:D[20.34126] → [27.360294:360313]
B:BD[27.360294] → [27.360294:360313]
B:BD[27.360313] → [12.48959:49015]
∅:D[12.49015] → [13.794482:794489]
∅:D[27.360373] → [13.794482:794489]
B:BD[13.794482] → [13.794482:794489]
```
{/if}
<h2 class="mt-5">Simulation</h2>
<table class="table table-bordered d-inline-block">
    <tbody>
        <tr><td>Production totale:</td><td>{Math.round(totalProd)}kWh</td></tr>
        <tr
            ><td>Consommation totale:</td><td>{Math.round(totalConso)}kWh</td
            ></tr>
    </tbody>
</table>
{#if pvgis_loading}
    <div class="my-3 d-flex align-items-center text-primary">
        <div class="spinner-border text-primary me-3" />
        Chargement de la production solaire
    </div>
{/if}
<div class="my-3">
    <div class="mx-auto" style={plotStyle} id="plot" />
</div>
```

Deletion in src/routes/projet/[id]/simulation/+page.svelte at line 603 [13.784923]

B:BD[13.794489] → [20.34127:34199]

B:BD[20.34199] → [25.1134:1206]

∅:D[25.1206] → [12.49016:49089]

B:BD[20.34199] → [12.49016:49089]

<div class="my-3 row" class:d-none={totalProd == 0 || totalConso == 0}>
    <div class="col-12 col-sm-6 p-0" style={plotStyle} id="autoProd" />
    <div class="col-12 col-sm-6 p-0" style={plotStyle} id="autoConso" />

Solving an order conflict in src/routes/projet/[id]/simulation/+page.svelte at line 603 [13.784923]
[13.794639]

Insertion in src/routes/projet/[id]/simulation/+page.svelte at line 603 [13.784923]

[0.22373]

<style>
    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }
    input[type=number] {
        appearance: none;
        -moz-appearance:textfield; /* Firefox */
    }
</style>

File addition: finances (d--x------)
[13.784905]

File addition: +page.svelte (----------)

[0.22654]

<script lang="ts">
    import { getContext } from 'svelte'
    import type { Derived } from '../calcul'
    const d: Derived = getContext("simulation")
    const fmt2 = Intl.NumberFormat('fr-FR', { maximumFractionDigits: 2 })
    const fmt0 = Intl.NumberFormat('fr-FR', { maximumFractionDigits: 0 })
    function sum(x: number[], n: number) {
        let sum = 0;
        for(let i = 0; i < n; i++) {
            sum += x[i]
        }
        return sum
    }
    function format(x: number) {
        let f = 0
        let s = ''
        if (Math.abs(x) <= 1000) {
            s = ' €'
            f = x
        } else if (Math.abs(x) < 1000000) {
            s = ' k€'
            f = x / 1000
        } else if (Math.abs(x) < 1000000000) {
            s = ' M€'
            f = x / 1000000
        } else {
            s = ' mds€'
            f = x / 1000000000
        }
        return fmt2.format(f) + s
    }
    const N = d.N
    const resultatNet = d.resultatNet
    const chiffreAffaires = d.chiffreAffaires
    const arr = 0
    const autoprod = d.p.autoprod
    const autoconso = d.p.autoconso
    const productionAnnuelle = d.productionAnnuelle
    const tarifAllo = d.tarifAllo
    const tarifLocal = d.tarifLocal
    const tarifSurplus = d.tarifSurplus
    const primeInvestissement = d.primeInvestissement
    const charges = d.charges
    const ebe = d.ebe
    const valeurAjoutee = d.valeurAjoutee
    const accise = d.accise
    const taxeFonciere = d.taxeFonciere
    const ifer = d.ifer
    const cfe = d.cfe
    const provisionOnduleurs = d.provisionOnduleurs
    const interetsDetteSenior = d.interetsDetteSenior
    const interetsDSRA = d.interetsDSRA
    const resultatFiscal = d.resultatFiscal
    const is = d.is
    const investissement = d.investissement
    const amortissement = d.amortissement
    const apport = d.p.apport
    const dscr = d.dscr
    const exploitation = d.exploitation
    const turpe = d.turpe
    const assurance = d.assurance
    const divers = d.divers
    let an = new Date().getFullYear()
</script>
<div
    class="tab-pane fade active show p-3"
    id="compte-tab-pane"
    role="tabpanel"
    aria-labelledby="compte-tab"
    tabindex="0">
    <h3 class="my-3 fs-1 fw-bold">
        <span class="text-primary">Projetez-vous</span> dans votre
        projet.
    </h3>
    Durée d'analyse : {$N} ans
    <h4 class="my-3 mt-5">Résultat</h4>
    <div class="ms-3 row">
        <h5 class="mt-5">Résultat net</h5>
        <div class="fw-bold fs-4">
            Cumulé : <span class="text-primary"
                     >{format(sum($resultatNet, $N))}</span>
        </div>
        <div class="d-flex flex-wrap">
            <div class="d-flex flex-column my-3">
                <div class="titreligne tcellt">Année</div>
                <div class="titreligne tcellt">
                    Résultat net
                </div>
            </div>
            {#each Array(Math.ceil($N)) as _, i}
                <div class="d-flex flex-column my-3">
                    <div class="tcellt">{an + i}</div>
                    <div class="tcellt">
                        {$resultatNet[i].toFixed(arr)}
                    </div>
                </div>
            {/each}
        </div>
    </div>
    <h4 class="my-3">Détail</h4>
    <div class="ms-3">
        <h5 class="mt-5">Chiffre d'affaires</h5>
        <div class="fw-bold fs-4">
            Cumulé : <span class="text-primary"
                     >{format(sum($chiffreAffaires, $N))}</span>
        </div>
        <div class="d-flex flex-wrap">
            <div class="d-flex flex-column my-4">
                <div class="titreligne tcellt">Année</div>
                <div class="titreligne tcellt">
                    Autoproduction (€)
                </div>
                <div class="titreligne tcellt">
                    Vente locale (€)
                </div>
                <div class="titreligne tcellt">
                    Vente de surplus (€)
                </div>
                <div class="titreligne tcellt">Prime</div>
                <div class="titreligne tcellt">
                    Chiffre d'affaires
                </div>
            </div>
            {#each Array(Math.ceil($N)) as _, i}
                <div class="d-flex flex-column my-4">
                    <div class="tcellt">{an + i}</div>
                    <div class="tcellt">
                        {(
                            $productionAnnuelle[i] *
                            (($autoprod * $tarifAllo[i]) / 100)
                            ).toFixed(0)}
                    </div>
                    <div class="tcellt">
                        {(
                            $productionAnnuelle[i] *
                            (($autoconso * $tarifLocal[i]) / 100)
                            ).toFixed(0)}
                    </div>
                    <div class="tcellt">
                        {(
                            $productionAnnuelle[i] *
                            ((1 - $autoconso/100) * $tarifSurplus[i])
                            ).toFixed(0)}
                    </div>
                    <div class="tcellt">{#if i == 0}{$primeInvestissement}{:else}&nbsp;{/if}</div>
                    <div class="tcellt">
                        {$chiffreAffaires[i].toFixed(arr)}
                    </div>
                </div>
            {/each}
        </div>
        <h5 class="my-3">Charges d'exploitation</h5>
        <div class="fw-bold fs-4">
            Cumulé : <span class="text-primary"
                     >{format(sum($charges, $N))}</span>
        </div>
        <div class="d-flex flex-wrap">
            <div class="d-flex flex-column my-4">
                <div class="titreligne tcellt">Année</div>
                <div class="titreligne tcellt">
                    Maintenance (€)
                </div>
                <div class="titreligne tcellt">TURPE (€)</div>
                <div class="titreligne tcellt">
                    Assurance (€)
                </div>
                <div class="titreligne tcellt">Divers</div>
                <div class="titreligne tcellt">
                    Total charges
                </div>
            </div>
            {#each Array(Math.ceil($N)) as _, i}
                <div class="d-flex flex-column my-4">
                    <div class="tcellt">{an + i}</div>
                    <div class="tcellt">
                        {$exploitation[i].toFixed(arr)}
                    </div>
                    <div class="tcellt">
                        {$turpe[i].toFixed(arr)}
                    </div>
                    <div class="tcellt">
                        {$assurance[i].toFixed(arr)}
                    </div>
                    <div class="tcellt">
                        {$divers[i].toFixed(arr)}
                    </div>
                    <div class="tcellt">
                        {$charges[i].toFixed(arr)}
                    </div>
                </div>
            {/each}
        </div>
        <h5 class="my-3">Excédent brut d'exploitation</h5>
        <div class="fw-bold fs-4">
            Cumulé : <span class="text-primary"
                     >{format(sum($ebe, $N))}</span>
        </div>
        <div class="d-flex flex-wrap">
            <div class="d-flex flex-column my-4">
                <div class="titreligne tcellt">Année</div>
                <div class="titreligne tcellt">
                    Valeur ajoutée (€)
                </div>
                <div class="titreligne tcellt">Accise (€)</div>
                <div class="titreligne tcellt">IFER (€)</div>
                <div class="titreligne tcellt">
                    Taxe foncière
                </div>
                <div class="titreligne tcellt">
                    Cotisation foncière des entreprises
                </div>
                <div class="titreligne tcellt">
                    Excédent brut d'exploitation
                </div>
            </div>
            {#each Array(Math.ceil($N)) as _, i}
                <div class="d-flex flex-column my-4">
                    <div class="tcellt">{an + i}</div>
                    <div class="tcellt">
                        {$valeurAjoutee[i].toFixed(arr)}
                    </div>
                    <div class="tcellt">
                        {$accise[i].toFixed(arr)}
                    </div>
                    <div class="tcellt">
                        {$ifer[i].toFixed(arr)}
                    </div>
                    <div class="tcellt">
                        {$taxeFonciere.toFixed(arr)}
                    </div>
                    <div class="tcellt">
                        {$cfe.toFixed(arr)}
                    </div>
                    <div class="tcellt">
                        {$ebe[i].toFixed(arr)}
                    </div>
                </div>
            {/each}
        </div>
        <h5 class="my-3">Résultat net</h5>
        <div class="fw-bold fs-4">
            Cumulé : <span class="text-primary"
                     >{format(sum($resultatNet, $N))}</span>
        </div>
        <div class="d-flex flex-wrap">
            <div class="d-flex flex-column my-4">
                <div class="titreligne tcellt">Année</div>
                <div class="titreligne tcellt">Onduleurs
                    <button
                        type="button"
                        class="btn btn-sm btn-link align-baseline p-0 ms-2"
                        data-bs-toggle="popover"
                        data-bs-trigger="hover focus"
                        data-bs-content="Provision pour le remplacement des onduleurs"
                    ><i class="bi bi-question-circle" /></button>
                </div>
                <div class="titreligne tcellt">
                    Amortissement
                </div>
                <div class="titreligne tcellt">
                    Intérêts dette senior
                </div>
                <div class="titreligne tcellt">
                    Intérêts DSRA <button
                                      type="button"
                                      class="btn btn-sm btn-link align-baseline p-0 ms-2"
                                      data-bs-toggle="popover"
                                      data-bs-trigger="hover focus"
                                      data-bs-content="Dans un emprunt, compte bancaire qui permettra de payer le service de la dette si jamais l'entité emprunteuse n'est plus en mesure de le faire."
                                  ><i class="bi bi-question-circle" /></button>
                </div>
                <div class="titreligne tcellt">
                    Résultat fiscal
                </div>
                <div class="titreligne tcellt">
                    Impôt sur les sociétés
                </div>
                <div class="titreligne tcellt">
                    Résultat net
                </div>
            </div>
            {#each Array(Math.ceil($N)) as _, i}
                <div class="d-flex flex-column my-4">
                    <div class="tcellt">{an + i}</div>
                    <div class="tcellt">
                        {$provisionOnduleurs[i].toFixed(arr)}
                    </div>
                    <div class="tcellt">
                        {$amortissement[i].toFixed(arr)}
                    </div>
                    <div class="tcellt">
                        {$interetsDetteSenior[i].toFixed(arr)}
                    </div>
                    <div class="tcellt">
                        {$interetsDSRA[i].toFixed(arr)}
                    </div>
                    <div class="tcellt">
                        {$resultatFiscal[i].toFixed(arr)}
                    </div>
                    <div class="tcellt">
                        {$is[i].toFixed(arr)}
                    </div>
                    <div class="tcellt">
                        {$resultatNet[i].toFixed(arr)}
                    </div>
                </div>
            {/each}
        </div>
        {#if $investissement > $apport}
            <h5 class="my-3">Couverture de la dette</h5>
            <div class="d-flex flex-wrap">
                <div class="d-flex flex-column my-3">
                    <div class="titreligne tcellt">Année</div>
                    <div class="titreligne tcellt">DSCR</div>
                </div>
                {#each Array(Math.ceil($N)) as _, i}
                    <div class="d-flex flex-column my-3">
                        <div class="tcellt">{an + i}</div>
                        <div class="tcellt">
                            {fmt2.format($dscr[i])}
                        </div>
                    </div>
                {/each}
            </div>
        {/if}
    </div>
</div>
<style lang="scss">
    h5 {
        font-size: 1.5rem;
        font-weight: bold;
    }
    h4 {
        font-size: 2rem;
        font-weight: bold;
    }
    .tcellt {
        border-bottom: 1px solid $primary;
    }
    .tcellt:last-child {
        border-bottom: unset;
    }
    .tcellt {
        padding: 8px 10px;
    }
</style>

File addition: expert (d--x------)
[13.784905]

File addition: +page.svelte (----------)

[0.35920]

<script lang="ts">
    import { Derived } from '../calcul'
    import { getContext } from 'svelte'
    const _simulation: Derived = getContext("simulation")
    const inflationElec = _simulation.p.inflationElec
    const enedis = _simulation.p.enedis
    const productible = _simulation.p.productible
    const ratio = _simulation.p.ratio
    const degradation = _simulation.p.degradation
    const tauxDSRA = _simulation.p.tauxDSRA
    const inflation = _simulation.p.inflation
</script>
<div
    class="tab-pane fade show active p-3"
    id="expert-tab-pane"
    role="tabpanel"
    aria-labelledby="expert-tab"
    tabindex="0">
    <h3 class="my-3 fs-1 fw-bold">
        D'avantage de <span class="text-primary">réglages</span>
    </h3>
    <div class="mt-5">
        <div class="mb-3">
            <label class="form-label" for="enedis"
            >Coût de raccordement Enedis</label>
            <input
                class="form-control form-control-sm w-auto"
                type="number"
                id="enedis"
                min="0"
                bind:value={$enedis} />
        </div>
        <div class="mb-3">
            <label class="form-label" for="productible"
            >Productible annuel (kWh/kWc)</label>
            <input
                class="form-control form-control-sm w-auto"
                type="number"
                id="productible"
                min="0"
                bind:value={$productible} />
        </div>
        <div class="mb-3">
            <label class="form-label" for="ratio"
            >Ratio installation (€/W)</label>
            <input
                class="form-control form-control-sm w-auto"
                type="number"
                id="ratio"
                min="0"
                bind:value={$ratio} />
        </div>
        <div class="mb-3">
            <label class="form-label" for="degradation"
            >Taux de dégradation PV(%)</label>
            <input
                class="form-control form-control-sm w-auto"
                type="number"
                id="degradation"
                min="0"
                bind:value={$degradation} />
        </div>
        <div class="mb-3">
            <label class="form-label" for="dsra"
            >Taux d'intérêt DSRA (%)</label>
            <input
                class="form-control form-control-sm w-auto"
                type="number"
                id="dsra"
                min="0"
                step="any"
                bind:value={$tauxDSRA} />
        </div>
        <div class="mb-3">
            <label class="form-label" for="inflation"
            >Inflation tarif local</label>
            <input
                class="form-control form-control-sm w-auto"
                type="number"
                id="inflation"
                min="0"
                bind:value={$inflation} />
        </div>
        <div class="mb-3">
            <label class="form-label" for="inflationElec"
            >Inflation nationale de l'électricité (%)</label>
            <input
                class="form-control form-control-sm w-auto"
                type="number"
                bind:value={$inflationElec}
                min="0"
                id="inflationElec" />
        </div>
        <!-- <div class="my-3">
             <label class="form-label" for="surfacekwc">Surface d'un kWc (m²)</label>
             <input
             class="form-control form-control-sm"
             type="number"
             id="surfacekwc"
             step ="any"
             value={surface_kwc}
             on:change={onRatioChange} />
             </div>-->
    </div>
</div>

File addition: description (d--x------)
[13.784905]
File move: Description.svelte → +page.svelte
BF:BFD[13.784905] → [22.826:868]
BF:BF[22.868] → [22.869:869]
[0.39635]
[22.869]

Replacement in src/routes/projet/[id]/description/+page.svelte at line 2 [22.869]

B:BD[22.889] → [22.889:955]

B:BD[22.955] → [23.2362:2452]

    export let position: undefined | { lat: number; lng: number }
    export let azimuth: undefined | number
    export let inclinaison: undefined | number

[22.889]

[8.246]

    import type { Grain } from '../../../../grain-types.ts';
    import type { Writable } from 'svelte/store'
    import { getContext } from 'svelte'

Replacement in src/routes/projet/[id]/description/+page.svelte at line 8 [22.869]
B:BD[22.993] → [22.993:1022]
```
    const assets = '/static'
```
[22.993]
[22.1229]
```
    export let assets: string = '/grain/static'
```
Deletion in src/routes/projet/[id]/description/+page.svelte at line 12 [22.869]
B:BD[22.1302] → [22.1302:1338]
```
    let dot: null | L.Marker = null
```

Insertion in src/routes/projet/[id]/description/+page.svelte at line 13 [22.869]

[22.1366]

    let srv =
        import.meta.env.MODE == 'production'
        ? 'https://coturnix.fr'
        : 'http://localhost:5173'

Insertion in src/routes/projet/[id]/description/+page.svelte at line 18 [22.869]

[22.1367]

    type Compteur_ = Grain.Compteur & { dot?: any };
    type Communaute_ = Grain.Communaute & { compteurs?: Compteur_[], circle?: any, isMoving?: boolean };
    let communaute: Writable<Communaute_ | null> = getContext("communaute")
    export let save: () => Promise<void> = async () => { };
    let derogation = $communaute?.derogation ?? "non"

Insertion in src/routes/projet/[id]/description/+page.svelte at line 27 [22.869]

[22.1391]

    let circleOpts = {
        radius: 1000,
        stroke: true,
        fillOpacity: 0,
        color: '#b81413',
        weight: 3,
    }
    let leaflet: any = null;
    function changeDerogation (e: any) {
        console.log('Changederogation', derogation, $communaute, e)
        if($communaute) {
            $communaute.derogation = derogation;
            let d = derogationRayonKm() * 1000
            checkRayon($communaute, d)
            if ($communaute?.circle) {
                $communaute.circle.setRadius(d)
            } else {
                circleOpts.radius = d
                $communaute.circle = leaflet.circle($communaute, circleOpts)
                $communaute.circle.addTo(map!)
            }
            save()
        }
    }
    function derogationRayonKm(): number {
        if ($communaute?.derogation == "20") {
            return 10
        } else if ($communaute?.derogation == "10") {
            return 5
        } else {
            return 1
        }
    }
    type Commune = {
        nom: String,
        densite: number,
    }
    let communes: null | Commune[] = null
    async function checkRayon(latlng: Grain.LatLng| null, rayon: number) {
        if(latlng) {
            console.log("checkRayon");
            let resp = await fetch(`${srv}/api/intersect?lat=${latlng.lat}&lng=${latlng.lng}&rayon=${rayon}`, {
                credentials: 'include',
            })
            if (resp.status == 200) {
                communes = await resp.json()
            }
        }
    }

Insertion in src/routes/projet/[id]/description/+page.svelte at line 85 [22.869]
[22.1417]
[22.1417]
```
        checkRayon($communaute, derogationRayonKm())
```
Insertion in src/routes/projet/[id]/description/+page.svelte at line 91 [22.869]
[22.1555]
[22.1555]
```
        leaflet = L;
```
Replacement in src/routes/projet/[id]/description/+page.svelte at line 97 [22.869]
B:BD[22.1758] → [22.1758:1792]
```
        map = L.map('descrmap', {
```
[22.1758]
[22.1792]
```
      map = L.map('descrmap', {
```
Replacement in src/routes/projet/[id]/description/+page.svelte at line 105 [22.869]
B:BD[22.2008] → [22.2008:2050]
```
            // attributionControl: false,
```
[22.2008]
[22.2050]
```
            attributionControl: false,
```

Replacement in src/routes/projet/[id]/description/+page.svelte at line 109 [22.869]

B:BD[22.2105] → [22.2105:2169]

        if (position) {
            map.setView(position, zoom)

[22.2105]

[22.2169]


        if ($communaute) {
            derogation = $communaute.derogation;
            circleOpts.radius = derogationRayonKm() * 1000;
            $communaute.circle = L.circle($communaute, circleOpts).addTo(map)
            map.setView($communaute, zoom)

Replacement in src/routes/projet/[id]/description/+page.svelte at line 135 [22.869]

B:BD[22.2798] → [22.2798:2978]

                iconUrl: `${assets}/marker-icon-red.png`,
                iconRetinaUrl: `${assets}/marker-icon-red.png`,
                shadowUrl: `${assets}/marker-shadow.png`,

[22.2798]

[22.2978]

                iconUrl: `${assets}/signal-red.png`,
                iconRetinaUrl: `${assets}/signal-red.png`,

Replacement in src/routes/projet/[id]/description/+page.svelte at line 140 [22.869]

B:BD[22.3058] → [22.3058:3229]

        if (position) {
            dot = L.marker(position, {
                icon: redIcon!,
                draggable: false,
            })
            dot.addTo(map)

[22.3058]

[22.3229]

        if($communaute?.compteurs) {
            for(let c of $communaute.compteurs) {
                c.dot = L.marker(c, {
                    icon: redIcon!,
                    draggable: false,
                })
                c.dot.addTo(map)
            }

Replacement in src/routes/projet/[id]/description/+page.svelte at line 149 [22.869]
B:BD[22.3239] → [22.3239:3281]
B:BD[22.3281] → [8.279:325]
```
        // position = { lat: 45, lng: 3 }
        map.on('zoomend', function (e: any) {
```
[22.3239]
[8.325]
```
        map.on('zoomend', function (_: any) {
```

Insertion in src/routes/projet/[id]/description/+page.svelte at line 152 [22.869]

[8.358]

        })
        let initialCentre: null | { lat: number; lng: number } = null
        let invalidDrag = false
        map.on('mousemove', function (e: any) {
            if (invalidDrag) {
                return
            }
            if ($communaute?.circle && e.originalEvent.shiftKey) {
                let m = document.getElementById('descrmap')
                m!.focus()
                let d = derogationRayonKm() * 1000
                if (initialCentre) {
                    let testCentre = {
                        lat: e.latlng.lat - initialCentre.lat,
                        lng: e.latlng.lng - initialCentre.lng,
                    }
                    if (!checkDistance(testCentre, $communaute.compteurs ?? [], d)) {
                        invalidDrag = true
                        return
                    }
                    $communaute.lat = testCentre.lat
                    $communaute.lng = testCentre.lng
                  $communaute.circle.setLatLng($communaute);
                } else {
                    if (map.distance($communaute, e.latlng) <= d) {
                        $communaute.isMoving = true;
                        initialCentre = {
                            lat: e.latlng.lat - $communaute.lat,
                            lng: e.latlng.lng - $communaute.lng,
                        }
                    }
                }
            }

Insertion in src/routes/projet/[id]/description/+page.svelte at line 188 [22.869]

[8.370]

[22.3281]

        document
           .getElementById('descrmap')
                         ?.addEventListener('keyup', async (e: KeyboardEvent) => {
                             if (e.key == 'Shift') {
                                 if($communaute) {
                                     delete $communaute.isMoving;
                                     checkRayon($communaute, derogationRayonKm() * 1000)
                                     save()
                                 }
                                 invalidDrag = false
                                 initialCentre = null
                             }
                         })

Replacement in src/routes/projet/[id]/description/+page.svelte at line 203 [22.869]

B:BD[22.3325] → [22.3325:3455]

            position = e.latlng
            console.log(position)
            if (dot) {
                dot.setLatLng(position!)

[22.3325]

[22.3455]

            console.log(e);
            if(e.originalEvent.shiftKey) {
                // Déplacer/ajouter la communauté
                if($communaute?.circle) {
                    if(checkDistance(e.latlng, $communaute.compteurs ?? [], derogationRayonKm() * 1000)) {
                        $communaute.circle.setLatLng(e.latlng)
                        $communaute.lat = e.latlng.lat
                        $communaute.lng = e.latlng.lng
                    }
                } else {
                    if(!$communaute) {
                        $communaute = { lat: e.latlng.lat, lng: e.latlng.lng, derogation: derogation }
                    }
                    circleOpts.radius = derogationRayonKm() * 1000;
                    $communaute!.circle = L.circle(
                        e.latlng,
                        circleOpts
                    )
                    $communaute!.circle.addTo(map)
                }
                checkRayon($communaute!, derogationRayonKm() * 1000)
                save()

Replacement in src/routes/projet/[id]/description/+page.svelte at line 226 [22.869]

B:BD[22.3476] → [22.3476:3644]

                dot = L.marker(position!, {
                    icon: redIcon!,
                    draggable: false,
                })
                dot.addTo(map)

[22.3476]

[22.3644]

              if(!$communaute) {
                  communaute.set({
                        lat: e.latlng.lat,
                        lng: e.latlng.lng,
                        compteurs: [],
                        derogation,
                  })
                    circleOpts.radius = derogationRayonKm() * 1000;
                    $communaute!.circle = L.circle(
                        e.latlng,
                        circleOpts
                    ).addTo(map)
                    checkRayon($communaute, derogationRayonKm() * 1000)
                }
                if(map.distance($communaute!, e.latlng) <= derogationRayonKm() * 1000) {
                    let dot = {
                        lat: e.latlng.lat,
                        lng: e.latlng.lng,
                        dot: L.marker(e.latlng, {
                            icon: redIcon!,
                            draggable: false,
                        }),
                        azimuth: 0,
                        inclinaison: 0,
                        puissance: 0,
                    };
                    dot.dot.addTo(map)
                    if(!$communaute!.compteurs) {
                        $communaute!.compteurs = []
                    }
                    $communaute!.compteurs.push(dot);
                    $communaute = $communaute;
                }
                save()

Replacement in src/routes/projet/[id]/description/+page.svelte at line 267 [22.869]
B:BD[22.3738] → [22.3738:3771]
```
        if (!position || !map) {
```
[22.3738]
[22.3771]
```
        if (!$communaute || !map) {
```

Replacement in src/routes/projet/[id]/description/+page.svelte at line 270 [22.869]

B:BD[22.3800] → [8.371:407]

        map.setView(position, zoom)

[22.3800]

[22.4715]

        let lng0 = 180
        let lng1 = -180
        let lat0 = 90
        let lat1 = -90
        let mar = 0.5
        let dy = (mar + (derogationRayonKm())) / 111
        let lat2 = $communaute.lat - dy
        let lat3 = $communaute.lat + dy
        let dx = dy / Math.cos(($communaute.lat * Math.PI) / 180)
        let lng2 = $communaute.lng - dx
        let lng3 = $communaute.lng + dx
        lng0 = Math.min(lng0, lng2)
        lng1 = Math.max(lng1, lng3)
        lat0 = Math.min(lat0, lat2)
        lat1 = Math.max(lat1, lat3)
        if (lng0 < lng1 && lat0 < lat1) {
            console.log([
                [lat0, lng0],
                [lat1, lng1],
            ])
            map.fitBounds(
                [
                    [lat0, lng0],
                    [lat1, lng1],
                ],
            )
        } else {
            map.setView($communaute, zoom)
        }
    }
    function checkDistance(
        e: { lat: number; lng: number },
        compteurs: { lat: number, lng: number }[],
        d: number
    ): boolean {
        for (let v of compteurs) {
            let dist = map.distance(e, v)
            if (dist > d) {
                return false
            }
        }
        return true
    }
    function deleteCompteur(
        event: any,
        i: number,
    ) {
        event.preventDefault();
        $communaute!.compteurs![i].dot.removeFrom(map);
      $communaute!.compteurs!.splice(i, 1);
      $communaute = $communaute;
        save()

Insertion in src/routes/projet/[id]/description/+page.svelte at line 328 [22.869]
[22.4731]
[22.4731]

Replacement in src/routes/projet/[id]/description/+page.svelte at line 335 [22.869]

B:BD[22.4958] → [22.4958:5015]

B:BD[22.5015] → [23.2453:2486]

∅:D[23.2486] → [22.5036:5171]

B:BD[22.5036] → [22.5036:5171]

<div id="descrmap" class="w-100" style="height:500px" />
<div class="d-flex flex-column">
    <button
        class="btn btn-sm btn-outline-secondary my-2 ms-auto"
        on:click={(_) => recentrer(zoom)}>Recentrer</button>

[22.4958]

[23.2487]

<div
    class="tab-pane fade active show p-3"
    id="description-tab-pane"
    role="tabpanel"
    aria-labelledby="description-tab"
    tabindex="0">
    <h3 class="my-3 fs-1 fw-bold">
        Quelques <span class="text-primary">détails</span> de plus.
    </h3>

Replacement in src/routes/projet/[id]/description/+page.svelte at line 346 [22.869]

B:BD[23.2511] → [23.2511:2754]

        <label class="form-label" for="azimuth"
            >Azimuth (degrés par rapport au Nord):</label>
        <input
            type="number"
            class="form-control"
            id="azimuth"
            bind:value={azimuth} />

[23.2511]

[23.2754]

        Cliquez sur la carte ci-dessous pour ajouter des compteurs, ou cliquez en maintenant la touche Shift pour positionner la communauté.

Replacement in src/routes/projet/[id]/description/+page.svelte at line 348 [22.869]

B:BD[23.2765] → [23.2765:2990]

    <div class="my-3">
        <label class="form-label" for="incl">Inclinaison:</label>
        <input
            type="number"
            class="form-control"
            id="incl"
            bind:value={inclinaison} />

[23.2765]

[23.2990]

    <div id="descrmap" class="w-100" style="height:500px" />
    <div class="d-flex flex-column">
        <button
            class="btn btn-sm btn-outline-secondary my-2 ms-auto"
            on:click={(_) => recentrer(zoom)}>Recentrer</button>
        {#if $communaute?.compteurs?.length}
            <div class="my-3">
                <table class="table">
                    <thead>
                        <tr><th>Puissance</th><th>Azimuth (le Sud est à 0°, l'Est à -90°, l'Ouest à 90°)</th><th>Inclinaison</th><th></th></tr>
                    </thead>
                    <tbody>
                        {#each $communaute.compteurs as c, i}
                            <tr>
                                <td>
                                    <input
                                        type="number"
                                        class="form-control"
                                        bind:value={c.puissance} />
                                </td>
                                <td>
                                    <input
                                        type="number"
                                        class="form-control"
                                        bind:value={c.azimuth} />
                                </td>
                                <td>
                                    <input
                                        type="number"
                                        class="form-control"
                                        bind:value={c.inclinaison} />
                                </td>
                                <td>
                                    <button class="btn btn-sm btn-outline-primary" on:click={(e) => deleteCompteur(e, i)}><i class="bi bi-trash"/></button>
                                </td>
                            </tr>
                        {/each}
                    </tbody>
                </table>
            </div>
        {/if}
        <div class="p-3 overflow-auto">
            <label for="derog" class="form-label">
                Extension de périmètre (habitat rural et/ou dispersé)
            </label>&nbsp;<button type="button"
                                  class="btn btn-link align-baseline p-0"
                                  id="ext-popover"
                                  data-bs-toggle="popover"
                                  data-bs-trigger="hover focus"
                                  data-bs-content="Par dérogation, le rayon de la communauté peut être étendu à 5km ou 10km.">
                <i class="bi bi-question-circle" />
            </button>
            <select
                id="derog"
                class="form-select form-select-sm w-auto d-inline"
                name="derog"
                bind:value={derogation}
                on:change={changeDerogation}>
                <option value="non">Non</option>
                <option value="10">10km</option>
                <option value="20">20km</option>
            </select>
            {#if communes && communes.length}
                <h4 class="mt-5">Communes concernées</h4>
                <table class="table">
                    <thead>
                        <th>Nom</th><th>Éligibilité</th>
                    </thead>
                    <tbody>
                        {#each communes as c}
                            <tr><td>{c.nom}</td><td>{#if c.densite >= 5}20km{:else if c.densite >= 3}10km{#if derogation=='20' }<i class="ms-3 text-danger bi bi-exclamation-triangle"/>{/if}{:else}2km{#if derogation!='non' }<i class="ms-3 text-danger bi bi-exclamation-triangle"/>{/if}{/if}</td></tr>
                        {/each}
                    </tbody>
                </table>
            {/if}
        </div>

File addition: calcul.ts (----------)

[13.784905]

import { readable, writable, derived } from 'svelte/store';
import type { Readable, Writable } from 'svelte/store';
import type { Grain } from '../../../helpers'
import * as H from '../../../helpers'
import type { Sample } from '../../../plot'
import { sample } from '../../../plot'
import { tick } from 'svelte'
type _SimulationCommunaute = {
  [Property in keyof Grain.SimulationCommunaute]: Writable<Grain.SimulationCommunaute[Property]>;
}
export class Derived {
  p: _SimulationCommunaute;
  s: Grain.SimulationCommunaute
  constructor(s: Grain.SimulationCommunaute) {
    this.s = s
    this.p = <_SimulationCommunaute>Object.fromEntries(
      Object.entries(s).map(([k, v], _) => {
        let w = writable(v);
        w.subscribe((value) => this.s[k as keyof Grain.SimulationCommunaute] = value as any)
        return [k, w]
      })
    );
    this.N = writable(30);
    this.investissement = derived(
      [this.p.puissance, this.p.ratio, this.p.enedis],
      ([$puissance, $ratio, $enedis]) => $puissance ? $puissance * 1000 * $ratio + $enedis : 0)
    this.apport = derived(
      [this.investissement, this.p.apport],
      ([$investissement, $apport]) => Math.min($investissement, $apport)
    )
    this.primeInvestissement = derived(
      this.p.puissance,
      ($puissance) => ($puissance <= 3 ? 0.30
        : $puissance <= 9 ? 0.23
          : $puissance <= 36 ? 0.20
            : $puissance <= 100 ? 0.10
              : 0) * 1000 * $puissance
    )
    function tarifSurplus_(tarifCRE: any, puissance: number): number {
      let resultat = tarifCRE.prix[0]
      for (let i = 0; i < tarifCRE.limites.length; i++) {
        if (puissance < tarifCRE.limites[i]) {
          return resultat
        } else {
          resultat = tarifCRE.prix[i]
        }
      }
      return resultat
    }
    this.tarifSurplus = derived(
      [this.p.tarifCRE, this.p.puissance, this.N],
      ([$tarifCRE, $puissance, $N],
        _,
        update
      ) => {
        update((tarifSurplus) => {
          if (!tarifSurplus || tarifSurplus.length < $N) {
            tarifSurplus = Array($N);
          }
          let t = tarifSurplus_($tarifCRE, $puissance);
          for (let i = 0; i < $N; i++) {
            tarifSurplus[i] = t * Math.pow(1 + $tarifCRE.inflation / 100, i)
          }
          return tarifSurplus
        })
      }
    );
    this.productionAnnuelle = derived(
      [this.p.productible, this.p.puissance, this.p.degradation, this.N],
      ([$productible, $puissance, $degradation, $N], _, update) => {
        update((prod) => {
          if (!prod || prod.length < $N) {
            prod = Array($N);
          }
          for (let i = 0; i < $N; i++) {
            prod[i] = H.productionAnnuelle($productible, $puissance, $degradation, i)
          }
          return prod
        })
      }
    )
    this.tarifLocal = derived(
      [this.p.prix, this.p.inflation, this.N],
      ([$prix, $inflation, $N], _, update) => {
        update((tarif) => {
          if (!tarif || tarif.length < $N) {
            tarif = Array($N);
          }
          for (let i = 0; i < $N; i++) {
            tarif[i] = $prix * Math.pow(1 + $inflation / 100, i)
          }
          return tarif
        })
      }
    )
    this.tarifAllo = derived(
      [this.p.coutElec, this.p.inflationElec, this.N],
      ([$coutElec, $inflationElec, $N], _, update) => {
        update((tarif) => {
          if (!tarif || tarif.length < $N) {
            tarif = Array($N);
          }
          for (let i = 0; i < $N; i++) {
            tarif[i] = $coutElec * Math.pow(1 + $inflationElec / 100, i)
          }
          return tarif
        })
      }
    )
    this.chiffreAffaires = derived(
      [this.primeInvestissement, this.productionAnnuelle,
      this.p.autoconso, this.tarifLocal, this.tarifSurplus,
      this.p.autoprod, this.tarifAllo, this.N],
      ([$primeInvestissement, $productionAnnuelle, $autoconso, $tarifLocal, $tarifSurplus, $autoprod, $tarifAllo, $N], _, update) => {
        update((ca) => {
          if (!ca || ca.length < $N) {
            ca = Array($N);
          }
          for (let i = 0; i < $N; i++) {
            ca[i] = (i == 0 ? $primeInvestissement : 0)
              + $productionAnnuelle[i] * (
                $autoconso / 100 * $tarifLocal[i] +
                (1 - $autoconso / 100) * $tarifSurplus[i] +
                ($autoprod / 100 * $tarifAllo[i])
              )
          }
          return ca
        })
      }
    )
    this.turpe = derived(
      [this.p.puissance, this.p.turpe, this.p.autoconso, this.productionAnnuelle, this.p.turpeInjection, this.p.inflation, this.N],
      ([$puissance, $turpe, $autoconso, $productionAnnuelle, $turpeInjection, $inflation, $N], _, update) => {
        update((turpe) => {
          if (!turpe || turpe.length < $N) {
            turpe = Array($N);
          }
          for (let i = 0; i < $N; i++) {
            turpe[i] = (
              $puissance * $turpe +
              (1 - $autoconso / 100) * $productionAnnuelle[i] * $turpeInjection
            ) * Math.pow(1 + $inflation / 100, i)
          }
          return turpe
        })
      }
    )
    this.assurance = derived(
      [this.investissement, this.p.assurance, this.p.inflation, this.N],
      ([$investissement, $assurance, $inflation, $N], _, update) => {
        update((assurance) => {
          if (!assurance || assurance.length < $N) {
            assurance = Array($N);
          }
          for (let i = 0; i < $N; i++) {
            assurance[i] = (($investissement * $assurance) / 100)
              * Math.pow(1 + $inflation / 100, i)
          }
          return assurance
        })
      }
    )
    this.exploitation = derived(
      [this.p.puissance, this.p.maintenance, this.p.inflation, this.N],
      ([$puissance, $maintenance, $inflation, $N], _, update) => {
        update((expl) => {
          if (!expl || expl.length < $N) {
            expl = Array($N);
          }
          for (let i = 0; i < $N; i++) {
            expl[i] = $puissance * $maintenance
              * Math.pow(1 + $inflation / 100, i)
          }
          return expl
        })
      }
    )
    this.divers = derived(
      [this.p.divers, this.p.puissance, this.p.inflation, this.N],
      ([$divers, $puissance, $inflation, $N], _, update) => {
        update((divers) => {
          if (!divers || divers.length < $N) {
            divers = Array($N);
          }
          for (let i = 0; i < $N; i++) {
            divers[i] = $divers * $puissance
              * Math.pow(1 + $inflation / 100, i)
          }
          return divers
        })
      }
    )
    this.charges = derived(
      [this.investissement, this.p.fraisDivers, this.exploitation, this.turpe, this.assurance, this.divers, this.N],
      ([$investissement, $fraisDivers, $exploitation, $turpe, $assurance, $divers, $N], _, update) => {
        update((charges) => {
          if (!charges || charges.length < $N) {
            charges = Array($N);
          }
          for (let i = 0; i < $N; i++) {
            charges[i] = ($investissement && i == 0 ? $fraisDivers : 0) + $exploitation[i] + $turpe[i] + $assurance[i] + $divers[i]
          }
          return charges
        })
      }
    )
    this.valeurAjoutee = derived(
      [this.chiffreAffaires, this.charges, this.N],
      ([$chiffreAffaires, $charges, $N], _, update) => {
        update((va) => {
          if (!va || va.length < $N) {
            va = Array($N);
          }
          for (let i = 0; i < $N; i++) {
            va[i] = $chiffreAffaires[i] - $charges[i]
          }
          return va
        })
      }
    )
    this.amortissement = derived(
      [this.p.dureeAmortissement, this.investissement, this.N],
      ([$dureeAmortissement, $investissement, $N], _, update) => {
        update((a) => {
          if (!a || a.length < $N) {
            a = Array($N);
          }
          for (let i = 0; i < $N; i++) {
            if (i < $dureeAmortissement) {
              a[i] = $investissement / $dureeAmortissement
            } else {
              a[i] = 0
            }
          }
          return a
        })
      }
    );
    this.provisionOnduleurs = derived(
      [this.p.puissance, this.p.provisionOnduleurs, this.p.inflation, this.N],
      ([$puissance, $provision, $inflation, $N], _, update) => {
        update((a) => {
          if (!a || a.length < $N) {
            a = Array($N);
          }
          for (let i = 0; i < $N; i++) {
            a[i] = $puissance * 1000 * $provision * Math.pow(1 + $inflation / 100, i) / 10
          }
          return a
        })
      }
    );
    // Accise: taux dérogatoire d'1€/MWh jusqu'au 31/1/2025
    this.accise = derived(
      [this.productionAnnuelle, this.N],
      ([$productionAnnuelle, $N], _, update) => {
        update((a) => {
          if (!a || a.length < $N) {
            a = Array($N);
          }
          for (let i = 0; i < $N; i++) {
            a[i] = $productionAnnuelle[i] * 0.001
          }
          return a
        })
      }
    );
    // Exonération de taxe foncière: https://www.legifrance.gouv.fr/codes/article_lc/LEGIARTI000044996150
    this.taxeFonciere = readable(0)
    // Formule compliquée, exonéré sur les cas concrets
    this.cfe = readable(0)
    this.ifer = derived(
      [this.p.puissance, this.p.ratioDcAc, this.N],
      ([$puissance, $ratio, $N], _, update) => {
        update((a) => {
          if (!a || a.length < $N) {
            a = Array($N);
          }
          for (let i = 0; i < $N; i++) {
            a[i] = $puissance < 100 ? 0 : 3.394 * $puissance * $ratio
          }
          return a
        })
      }
    );
    this.impots = derived(
      [this.ifer, this.taxeFonciere, this.cfe, this.N],
      ([$ifer, $taxeFonciere, $cfe, $N], _, update) => {
        update((a) => {
          if (!a || a.length < $N) {
            a = Array($N);
          }
          for (let i = 0; i < $N; i++) {
            a[i] = $ifer[i] + $taxeFonciere + $cfe
          }
          return a
        })
      }
    );
    this.ebe = derived(
      [this.valeurAjoutee, this.impots, this.N],
      ([$va, $impots, $N], _, update) => {
        update((a) => {
          if (!a || a.length < $N) {
            a = Array($N);
          }
          for (let i = 0; i < $N; i++) {
            a[i] = $va[i] - $impots[i]
          }
          return a
        })
      }
    );
    this.dette = derived(
      [this.investissement, this.p.apport],
      ([$inv, $app]) => $inv - $app
    )
    this.dette.subscribe(this.banque.dette.set)
    this.interetsDetteSenior = derived(
      [this.banque.resultat, this.N],
      ([$banque, $N], _, update) => {
        update((ids) => {
          if (!ids || ids.length < $N) {
            ids = Array($N);
          }
          for (let i = 0; i < $N; i++) {
            ids[i] = i < $banque.interetsAnnuels.length ? $banque.interetsAnnuels[i] : 0
          }
          return ids
        })
      }
    )
    this.interetsDSRA = derived(
      [this.interetsDetteSenior, this.p.tauxDSRA, this.N],
      ([$ids, $taux, $N], _, update) => {
        update((a) => {
          if (!a || a.length < $N) {
            a = Array($N);
          }
          for (let i = 0; i < $N; i++) {
            a[i] = $ids[i] * $taux / 100
          }
          return a
        })
      }
    );
    this.resultatFiscal = derived(
      [this.ebe, this.amortissement, this.provisionOnduleurs, this.interetsDetteSenior, this.interetsDSRA, this.N],
      ([$ebe, $amortissement, $provision, $ids, $dsra, $N], _, update) => {
        update((rf) => {
          if (!rf || rf.length < $N) {
            rf = Array($N);
          }
          for (let i = 0; i < $N; i++) {
            rf[i] = $ebe[i] - $amortissement[i] - $provision[i] - $ids[i] - $dsra[i]
          }
          return rf
        })
      }
    )
    this.is = derived(
      [this.resultatFiscal, this.p.tauxIS, this.N],
      ([$r, $taux, $N], _, update) => {
        update((is) => {
          if (!is || is.length < $N) {
            is = Array($N);
          }
          for (let i = 0; i < $N; i++) {
            is[i] = $r[i] <= 0 ? 0 : ($r[i] * $taux / 100)
          }
          return is
        })
      }
    )
    this.resultatNet = derived(
      [this.resultatFiscal, this.is, this.N],
      ([$r, $is, $N], _, update) => {
        update((r) => {
          if (!r || r.length < $N) {
            r = Array($N);
          }
          for (let i = 0; i < $N; i++) {
            r[i] = $r[i] - $is[i]
          }
          return r
        })
      }
    )
    this.tresorerieDisponibleDetteSenior = derived(
      [this.ebe, this.is, this.N],
      ([$ebe, $is, $N], _, update) => {
        update((r) => {
          if (!r || r.length < $N) {
            r = Array($N);
          }
          for (let i = 0; i < $N; i++) {
            r[i] = $ebe[i] - $is[i]
          }
          return r
        })
      }
    )
    this.serviceDetteSenior = derived(
      [this.interetsDSRA, this.interetsDetteSenior, this.banque.resultat, this.N],
      ([$dsra, $ids, $b, $N], _, update) => {
        update((r) => {
          if (!r || r.length < $N) {
            r = Array($N);
          }
          for (let i = 0; i < $N; i++) {
            r[i] = $dsra[i] + $ids[i] + $b.remboursementAnnuel[i]
          }
          return r
        })
      }
    )
    this.dscr = derived(
      [this.banque.resultat, this.tresorerieDisponibleDetteSenior,
      this.serviceDetteSenior, this.N],
      ([$b, $treso, $service, $N], _, update) => {
        update((r) => {
          if (!r || r.length < $N) {
            r = Array($N);
          }
          for (let i = 0; i < $N; i++) {
            if (i < $b.remboursementAnnuel.length) {
              r[i] = $treso[i] / $service[i]
            } else {
              r[i] = 0
            }
          }
          return r
        })
      }
    )
  }
  investissement: Readable<number>;
  apport: Readable<number>;
  primeInvestissement: Readable<number>;
  N: Writable<number>;
  tarifSurplus: Readable<Array<number>>;
  productionAnnuelle: Readable<Array<number>>;
  tarifLocal: Readable<Array<number>>;
  tarifAllo: Readable<Array<number>>;
  chiffreAffaires: Readable<Array<number>>;
  turpe: Readable<Array<number>>;
  assurance: Readable<Array<number>>;
  exploitation: Readable<Array<number>>;
  divers: Readable<Array<number>>;
  charges: Readable<Array<number>>;
  valeurAjoutee: Readable<Array<number>>;
  accise: Readable<Array<number>>;
  taxeFonciere: Readable<number>;
  cfe: Readable<number>;
  ifer: Readable<Array<number>>;
  impots: Readable<Array<number>>;
  ebe: Readable<Array<number>>;
  amortissement: Readable<Array<number>>;
  resultatFiscal: Readable<Array<number>>;
  provisionOnduleurs: Readable<Array<number>>;
  interetsDetteSenior: Readable<Array<number>>;
  interetsDSRA: Readable<Array<number>>;
  is: Readable<Array<number>>;
  dette: Readable<number>;
  resultatNet: Readable<Array<number>>;
  dscr: Readable<Array<number>>;
  tresorerieDisponibleDetteSenior: Readable<Array<number>>;
  serviceDetteSenior: Readable<Array<number>>;
  banque: Banque = new Banque();
}
import { ppmt } from 'financial'
export type Resultat = {
  remboursement: Array<number>,
  remboursementAnnuel: number[],
  crd: number[],
  crdAnnuel: number[],
  interets: number[],
  interetsAnnuels: number[]
}
export class Banque {
  // V3
  dette = writable(0);
  // V4
  taux = writable(0);
  // Z8
  duree = writable(0);
  // Z7
  dureeDifferee = writable(1)
  // V8
  nombrePeriodesParAn = writable(12)
  prorataPeriodique = derived(this.nombrePeriodesParAn, (n) => 1 / n)
  // V6
  dureeAns = derived([this.duree, this.nombrePeriodesParAn], ([$a, $b]) => $a / $b);
  dureeAns_ = derived(this.dureeAns, Math.ceil)
  taux_ = derived(this.taux, (t) => Math.min(t, 1))
  // V10
  nombreEcheancesPeriodeTronquee = derived([this.dureeAns, this.nombrePeriodesParAn], ([a, b]) => a * b);
  // V9
  nombreEcheances = derived(this.nombreEcheancesPeriodeTronquee, Math.ceil)
  // W11
  totalPeriodes = derived([this.dureeAns, this.nombrePeriodesParAn, this.dureeDifferee], ([$a, $b, $c]) => $a * $b - $c)
  // X11
  periodeRemboursementCapital = this.dureeDifferee
  resultat: Readable<Resultat> = derived([
    this.duree, this.dureeAns_, this.dette,
    this.periodeRemboursementCapital,
    this.nombreEcheancesPeriodeTronquee,
    this.taux_,
    this.prorataPeriodique,
    this.periodeRemboursementCapital,
    this.totalPeriodes,
    this.nombreEcheances,
    this.nombrePeriodesParAn,
  ], ([$duree, $dureeAns_, $dette, $periode,
    $nombreEcheancesPeriodeTronquee,
    $taux_,
    $prorataPeriodique,
    $periodeRemboursementCapital,
    $totalPeriodes,
    $nombreEcheances,
    $nombrePeriodesParAn,
  ], _, update) => {
    update((resultat) => {
      if (resultat.remboursement.length != $duree + 1) {
        resultat.remboursement = new Array($duree + 1)
        resultat.crd = new Array($duree + 1)
        resultat.interets = new Array($duree + 1)
        resultat.remboursementAnnuel = new Array($dureeAns_)
        resultat.crdAnnuel = new Array($dureeAns_)
        resultat.interetsAnnuels = new Array($dureeAns_)
      }
      resultat.crd[0] = $dette
      resultat.remboursement[0] = 0
      resultat.interets[0] = 0
      resultat.crdAnnuel[0] = 0
      resultat.remboursementAnnuel[0] = 0
      resultat.interetsAnnuels[0] = 0
      for (let i = 1; i <= $duree; i++) {
        if (i <= $periode) {
          resultat.remboursement[i] = 0
        } else if (i < $nombreEcheancesPeriodeTronquee) {
          resultat.remboursement[i] = ppmt(
            $taux_ * $prorataPeriodique,
            i - $periodeRemboursementCapital,
            $totalPeriodes,
            -$dette
          )
        } else if (i == $nombreEcheances) {
          resultat.remboursement[i] = resultat.crd[i - 1]
        } else {
          resultat.remboursement[i] = 0
        }
        resultat.crd[i] = resultat.crd[i - 1] - resultat.remboursement[i]
        resultat.interets[i] = resultat.crd[i - 1] * $taux_ * $prorataPeriodique
        if (i % $nombrePeriodesParAn == 0) {
          resultat.crdAnnuel[i / $nombrePeriodesParAn] = resultat.crd[i]
          resultat.remboursementAnnuel[i / $nombrePeriodesParAn] = 0
          resultat.interetsAnnuels[i / $nombrePeriodesParAn] = 0
        }
        resultat.remboursementAnnuel[Math.floor(i / $nombrePeriodesParAn)] +=
          resultat.remboursement[i]
        resultat.interetsAnnuels[Math.floor(i / $nombrePeriodesParAn)] += resultat.interets[i]
      }
      return resultat
    })
  }, {
    remboursement: new Array(0),
    remboursementAnnuel: new Array(0),
    crd: new Array(0),
    crdAnnuel: new Array(0),
    interets: new Array(0),
    interetsAnnuels: new Array(0),
  });
}
export type PVGIS = {
  inputs: {
    location: { latitude: number, longitude: number },
    mounting_system: {
      fixed: { slope: { value: number }, azimuth: { value: number } },
    },
  },
  outputs: {
    hourly: {
      time: string
      'G(i)': number
      P: number
      T2m: number
      H_sun: number
      Int: number
    }[],
  },
}
export async function updatePv(
  puissance: number,
  communaute: (Grain.Communaute & { isMoving?: boolean }) | null,
  pvgis: PVGIS | null,
  soleil: Sample,
  base: string,
): Promise<PVGIS|null> {
  if (communaute?.isMoving) {
    return pvgis
  }
  console.log("updatePv", puissance);
  let azimuth = 0;
  let p_total = 0;
  let inclinaison = 0;
  let lat = Math.round(communaute?.lat || 45.56747);
  let lng = Math.round(communaute?.lng || 5.92285);
  console.log("com", communaute)
  if (communaute?.compteurs) {
    for (let c of communaute.compteurs) {
      azimuth += c.azimuth * c.puissance;
      inclinaison += c.inclinaison * c.puissance;
      p_total += c.puissance;
    }
    if (p_total <= puissance) {
      inclinaison += lat * (puissance - p_total)
    } else {
      azimuth *= puissance / p_total;
      inclinaison *= puissance / p_total;
    }
    if (puissance > 0) {
      azimuth /= puissance
      inclinaison /= puissance
    } else {
      azimuth = 0;
      inclinaison = lat;
    }
    azimuth = Math.round(azimuth)
    inclinaison = Math.round(inclinaison)
  }
  let d = new Date()
  let min_t = new Date(d.getFullYear(), 0, 1).getTime() / 1000
  let max_t = min_t + 364 * 24 * 3600
  if (
    !pvgis ||
    pvgis.inputs.location.latitude != lat ||
    pvgis.inputs.location.longitude != lng ||
    pvgis.inputs.mounting_system.fixed.slope['value'] != inclinaison ||
    pvgis.inputs.mounting_system.fixed.azimuth['value'] != azimuth
  ) {
    await tick()
    console.log(inclinaison, azimuth, p_total);
    let annuelle = await fetch(`${base}/pvgis?lat=${lat}&lng=${lng}&azimuth=${azimuth}&inclinaison=${inclinaison}`)
    pvgis = await annuelle.json()
  }
  console.log(pvgis);
  soleil.hourly = { x: [], y: [] };
  soleil.daily = { x: [], y: [] };
  soleil.weekly = { x: [], y: [] };
  const start = new Date(min_t * 1000)
  const janvier = new Date(start.getFullYear(), 0, 1)
  console.log("UP")
  for (let t = min_t; t < max_t; t += 3600) {
    let tt = new Date(t * 1000)
    let tts = tt.toLocaleString()
    let tds = tt.toLocaleDateString()
    let pp = 0
    if (pvgis) {
      let len = pvgis.outputs.hourly.length
      let n = ((t * 1000 - janvier.getTime()) / 3600000) % len
      const pvvar = 'P'
      pp =
        (pvgis.outputs.hourly[Math.floor(n)][pvvar] * puissance) /
        1000
      soleil.hourly.x.push(tts)
      soleil.hourly.y.push(pp)
      if ((t - min_t) % (24 * 3600) == 0) {
        if ((t - min_t) % (24 * 7 * 3600) == 0) {
          soleil.weekly.x.push(tds)
          soleil.weekly.y.push(pp)
        } else {
          soleil.weekly.y[soleil.weekly.y.length - 1] += pp
        }
        soleil.daily.x.push(tds)
        soleil.daily.y.push(pp)
      } else {
        soleil.daily.y[soleil.daily.y.length - 1] += pp
        soleil.weekly.y[soleil.weekly.y.length - 1] += pp
      }
    }
  }
  return pvgis
}
type Fetch = (input: string) => Promise<Response>;
export async function profile_(assets: string, profils_: Record<string, { profils: string[] }>, name: string, _fetch?: Fetch): Promise<{ coefs: number[], total: number }> {
  await tick();
  console.log("assets", assets)
  let profiles = await Promise.all(
    profils_[name].profils.map(async (x) => {
      let url = `${assets}/profiles/${x}.csv`
      console.log("url", url)
      let resp = await (_fetch? _fetch:fetch)(url)
      return await resp.text()
    })
  )
  let annee = []
  let total = 0
  let file = 0
  for (let p of profiles) {
    let l = 0
    for (let line of p.split('\n')) {
      if (!line) {
        continue
      }
      const col = line.split(',')
      // const week = parseInt(col[0])
      // const dow = parseInt(col[1])
      const cs = parseFloat(col[2])
      const cj = parseFloat(col[3])
      for (let i = 0; i < 48; i++) {
        let ch = parseFloat(col[5 + i])
        const c = cs * cj * ch
        if (file == 0) {
          annee.push(c)
        } else {
          annee[l] += c
        }
        total += c
      }
      l += 1
    }
    file += 1
  }
  return { coefs: annee, total }
}
export let profil_cache: Map<string, { coefs: number[]; total: number }> = new Map()
export async function updatePlot(
  assets: string,
  annee: Record<number, number[]>,
  profils: Grain.Profil[],
  profils_: Record<string, { profils: string[] }>,
  somme: Sample,
  soleil: Sample,
  fetch?: Fetch,
): Promise<{auto: number, totalProd: number, totalConso: number}> {
  let annee_: Record<string, { t: number[]; y: number[]; i: number }> = {}
  let d = new Date()
  const min_t = new Date(d.getFullYear(), 0, 1).getTime() / 1000
  const max_t = min_t + 364 * 24 * 3600
  for (let [prm, r] of Object.entries(annee)) {
    let d: { t: number[]; y: number[]; i: number } = {
      t: [],
      y: [],
      i: 0,
    }
    let i = 0
    for (let t = min_t; t < max_t; t += 1800) {
      d.t.push(t)
      d.y.push(r[i] / 1000)
      i += 1
    }
    annee_[prm] = d
  }
  if (profils.length > 0) {
    let pi = 0;
    for (let p of profils) {
      console.log("profile", p);
      let d: { t: number[]; y: number[]; i: number } = {
        t: [],
        y: [],
        i: 0,
      }
      let i = 0
      let pp = profil_cache.get(p.type)
      if (!pp) {
        profil_cache.set(p.type, await profile_(assets, profils_, p.type, fetch))
      }
      console.log("pp", pp);
      for (let t = min_t; t <= max_t; t += 1800) {
        d.t.push(t)
        if (pp) {
          d.y.push((pp.coefs[i] * p.conso) / pp.total)
        }
        i += 1
      }
      annee_[pi] = d
      pi += 1
    }
  }
  return sample(min_t, max_t, annee_, somme, soleil, {
    formatMatcher: "month, year",
  })
}

File addition: banque (d--x------)
[13.784905]

File addition: +page.svelte (----------)

[0.77937]

<script lang="ts">
    import type { Banque } from '../calcul'
    import { getContext } from 'svelte'
    const b: Banque = getContext("banque")
    let annuel = true
    const banque = b.resultat
</script>
<div
    class="tab-pane fade active show p-3"
    id="banque-tab-pane"
    role="tabpanel"
    aria-labelledby="banque-tab"
    tabindex="0">
    <h3 class="my-3 fs-1 fw-bold">
        Tous <span class="text-primary">les recoins</span> de votre
        emprunt.
    </h3>
    <div class="form-check form-switch">
        <input
            class="form-check-input"
            type="checkbox"
            role="switch"
            id="annuel"
            bind:checked={annuel} />
        <label class="form-check-label" for="annuel">Présentation annuelle</label>
    </div>
    {#if annuel}
        <div class="my-3">
            <table class="table table-striped border-0 d-inline-block banque">
                <thead>
                    <tr>
                        <th>Année</th>
                        <th>Capital restant dû</th>
                        <th>Principal</th>
                        <th>Intérêts</th>
                    </tr>
                </thead>
                <tbody>
                    {#each $banque.remboursementAnnuel as r, periode}
                        <tr>
                            <td>{periode}</td>
                            <td>{$banque.crdAnnuel[periode].toFixed(0)}</td>
                            <td>{r.toFixed(0)}</td>
                            <td>{$banque.interetsAnnuels[periode].toFixed(0)}</td>
                        </tr>
                    {/each}
                </tbody>
            </table>
        </div>
{:else}
        <div class="my-3">
            <table class="table table-striped border-0 d-inline-block">
                <thead>
                    <tr>
                        <th>Mois</th>
                        <th>Capital restant dû</th>
                        <th>Principal</th>
                        <th>Intérêts</th>
                    </tr>
                </thead>
                <tbody>
                    {#each $banque.remboursement as r, periode}
                        <tr>
                            <td>{periode}</td>
                            <td>{$banque.crd[periode].toFixed(0)}</td>
                            <td>{r.toFixed(0)}</td>
                            <td
                            >{#if periode > 0}
                                {$banque.interets[periode].toFixed(0)}
                            {/if}
                            </td>
                        </tr>
                    {/each}
                </tbody>
            </table>
        </div>
    {/if}
</div>
<style lang="scss">
    table {
        font-size: 90%;
    }
    th {
        font-size: 1rem;
        font-weight: bold;
    }
    td {
        padding: 5px 5px;
        padding: 5px 7px 5px 10px;
        text-align: end;
        border: none;
    }
</style>

File addition: +page.ts (----------)
[13.784905]

Deletion in src/routes/projet/[id]/+page.svelte at line 2 [13.804604]

B:BD[33.130] → [12.59039:59133]

B:BD[12.59133] → [22.5179:5230]

∅:D[22.5230] → [12.59133:59414]

B:BD[12.59133] → [12.59133:59414]

    import Banque from '../../Banque.svelte'
    import Simulation from './Simulation.svelte'
    import Description from './Description.svelte'
    import { page } from '$app/stores'
    import { assets as a } from '$app/paths'
    import { enhance, applyAction } from '$app/forms'
    import { onMount } from 'svelte'
    import type { SubmitFunction } from '@sveltejs/kit'
    import type { Grain } from '../../../helpers'

Replacement in src/routes/projet/[id]/+page.svelte at line 3 [13.804604]

B:BD[12.59456] → [12.59456:59678]

B:BD[12.59678] → [8.408:426]

∅:D[8.426] → [23.3002:3003]

B:BD[12.59678] → [23.3002:3003]

∅:D[23.3003] → [12.59678:59745]

B:BD[12.59678] → [12.59678:59745]

B:BD[12.59745] → [23.3004:3005]

B:BD[23.3005] → [10.63:422]

    import type { Modal, Offcanvas } from 'bootstrap'
    import { email } from '../../../stores'
    export let prmsFeature: boolean = false
    export let assets: string = a
    export let server = 'https://coturnix.fr'
    let zoom = 5
    type Prm = { prm: number | null; nom: string; prenom: string }
        export let data: {
            nom: string
            porteur: string
            adresse: string
            tel: string
            id: string
            centrales: Grain.Centrale[]
            img?: string
            simulation: Grain.SimulationCommunaute
            guest?: boolean
            prms: Prm[]
            email?: string
        }

[12.59456]

[13.805016]

    import { Derived } from './calcul'
    import { getContext } from 'svelte'

Replacement in src/routes/projet/[id]/+page.svelte at line 6 [13.804604]

B:BD[13.805017] → [23.3043:3215]

    let centrale = {
        position: data.centrales[0]?.position,
        azimuth: data.centrales[0]?.azimuth,
        inclinaison: data.centrales[0]?.inclinaison,
    }

[13.805017]

[23.3215]

    const _simulation: Derived = getContext("simulation")

Replacement in src/routes/projet/[id]/+page.svelte at line 15 [13.804604]

∅:D[23.3218] → [12.60197:60224]

B:BD[12.60197] → [12.60197:60224]

∅:D[34.756] → [13.805265:805266]

∅:D[35.861] → [13.805265:805266]

∅:D[30.3779] → [13.805265:805266]

∅:D[12.60224] → [13.805265:805266]

B:BD[13.805265] → [13.805265:805266]

B:BD[13.805266] → [12.60225:60379]

    $: p = data.simulation
    onMount(async () => {
        email.set(data.email || null)
        email.subscribe((value) => {
            if (value) data.email = value
        })

[23.3218]

[7.0]

    const tarifLocal = _simulation.tarifLocal
    const chiffreAffaires = _simulation.chiffreAffaires
    const N = _simulation.N
    const investissement = _simulation.investissement
    const charges = _simulation.charges
    const interetsDetteSenior = _simulation.interetsDetteSenior
    const banque = _simulation.banque.resultat
    const resultatNet = _simulation.resultatNet
    const _coutElec = _simulation.p.coutElec
    const inflationElec = _simulation.p.inflationElec
    const autoprod = _simulation.p.autoprod
    const productible = _simulation.p.productible
    const puissance = _simulation.p.puissance
    const degradation = _simulation.p.degradation
    const _consoMoyenneFoyer = _simulation.p.consoMoyenneFoyer

Replacement in src/routes/projet/[id]/+page.svelte at line 31 [13.804604]

B:BD[7.1] → [7.1:163]

∅:D[7.163] → [12.60379:61091]

B:BD[12.60379] → [12.60379:61091]

∅:D[12.61091] → [36.0:1]

B:BD[13.805290] → [36.0:1]

B:BD[36.1] → [12.61092:61213]

∅:D[34.1431] → [36.1:2]

∅:D[35.1617] → [36.1:2]

∅:D[12.61213] → [36.1:2]

B:BD[36.1] → [36.1:2]

B:BD[36.2] → [12.61214:61520]

∅:D[34.1549] → [36.262:263]

∅:D[35.1732] → [36.262:263]

∅:D[12.61520] → [36.262:263]

B:BD[36.262] → [36.262:263]

B:BD[36.263] → [12.61521:61585]

∅:D[36.311] → [13.805290:805291]

∅:D[34.1837] → [13.805290:805291]

∅:D[35.2011] → [13.805290:805291]

∅:D[12.61585] → [13.805290:805291]

B:BD[13.805290] → [13.805290:805291]

B:BD[13.805291] → [12.61586:61913]

∅:D[34.1896] → [36.538:539]

∅:D[35.2067] → [36.538:539]

∅:D[12.61913] → [36.538:539]

B:BD[36.538] → [36.538:539]

B:BD[36.539] → [12.61914:62110]

B:BD[12.62110] → [23.3219:3281]

∅:D[23.3281] → [12.62110:62278]

B:BD[12.62110] → [12.62110:62278]

∅:D[34.2207] → [36.830:831]

∅:D[35.2370] → [36.830:831]

∅:D[12.62278] → [36.830:831]

B:BD[36.830] → [36.830:831]

B:BD[36.831] → [12.62279:62324]

∅:D[34.2554] → [27.360593:360594]

∅:D[35.2707] → [27.360593:360594]

∅:D[12.62324] → [27.360593:360594]

B:BD[27.360593] → [27.360593:360594]

B:BD[27.360594] → [12.62325:62391]

B:BD[12.62391] → [22.5306:5382]

∅:D[22.5382] → [12.62391:62652]

B:BD[12.62391] → [12.62391:62652]

B:BD[12.62652] → [22.5383:5508]

B:BD[22.5508] → [10.423:455]

∅:D[10.455] → [13.805588:805589]

∅:D[34.2598] → [13.805588:805589]

∅:D[35.2750] → [13.805588:805589]

∅:D[12.62763] → [13.805588:805589]

∅:D[27.360771] → [13.805588:805589]

B:BD[13.805588] → [13.805588:805589]

B:BD[13.805589] → [12.62764:62858]

B:BD[12.62858] → [22.5509:5566]

∅:D[22.5566] → [12.62858:62999]

B:BD[12.62858] → [12.62858:62999]

∅:D[34.2992] → [13.805782:805783]

∅:D[35.3139] → [13.805782:805783]

∅:D[12.62999] → [13.805782:805783]

B:BD[13.805782] → [13.805782:805783]

B:BD[13.805783] → [12.63000:63015]

        for (let i of document.body.children) {
            if (i.id == 'grainSaveModal') {
                document.body.removeChild(i)
            }
        }
        let modal = document.getElementById('grainSaveModal')
        console.log('mount modal', modal)
        if (modal) {
            document.body.appendChild(modal)
        }
        if (!window.bootstrap) {
            console.log('no window bootstrap, load')
            window.bootstrap = await import('bootstrap')
        }
        menuElt = document.getElementById('menuoff')
        if (!menuElt) {
            return
        }
        menu = new window.bootstrap.Offcanvas(menuElt)
        const popoverTriggerList = document.querySelectorAll(
            '[data-bs-toggle="popover"]'
        )
        for (let t of popoverTriggerList) {
            new window.bootstrap.Popover(t)
        }
    })
    let saveModal_: null | Modal = null
    let menu: null | Offcanvas = null
    let menuElt: null | HTMLElement = null
    async function saveModal(_e: Event) {
        console.log('saveModal', _e)
        if (!saveModal_) {
            console.log('no saveModal')
            saveModal_ = new window.bootstrap.Modal('#grainSaveModal', {
                focus: false,
                keyboard: true,
            })
        }
        showSaveModalAfterMenuHide()
        menu?.hide()
    }
    function showSaveModalAfterMenuHide() {
        // menuElt?.removeEventListener('hidden.bs.offcanvas', showSaveModalAfterMenuHide)
        let c = document.getElementsByClassName('offcanvas-backdrop')
        for (const elt of c) {
            elt.parentElement?.removeChild(elt)
        }
        saveModal_?.show()
    }
    let save: SubmitFunction = async ({ formData }) => {
        console.log('save called')
        formData.set('data', JSON.stringify(p))
        formData.set('prms', JSON.stringify(data.prms))
        formData.set('centrales', JSON.stringify([centrale]))
        saveModal_?.hide()
        return async ({ result }) => {
            console.log(JSON.stringify(result))
            await applyAction(result)
        }
    }
    let expert = $page.url.hash == '#expert'
    $: compteActive = $page.url.hash == '#compte' ? 'active' : ''
    $: descriptionActive = $page.url.hash == '#description' ? 'active' : ''
    $: banqueActive = $page.url.hash == '#banque' ? 'active' : ''
    $: expertActive = expert && $page.url.hash == '#expert' ? 'active' : ''
    $: simuActive =
        (true || !data.guest) && $page.url.hash == '#simu' ? 'active' : ''
    $: syntheseActive =
        !compteActive &&
        !banqueActive &&
        !simuActive &&
        !expertActive &&
        !descriptionActive
        ? 'active'
        : ''
    $: compteShow = compteActive ? 'show' : ''
    $: banqueShow = banqueActive ? 'show' : ''
    $: descriptionShow = descriptionActive ? 'show' : ''
    $: simuShow = simuActive ? 'show' : ''
    $: syntheseShow = syntheseActive ? 'show' : ''
    $: expertShow = expertActive ? 'show' : ''
    let N = 30

[7.1]

[12.63015]

    let an = new Date().getFullYear()

Deletion in src/routes/projet/[id]/+page.svelte at line 33 [13.804604]
∅:D[34.3213] → [13.805812:805813]
∅:D[35.3355] → [13.805812:805813]
∅:D[12.63033] → [13.805812:805813]
B:BD[13.805812] → [13.805812:805813]
B:BD[13.805813] → [12.63034:63072]
∅:D[34.3243] → [13.805848:805849]
∅:D[35.3383] → [13.805848:805849]
∅:D[12.63072] → [13.805848:805849]
B:BD[13.805848] → [13.805848:805849]
B:BD[13.805849] → [12.63073:63439]
∅:D[34.3280] → [13.806181:806182]
∅:D[35.3419] → [13.806181:806182]
∅:D[12.63439] → [13.806181:806182]
B:BD[13.806181] → [13.806181:806182]
B:BD[13.806182] → [12.63440:63476]
B:BD[12.63476] → [10.456:546]
∅:D[10.546] → [13.806262:806263]
∅:D[34.3624] → [13.806262:806263]
∅:D[35.3752] → [13.806262:806263]
∅:D[12.63538] → [13.806262:806263]
B:BD[13.806262] → [13.806262:806263]
B:BD[13.806263] → [12.63539:63590]
∅:D[34.3706] → [13.806311:806312]
∅:D[24.4893] → [13.806311:806312]
∅:D[12.63590] → [13.806311:806312]
B:BD[13.806311] → [13.806311:806312]
B:BD[13.806312] → [12.63591:63620]
B:BD[12.63620] → [10.547:715]
∅:D[10.715] → [13.806460:806461]
∅:D[34.3756] → [13.806460:806461]
∅:D[24.4942] → [13.806460:806461]
∅:D[12.63775] → [13.806460:806461]
B:BD[13.806460] → [13.806460:806461]
B:BD[13.806461] → [12.63776:63846]
∅:D[34.3909] → [13.806566:806567]
∅:D[24.5091] → [13.806566:806567]
∅:D[12.63846] → [13.806566:806567]
B:BD[13.806566] → [13.806566:806567]
B:BD[13.806567] → [10.716:742]
∅:D[37.28] → [12.63873:63925]
∅:D[10.742] → [12.63873:63925]
B:BD[12.63873] → [12.63873:63925]
∅:D[12.63925] → [35.3753:3754]
B:BD[24.5159] → [35.3753:3754]
B:BD[35.3754] → [17.149:363]
∅:D[17.363] → [12.63926:63968]
B:BD[35.3754] → [12.63926:63968]
B:BD[12.63968] → [2.0:64]
∅:D[2.64] → [12.64024:64074]
B:BD[12.64024] → [12.64024:64074]
∅:D[12.64074] → [35.3826:3827]
B:BD[35.3826] → [35.3826:3827]
B:BD[35.3827] → [10.743:902]
∅:D[10.902] → [12.64075:64119]
B:BD[35.3827] → [12.64075:64119]
B:BD[12.64119] → [2.65:133]
∅:D[2.133] → [12.64179:64229]
B:BD[12.64179] → [12.64179:64229]
∅:D[12.64229] → [35.3947:3948]
B:BD[35.3947] → [35.3947:3948]
B:BD[35.3948] → [12.64230:64267]
∅:D[34.4016] → [13.806601:806602]
∅:D[35.4074] → [13.806601:806602]
∅:D[24.5159] → [13.806601:806602]
∅:D[12.64267] → [13.806601:806602]
B:BD[13.806601] → [13.806601:806602]
B:BD[13.806602] → [12.64268:64386]
∅:D[34.4052] → [13.806705:806706]
∅:D[24.5194] → [13.806705:806706]
∅:D[12.64386] → [13.806705:806706]
B:BD[13.806705] → [13.806705:806706]
B:BD[13.806706] → [12.64387:64535]
∅:D[19.79] → [13.806945:806946]
∅:D[34.4157] → [13.806945:806946]
∅:D[24.5298] → [13.806945:806946]
∅:D[20.34544] → [13.806945:806946]
∅:D[12.64535] → [13.806945:806946]
B:BD[13.806945] → [13.806945:806946]
B:BD[13.806946] → [12.64536:64621]
B:BD[12.64621] → [10.903:1103]
∅:D[19.275] → [13.806946:806947]
∅:D[10.1103] → [13.806946:806947]
∅:D[34.4311] → [13.806946:806947]
∅:D[24.5429] → [13.806946:806947]
∅:D[12.64797] → [13.806946:806947]
B:BD[13.806946] → [13.806946:806947]
B:BD[13.806947] → [12.64798:64908]
∅:D[35.4270] → [13.807046:807047]
∅:D[34.4508] → [13.807046:807047]
∅:D[12.64908] → [13.807046:807047]
B:BD[13.807046] → [13.807046:807047]
B:BD[13.807047] → [12.64909:64972]
B:BD[12.64972] → [10.1104:1218]
∅:D[10.1218] → [13.807190:807191]
∅:D[35.4370] → [13.807190:807191]
∅:D[34.4609] → [13.807190:807191]
∅:D[12.65089] → [13.807190:807191]
B:BD[13.807190] → [13.807190:807191]
B:BD[13.807191] → [12.65090:65173]
B:BD[12.65173] → [10.1219:1258]
∅:D[10.1258] → [13.807292:807293]
∅:D[35.4514] → [13.807292:807293]
∅:D[34.4754] → [13.807292:807293]
∅:D[12.65216] → [13.807292:807293]
B:BD[13.807292] → [13.807292:807293]
B:BD[13.807293] → [12.65217:65316]
∅:D[35.4616] → [13.807379:807380]
∅:D[34.4857] → [13.807379:807380]
∅:D[12.65316] → [13.807379:807380]
B:BD[13.807379] → [13.807379:807380]
B:BD[13.807380] → [12.65317:65406]
B:BD[12.65406] → [10.1259:1433]
∅:D[10.1433] → [13.807512:807513]
∅:D[35.4703] → [13.807512:807513]
∅:D[34.4945] → [13.807512:807513]
∅:D[12.65492] → [13.807512:807513]
B:BD[13.807512] → [13.807512:807513]
B:BD[13.807513] → [12.65493:65563]
∅:D[35.4836] → [13.807580:807581]
∅:D[34.5079] → [13.807580:807581]
∅:D[12.65563] → [13.807580:807581]
B:BD[13.807580] → [13.807580:807581]
B:BD[13.807581] → [12.65564:65702]
∅:D[35.4904] → [13.807581:807582]
∅:D[34.5148] → [13.807581:807582]
∅:D[12.65702] → [13.807581:807582]
B:BD[13.807581] → [13.807581:807582]
B:BD[13.807582] → [12.65703:65798]
∅:D[12.65798] → [13.807582:807583]
B:BD[13.807582] → [13.807582:807583]
B:BD[13.807583] → [12.65799:65946]
∅:D[12.65946] → [20.34663:34664]
B:BD[20.34663] → [20.34663:34664]
B:BD[20.34664] → [12.65947:66036]
∅:D[35.5034] → [13.807679:807680]
∅:D[34.5281] → [13.807679:807680]
∅:D[12.66036] → [13.807679:807680]
B:BD[13.807679] → [13.807679:807680]
B:BD[13.807680] → [12.66037:66103]
∅:D[35.5120] → [13.807821:807822]
∅:D[34.5368] → [13.807821:807822]
∅:D[12.66103] → [13.807821:807822]
B:BD[13.807821] → [13.807821:807822]
B:BD[13.807822] → [12.66104:66172]
∅:D[35.5262] → [13.807905:807906]
∅:D[34.5512] → [13.807905:807906]
∅:D[12.66172] → [13.807905:807906]
B:BD[13.807905] → [13.807905:807906]
B:BD[13.807906] → [12.66173:66316]
∅:D[35.5346] → [13.807969:807970]
∅:D[34.5598] → [13.807969:807970]
∅:D[12.66316] → [13.807969:807970]
B:BD[13.807969] → [13.807969:807970]
B:BD[13.807970] → [12.66317:66487]
B:BD[12.66487] → [10.1434:1441]
∅:D[10.1441] → [13.808032:808033]
∅:D[35.5410] → [13.808032:808033]
∅:D[34.5663] → [13.808032:808033]
∅:D[12.66498] → [13.808032:808033]
B:BD[13.808032] → [13.808032:808033]
B:BD[13.808033] → [12.66499:66591]
∅:D[35.5473] → [13.808163:808164]
∅:D[34.5728] → [13.808163:808164]
∅:D[12.66591] → [13.808163:808164]
B:BD[13.808163] → [13.808163:808164]
B:BD[13.808164] → [12.66592:66644]
∅:D[35.5604] → [13.808286:808287]
∅:D[34.5861] → [13.808286:808287]
∅:D[12.66644] → [13.808286:808287]
B:BD[13.808286] → [13.808286:808287]
B:BD[13.808287] → [12.66645:66749]
∅:D[19.392] → [13.808361:808362]
∅:D[35.5727] → [13.808361:808362]
∅:D[34.5985] → [13.808361:808362]
∅:D[12.66749] → [13.808361:808362]
B:BD[13.808361] → [13.808361:808362]
B:BD[13.808362] → [12.66750:66831]
∅:D[35.5814] → [13.808457:808458]
∅:D[34.6074] → [13.808457:808458]
∅:D[12.66831] → [13.808457:808458]
B:BD[13.808457] → [13.808457:808458]
B:BD[13.808458] → [12.66832:66903]
∅:D[35.5864] → [13.808534:808535]
∅:D[34.6125] → [13.808534:808535]
∅:D[12.66903] → [13.808534:808535]
B:BD[13.808534] → [13.808534:808535]
B:BD[13.808535] → [12.66904:67021]
∅:D[35.5960] → [13.808603:808604]
∅:D[34.6222] → [13.808603:808604]
∅:D[12.67021] → [13.808603:808604]
B:BD[13.808603] → [13.808603:808604]
B:BD[13.808604] → [12.67022:67090]
B:BD[12.67090] → [10.1442:1527]
∅:D[10.1527] → [13.808710:808711]
∅:D[35.6037] → [13.808710:808711]
∅:D[34.6300] → [13.808710:808711]
∅:D[12.67179] → [13.808710:808711]
B:BD[13.808710] → [13.808710:808711]
B:BD[13.808711] → [12.67180:67236]
B:BD[12.67236] → [10.1528:1760]
∅:D[10.1760] → [24.5430:5431]
∅:D[12.67352] → [24.5430:5431]
B:BD[13.808711] → [24.5430:5431]
B:BD[24.5431] → [12.67353:67454]
∅:D[24.5499] → [13.808835:808836]
∅:D[34.6370] → [13.808835:808836]
∅:D[12.67454] → [13.808835:808836]
B:BD[13.808835] → [13.808835:808836]
B:BD[13.808836] → [12.67455:67517]
∅:D[35.6144] → [13.808965:808966]
∅:D[34.6478] → [13.808965:808966]
∅:D[12.67517] → [13.808965:808966]
B:BD[13.808965] → [13.808965:808966]
```
    let an = new Date().getFullYear()
    function tarifSurplus_(puissance: number): number {
        let resultat = p.tarifCRE.prix[0]
        for (let i = 0; i < p.tarifCRE.limites.length; i++) {
            if (puissance < p.tarifCRE.limites[i]) {
                return resultat
            } else {
                resultat = p.tarifCRE.prix[i]
            }
        }
        return resultat
    }
    $: investissement = p.puissance
                      ? p.puissance * 1000 * p.ratio + p.enedis
                      : 0
    $: apport = Math.min(investissement, p.apport)
    $: primeInvestissement =
        (p.puissance <= 3 ? 0.30
        :p.puissance <= 9 ? 0.23
        :p.puissance <= 36 ? 0.20
       : p.puissance <= 100 ? 0.10
       : 0) * 1000 * p.puissance
    $: productionAnnuelle = (i: number) => H.productionAnnuelle(p, i)
    let surface_kwc = 4.5
    let surface = surface_kwc * (p?.puissance || 0)
    function onTauxChange(ev: Event) {
        let t = ev.target as HTMLInputElement
        console.log(ev, t.valueAsNumber)
        if (t.valueAsNumber > 100) {
            t.valueAsNumber = 100
        }
    }
    function onSurfaceChange(ev: Event) {
        surface = (ev.target as HTMLInputElement).valueAsNumber
        p.puissance = surface / surface_kwc
    }
    function onRatioChange(ev: Event) {
        surface_kwc = (ev.target as HTMLInputElement).valueAsNumber
        surface = p.puissance * surface_kwc
    }
    function onPuissanceChange(ev: Event) {
        p.puissance = (ev.target as HTMLInputElement).valueAsNumber
        surface = p.puissance * surface_kwc
    }
    $: autoconso = p.autoconso / 100
    $: tarifSurplus = (i: number) =>
        tarifSurplus_(p.puissance) * Math.pow(1 + p.tarifCRE.inflation / 100, i)
    $: tarifLocal = (i: number) => H.tarifLocal(p, i)
    $: tarifAllo = (i: number) =>
        p.coutElec * Math.pow(1 + p.inflationElec / 100, i)
    $: chiffreAffaires = (i: number) =>
        (i == 0 ? primeInvestissement : 0) +
                                      productionAnnuelle(i) *
    (autoconso * tarifLocal(i) +
                 (1 - autoconso) * tarifSurplus(i) +
                 (p.autoprod * tarifAllo(i)) / 100)
    $: exploitation = (i: number) =>
        p.puissance * p.maintenance * Math.pow(1 + p.inflation / 100, i)
    $: turpe = (i: number) =>
        (p.puissance * p.turpe +
             (1 - autoconso) * productionAnnuelle(i) * p.turpeInjection) *
    Math.pow(1 + p.inflation / 100, i)
    $: assurance = (i: number) =>
        ((investissement * p.assurance) / 100) *
    Math.pow(1 + p.inflation / 100, i)
    $: divers = (i: number) =>
        p.divers * p.puissance * Math.pow(1 + p.inflation / 100, i)
    $: charges = (i: number) =>
        (investissement && i == 0 ? p.fraisDivers : 0) +
                              exploitation(i) +
                              turpe(i) +
                              assurance(i) +
                              divers(i)
    $: valeurAjoutee = (i: number) => chiffreAffaires(i) - charges(i)
    // Impots
    // Accise: taux dérogatoire d'1€/MWh jusqu'au 31/1/2025
    $: accise = (i: number) => productionAnnuelle(i) * 0.001
    $: ifer = (_: number) =>
        p.puissance < 100 ? 0 : 3.394 * p.puissance * p.ratioDcAc
    // Exonération de taxe foncière: https://www.legifrance.gouv.fr/codes/article_lc/LEGIARTI000044996150
    $: taxeFonciere = (_: number) => 0
    // Formule compliquée, exonéré sur les cas concrets
    $: cfe = (_: number) => 0
    $: impots = (i: number) => ifer(i) + taxeFonciere(i) + cfe(i)
    // EBE
    $: ebe = (i: number) => valeurAjoutee(i) - impots(i)
    // Déductions fiscales
    $: amortissement = (i: number) =>
        i < p.dureeAmortissement ? investissement / p.dureeAmortissement : 0
    $: provisionOnduleurs = (i: number) =>
        (p.puissance *
            1000 *
            p.provisionOnduleurs *
            Math.pow(1 + p.inflation / 100, i)) /
    10
    let remboursementAnnuel: Array<number> = []
    let interetsAnnuels: Array<number> = []
    $: dette = Math.max(0, investissement - apport)
    $: interetsDetteSenior = (i: number) =>
        i < interetsAnnuels.length ? interetsAnnuels[i] : 0
    $: interetsDSRA = (i: number) => (interetsDetteSenior(i) * p.tauxDSRA) / 100
    $: tresorerieDisponibleDetteSenior = (i: number) => ebe(i) - is(i)
    $: serviceDetteSenior = (i: number) =>
        interetsDSRA(i) + interetsDetteSenior(i) + remboursementAnnuel[i]
    $: dscr = (i: number) =>
        i < remboursementAnnuel.length
          ? tresorerieDisponibleDetteSenior(i) / serviceDetteSenior(i)
          : 0
    $: resultatFiscal = (i: number) =>
        ebe(i) -
                                     amortissement(i) -
                                     provisionOnduleurs(i) -
                                     interetsDetteSenior(i) -
                                     interetsDSRA(i)
    $: is = (i: number) =>
        resultatFiscal(i) <= 0 ? 0 : (resultatFiscal(i) * p.tauxIS) / 100
    $: resultatNet = (i: number) => resultatFiscal(i) - is(i)
```

Replacement in src/routes/projet/[id]/+page.svelte at line 40 [13.804604]

B:BD[12.67695] → [12.67695:67806]

            data: new Array(N).fill(0).map((_, i) => {
                return { x: an + i, y: resultatNet(i) }

[12.67695]

[12.67806]

            data: new Array($N).fill(0).map((_, i) => {
                return { x: an + i, y: $resultatNet[i] }

Insertion in src/routes/projet/[id]/+page.svelte at line 45 [13.804604]
[12.67838]
[13.809115]

Replacement in src/routes/projet/[id]/+page.svelte at line 48 [13.804604]

B:BD[12.67856] → [12.67856:67924]

    $: consoMoyenneFoyer = (i: number) => H.consoMoyenneFoyer(p, i)

[12.67856]

[13.809203]

    $: consoMoyenneFoyer = (i: number) => Math.min($_consoMoyenneFoyer, H.productionAnnuelle($productible, $puissance, $degradation, i) / $autoprod)

Replacement in src/routes/projet/[id]/+page.svelte at line 52 [13.804604]

B:BD[12.67972] → [12.67972:68059]

B:BD[12.68059] → [10.1761:1847]

        for (let i = 0; i < N; i++) {
            cout +=
                p.coutElec *
            Math.pow(1 + p.inflationElec / 100, i) *
            consoMoyenneFoyer(i)

[12.67972]

[12.68153]

        for (let i = 0; i < $N; i++) {
            cout += $_coutElec * Math.pow(1 + $inflationElec / 100, i) * consoMoyenneFoyer(i)

Replacement in src/routes/projet/[id]/+page.svelte at line 61 [13.804604]
B:BD[12.68241] → [12.68241:68279]
```
        for (let i = 0; i < N; i++) {
```
[12.68241]
[12.68279]
```
        for (let i = 0; i < $N; i++) {
```

Replacement in src/routes/projet/[id]/+page.svelte at line 63 [13.804604]

B:BD[12.68299] → [12.68299:68375]

B:BD[12.68375] → [10.1848:2028]

                (tarifLocal(i) * consoMoyenneFoyer(i) * p.autoprod) / 100 +
                 (p.coutElec *
                     Math.pow(1 + p.inflationElec / 100, i) *
                     consoMoyenneFoyer(i) *
                     (100 - p.autoprod)) /

[12.68299]

[10.2028]

                ($tarifLocal[i] * consoMoyenneFoyer(i) * $autoprod) / 100 +
                                     ($_coutElec *
                                         Math.pow(1 + $inflationElec / 100, i) *
                                         consoMoyenneFoyer(i) *
                                         (100 - $autoprod)) /

Replacement in src/routes/projet/[id]/+page.svelte at line 77 [13.804604]

B:BD[34.7810] → [12.68682:68807]

    function sum(x: (_: number) => number, n: number) {
        return new Array(n).fill(0).reduce((a, _, i) => a + x(i), 0)

[34.7810]

[12.68807]

    function sum_(x: number[], n: number) {
        let sum = 0;
        for(let i = 0; i < n; i++) {
            sum += x[i]
        }
        return sum

Replacement in src/routes/projet/[id]/+page.svelte at line 107 [13.804604]
∅:D[17.424] → [12.69380:69457]
∅:D[10.2070] → [12.69380:69457]
B:BD[12.69380] → [12.69380:69457]
```
                investissement ? (resultat * 100) / investissement - 100 : 0
```
[10.2070]
[12.69457]
```
                $investissement ? (resultat * 100) / $investissement - 100 : 0
```
Replacement in src/routes/projet/[id]/+page.svelte at line 115 [13.804604]
B:BD[12.69556] → [12.69556:69619]
```
    function traceArray(f: (_: number) => number, n: number) {
```
[12.69556]
[12.69619]
```
    function traceArray(f: Array<number>, n: number) {
```
Replacement in src/routes/projet/[id]/+page.svelte at line 121 [13.804604]
B:BD[12.69738] → [12.69738:69761]
```
            ai += f(i)
```
[12.69738]
[12.69761]
```
            ai += f[i]
```

Replacement in src/routes/projet/[id]/+page.svelte at line 137 [13.804604]

B:BD[12.70065] → [12.70065:70140]

        for (let i = 0; i < N; i += 1) {
            sum += resultatNet(i)

[12.70065]

[12.70140]

        for (let i = 0; i < $N; i += 1) {
            sum += $resultatNet[i]

Replacement in src/routes/projet/[id]/+page.svelte at line 142 [13.804604]
B:BD[12.70208] → [12.70208:70235]
```
        if (lastNeg < N) {
```
[12.70208]
[12.70235]
```
        if (lastNeg < $N) {
```

Replacement in src/routes/projet/[id]/+page.svelte at line 156 [13.804604]

B:BD[12.70573] → [12.70573:70879]

        let totalRembAnnuel_n = remboursementAnnuel
            .slice(0, n)
            .reduce((a, b) => a + b, 0)
        let totalInteret_n = sum(interetsDetteSenior, n)
        let totalRembAnnuel = remboursementAnnuel.reduce((a, b) => a + b, 0)
        let totalInteret = sum(interetsDetteSenior, n)

[12.70573]

[10.2071]

        let totalRembAnnuel_n = $banque.remboursementAnnuel
                                       .slice(0, n)
                                       .reduce((a, b) => a + b, 0)
        let totalInteret_n = sum_($interetsDetteSenior, n)
        let totalRembAnnuel = $banque.remboursementAnnuel.reduce((a, b) => a + b, 0)
        let totalInteret = sum_($interetsDetteSenior, n)

Replacement in src/routes/projet/[id]/+page.svelte at line 171 [13.804604]

∅:D[17.494] → [12.71151:71228]

B:BD[12.71151] → [12.71151:71228]

        coutElec_ ? (coutElec_ - coutElecAuto_) / (coutElec_ / (N * 12)) : 0

[17.494]

[12.71228]

        coutElec_ ? (coutElec_ - coutElecAuto_) / (coutElec_ / ($N * 12)) : 0

Deletion in src/routes/projet/[id]/+page.svelte at line 173 [13.804604]
∅:D[19.3645] → [13.811190:811200]
∅:D[12.71234] → [13.811190:811200]
B:BD[13.811190] → [13.811190:811200]
```
</script>
```

Replacement in src/routes/projet/[id]/+page.svelte at line 174 [13.804604]

B:BD[27.360818] → [36.2398:2448]

∅:D[36.2448] → [38.265:314]

B:BD[27.360819] → [38.265:314]

B:BD[38.314] → [19.3646:3708]

B:BD[19.3708] → [12.71235:71510]

∅:D[12.71510] → [19.3908:3979]

B:BD[19.3908] → [19.3908:3979]

B:BD[19.3979] → [24.5631:5715]

∅:D[19.4034] → [13.811829:811851]

∅:D[24.5715] → [13.811829:811851]

∅:D[20.35116] → [13.811829:811851]

B:BD[13.811829] → [13.811829:811851]

B:BD[13.811851] → [19.4035:4069]

∅:D[19.4069] → [13.813817:813818]

B:BD[13.813817] → [13.813817:813818]

B:BD[13.813818] → [12.71511:71524]

B:BD[12.71524] → [10.2224:2289]

∅:D[10.2289] → [12.71581:71667]

B:BD[12.71581] → [12.71581:71667]

B:BD[12.71667] → [29.471:527]

∅:D[29.527] → [19.4219:4274]

B:BD[19.4219] → [19.4219:4274]

B:BD[19.4274] → [24.5716:5795]

∅:D[24.5795] → [19.4355:4444]

B:BD[19.4355] → [19.4355:4444]

B:BD[19.4444] → [12.71668:71838]

B:BD[12.71838] → [10.2290:2332]

∅:D[10.2332] → [12.71878:71931]

B:BD[12.71878] → [12.71878:71931]

B:BD[12.71931] → [10.2333:2404]

∅:D[10.2404] → [12.72000:72051]

B:BD[12.72000] → [12.72000:72051]

∅:D[12.72051] → [19.4656:4776]

B:BD[19.4656] → [19.4656:4776]

B:BD[19.4776] → [12.72052:72118]

B:BD[12.72118] → [10.2405:2461]

∅:D[39.56] → [12.72178:72395]

∅:D[25.1267] → [12.72178:72395]

∅:D[10.2461] → [12.72178:72395]

B:BD[12.72178] → [12.72178:72395]

B:BD[12.72395] → [39.57:96]

∅:D[39.96] → [12.72395:72504]

B:BD[12.72395] → [12.72395:72504]

B:BD[12.72504] → [25.1268:1344]

B:BD[25.1344] → [10.2462:2851]

∅:D[39.395] → [35.9734:9800]

∅:D[25.1730] → [35.9734:9800]

∅:D[10.2851] → [35.9734:9800]

∅:D[12.72504] → [35.9734:9800]

B:BD[35.9734] → [35.9734:9800]

B:BD[35.9800] → [10.2852:3563]

∅:D[10.3563] → [12.72629:72947]

B:BD[12.72629] → [12.72629:72947]

<div class="container-lg p-3 pb-5 overflow-auto">
    <div class="d-flex flex-lg-row flex-column">
        <nav class="navbar navbar-expand-lg start-0 w-lg-25">
            <button
                class="navbar-toggler"
                type="button"
                data-bs-toggle="offcanvas"
                data-bs-target="#menuoff"
                aria-label="Toggle navigation">
                <span class="navbar-toggler-icon" />
            </button>
            <div class="d-lg-none ms-3 me-auto">
                {#if data.nom}
                    <h1 class="my-0">{data.nom}</h1>
                {/if}
            </div>
        </nav>
        <div
            class="offcanvas-lg offcanvas-start mb-auto offmenu"
            data-bs-scroll="true"
            tabindex="-1"
            id="menuoff">
            <div class="offcanvas-body off-padding-md">
                <div class="p-3 p-lg-0 overflow-auto">
                    {#if data.nom}
                        <h1>{data.nom}</h1>
                    {/if}
                    <div class="my-3 form-check form-switch">
                        <input
                            class="form-check-input"
                            type="checkbox"
                            role="switch"
                            id="expertsw"
                            bind:checked={expert} />
                        <label class="form-check-label" for="expertsw"
                            >Niveau expert</label>
                    </div>
                    <h2 class="mt-5">Communauté</h2>
                    <div class="my-3">
                        <label class="form-label" for="puissance"
                        >Puissance totale (kWc)</label>
                        <input
                            class="form-control form-control-sm"
                            type="number"
                            id="puissance"
                            min="1"
                            max="3000"
                            value={p.puissance}
                            on:change={onPuissanceChange} />
                        {#if p.puissance > 3000}<span class="text-warning">
                            <i
                                class="bi bi-exclamation-circle-fill me-2" />&nbsp;Une
                            communauté d'autoconsommation ne peut dépasser
                            plus de 3MWc. Les résultats obtenus seront donc
                            purement hypothétiques.</span
                                                   >{/if}
                    </div>
                    <div class="my-3">
                        <label class="form-label" for="surface"
                        >Surface totale (m²)<button
                                                type="button"
                                                class="btn btn-link align-baseline p-0 ms-2"
                                                data-bs-toggle="popover"
                                                data-bs-trigger="hover focus"
                                                data-bs-content="Estimation de la surface de modules photovoltaïques en fonction de la puissance et du ratio (configurable en mode expert)."
                                            ><i class="bi bi-question-circle" /></button></label>
                        <input
                            class="form-control form-control-sm"
                            type="number"
                            id="surface"
                            min="1"
                            value={surface}
                            on:change={onSurfaceChange} />

[27.360818]

[19.5005]

</script>
<div class="tab-content" id="syntheseTabContent">
    <div
        class="tab-pane fade show active p-3"
        id="synthese-tab-pane"
        role="tabpanel"
        aria-labelledby="synthese-tab"
        tabindex="0">
        <h3 class="my-3 text-body fs-1 fw-bold">
            En un regard, <span class="text-primary">tout</span> votre
            projet.
        </h3>
        <div class="my-5 py-2 total">
            <h5>Synthèse durée totale {$N} ans</h5>
            <div class="row px-4">
                <div class="d-flex justify-content-between p-5">
                    <div class="flex-column text-center">
                        <div class="donnee">
                            {format(sum_($chiffreAffaires, $N))}
                        </div>
                        <div>Chiffre d'affaire</div>

Replacement in src/routes/projet/[id]/+page.svelte at line 196 [13.804604]

B:BD[19.5032] → [19.5032:5071]

B:BD[19.5071] → [12.72948:73014]

B:BD[12.73014] → [10.3564:4290]

∅:D[10.4290] → [19.5507:5585]

∅:D[12.73604] → [19.5507:5585]

B:BD[19.5507] → [19.5507:5585]

B:BD[19.5585] → [12.73605:73862]

                    <div class="mb-3">
                        <label class="form-label" for="autoconso"
                        >Taux d'autoconsommation (%)<button
                                                        type="button"
                                                        class="btn btn-link align-baseline p-0 ms-2"
                                                        data-bs-toggle="popover"
                                                        data-bs-trigger="hover focus"
                                                        data-bs-content="Pourcentage de la production consommée localement, à valider plus finement dans l'onglet Simulation. C'est la valeur que l'application Coturnix optimise."
                                                    ><i class="bi bi-question-circle" /></button>
                        </label>
                        <div class="d-flex">
                            <input
                                class="form-range me-4"
                                type="range"
                                id="autoconso"
                                bind:value={p.autoconso} />{p.autoconso}%

[19.5032]

[19.5713]

                    <div class="mx-3 flex-column text-center">
                        <div class="donnee">
                            {format(sum_($charges, $N))}

Insertion in src/routes/projet/[id]/+page.svelte at line 200 [13.804604]
[19.5744]
[19.5744]
```
                        <div>Charges d'exploitation</div>
```

Replacement in src/routes/projet/[id]/+page.svelte at line 202 [13.804604]

B:BD[19.5771] → [19.5771:5810]

B:BD[19.5810] → [12.73863:74505]

∅:D[12.74505] → [19.6203:6248]

B:BD[19.6203] → [19.6203:6248]

B:BD[19.6248] → [12.74506:74760]

                    <div class="mb-3">
                        <label class="form-label" for="autoprod"
                            >Taux d'autoproduction (%)<button
                                type="button"
                                class="btn btn-link align-baseline p-0 ms-2"
                                data-bs-toggle="popover"
                                data-bs-trigger="hover focus"
                                data-bs-content="Pourcentage des consommations venant de sources locales, à valider plus finement dans l'onglet Simulation."
                                ><i class="bi bi-question-circle" /></button
                            ></label>
                        <div class="d-flex">
                            <input
                                class="form-range me-4"
                                type="range"
                                id="autoprod"
                                bind:value={p.autoprod} />{p.autoprod}%

[19.5771]

[19.6373]

                    <div class="flex-column text-center">
                        <div class="donnee">
                            {format(sum_($resultatNet, $N))}

Replacement in src/routes/projet/[id]/+page.svelte at line 206 [13.804604]

∅:D[19.6404] → [13.814110:814137]

∅:D[27.361754] → [13.814110:814137]

B:BD[13.814110] → [13.814110:814137]

B:BD[13.814137] → [19.6405:6444]

B:BD[19.6444] → [12.74761:74822]

B:BD[12.74822] → [25.1731:1802]

∅:D[25.1802] → [12.74893:75135]

B:BD[12.74893] → [12.74893:75135]

B:BD[12.75135] → [10.4291:4460]

∅:D[10.4460] → [12.75257:75683]

B:BD[12.75257] → [12.75257:75683]

                    </div>
                    <div class="mb-3">
                        <label class="form-label" for="prix"
                            >Prix d'achat fournisseur (€/kWh)<button
                                type="button"
                                class="btn btn-link align-baseline p-0 ms-2"
                                data-bs-toggle="popover"
                                data-bs-trigger="hover focus"
                                data-bs-content="Prix d'achat moyen des consommateurs de la communauté à leur fournisseur d'électricité habituel (par exemple EDF)."
                                ><i class="bi bi-question-circle" /></button
                            ></label>
                        <input
                            class="form-control form-control-sm"
                            type="number"
                            step="0.01"
                            min="0"
                            id="coutElec"
                            bind:value={p.coutElec} />

[19.6404]

[19.6948]

                        <div>Résultat net</div>

Replacement in src/routes/projet/[id]/+page.svelte at line 208 [13.804604]

B:BD[19.6975] → [19.6975:7014]

B:BD[19.7014] → [12.75684:76053]

B:BD[12.76053] → [10.4461:4742]

∅:D[10.4742] → [12.76205:76623]

B:BD[12.76205] → [12.76205:76623]

∅:D[12.77055] → [19.7863:7929]

B:BD[19.7863] → [19.7863:7929]

B:BD[19.7929] → [12.77056:77444]

∅:D[12.77444] → [19.8147:8174]

B:BD[19.8147] → [19.8147:8174]

                    <div class="mb-3">
                        <label class="form-label" for="prix"
                            >Prix de vente local (€/kWh)<button
                                type="button"
                                class="btn btn-link align-baseline p-0 ms-2"
                                data-bs-toggle="popover"
                                data-bs-trigger="hover focus"
                                data-bs-content="Hypothèse sur le prix de vente moyen. Dans Coturnix, les producteurs et les consommateurs choisissent leurs prix acceptables, et Coturnix calcule à chaque instant le prix qui maximise la valeur totale créée par la communauté."
                                ><i class="bi bi-question-circle" /></button
                            ></label>
                        <input
                            class="form-control form-control-sm"
                            type="number"
                            step="0.01"
                            min="0"
                            id="prix"
                            bind:value={p.prix} />
                    </div>
                    <div class="mb-3">
                        <label class="form-label" for="echeances"
                            >Durée d'analyse (an)</label>
                        <input
                            class="form-control form-control-sm"
                            type="number"
                            id="echeances"
                            min="0"
                            bind:value={N} />
                    </div>

[19.6975]

[19.8174]

                </div>
            </div>

Replacement in src/routes/projet/[id]/+page.svelte at line 211 [13.804604]

B:BD[19.8175] → [19.8175:8268]

B:BD[19.8268] → [12.77445:77873]

                    <h2 class="mt-5">Financement</h2>
                    <div class="my-3">
                        <label class="form-label" for="apport"
                            >Apport initial (€)</label>
                        <input
                            class="form-control form-control-sm"
                            type="number"
                            id="apport"
                            min="0"
                            step="1000"
                            bind:value={p.apport} />

[19.8175]

[19.8498]

            <div class="row px-4">
                <div class="d-flex justify-content-between p-5">
                    <div class="flex-column text-center">
                        <div class="donnee">
                            {format($investissement)}
                        </div>
                        <div>Montant de l'investissement</div>

Replacement in src/routes/projet/[id]/+page.svelte at line 219 [13.804604]

B:BD[19.8525] → [19.8525:8564]

B:BD[19.8564] → [12.77874:78249]

B:BD[12.78249] → [17.495:638]

∅:D[17.638] → [12.78249:78303]

B:BD[12.78249] → [12.78249:78303]

                    <div class="mb-3">
                        <label class="form-label" for="interet"
                            >Taux d'intérêt(%)</label>
                        <input
                            class="form-control form-control-sm"
                            type="number"
                            step="0.1"
                            id="interet"
                            min="0"
                            max="100"
                            on:change={onTauxChange}
                            on:keyup={onTauxChange}
                            bind:value={p.interet} />

[19.8525]

[19.8795]

                    <div class="mx-3 flex-column text-center">
                        <div class="donnee">
                            {rentabiliteTaux(sum_($resultatNet, $N))}
                        </div>
                        <div>Retour sur investissement</div>

Replacement in src/routes/projet/[id]/+page.svelte at line 225 [13.804604]

B:BD[19.8822] → [19.8822:8861]

B:BD[19.8861] → [12.78304:78711]

                    <div class="mb-3">
                        <label class="form-label" for="echeances"
                            >Nombre d'échéances (en mois)</label>
                        <input
                            class="form-control form-control-sm"
                            type="number"
                            id="echeances"
                            min="0"
                            bind:value={p.echeances} />

[19.8822]

[13.814711]

                    <div class="flex-column text-center">
                        <div class="donnee">{roiDate()}</div>
                        <div>Point de rentabilité</div>

Deletion in src/routes/projet/[id]/+page.svelte at line 229 [13.804604]

B:BD[13.814738] → [19.9099:9133]

B:BD[19.9133] → [12.78712:79110]

∅:D[34.10193] → [19.9408:9450]

∅:D[12.79110] → [19.9408:9450]

B:BD[19.9408] → [19.9408:9450]

B:BD[19.9450] → [12.79111:79270]

∅:D[34.10297] → [19.9548:9574]

∅:D[12.79270] → [19.9548:9574]

B:BD[19.9548] → [19.9548:9574]

                    {#if data.id}
                        <form id="delForm" method="POST" action="?/del" />
                        <button
                            class="my-2 me-2 btn btn-primary"
                            on:click={saveModal}>Sauvegarder</button>
                        <button
                            class="my-2 btn btn-outline-primary"
                            form="delForm">Supprimer</button>
                    {:else if data.email}
                        <button
                            class="my-2 btn btn-primary"
                            on:click={saveModal}>Sauvegarder</button>
                    {/if}

Deletion in src/routes/projet/[id]/+page.svelte at line 231 [13.804604]
B:BD[19.9594] → [19.9594:9609]
```
        </div>
```

Replacement in src/routes/projet/[id]/+page.svelte at line 232 [13.804604]

B:BD[19.9610] → [40.0:44]

∅:D[40.44] → [36.2449:2525]

B:BD[19.9651] → [36.2449:2525]

B:BD[13.816552] → [19.9741:9799]

B:BD[19.9799] → [12.79271:79625]

∅:D[12.79625] → [19.9985:10007]

B:BD[19.9985] → [19.9985:10007]

∅:D[19.10007] → [13.816552:816553]

B:BD[13.816552] → [13.816552:816553]

B:BD[27.364161] → [27.364161:364219]

B:BD[27.364219] → [12.79626:79984]

B:BD[12.79984] → [22.5567:6013]

∅:D[22.6013] → [27.364400:364422]

∅:D[19.10198] → [27.364400:364422]

∅:D[12.79984] → [27.364400:364422]

B:BD[27.364400] → [27.364400:364422]

B:BD[27.364422] → [19.10199:10200]

∅:D[19.10200] → [13.820843:820901]

B:BD[13.820843] → [13.820843:820901]

B:BD[13.820901] → [12.79985:80330]

∅:D[12.80330] → [19.10378:10492]

B:BD[19.10378] → [19.10378:10492]

B:BD[19.10492] → [12.80331:80712]

∅:D[12.80712] → [19.10677:10830]

B:BD[19.10677] → [19.10677:10830]

B:BD[19.10830] → [12.80713:81083]

∅:D[12.81083] → [19.11004:11052]

B:BD[19.11004] → [19.11004:11052]

B:BD[38.332] → [19.11053:11134]

B:BD[19.11134] → [12.81084:81549]

∅:D[12.81549] → [19.11432:11482]

B:BD[19.11432] → [19.11432:11482]

B:BD[19.11482] → [36.2526:2785]

B:BD[36.2785] → [12.81550:81789]

∅:D[12.81789] → [19.11954:11993]

B:BD[19.11954] → [19.11954:11993]

B:BD[19.11993] → [36.2881:2956]

B:BD[36.2956] → [12.81790:82026]

∅:D[12.82026] → [19.12252:12291]

B:BD[19.12252] → [19.12252:12291]

B:BD[19.12291] → [36.3044:3114]

B:BD[36.3114] → [12.82027:82258]

∅:D[12.82258] → [19.12542:12616]

B:BD[19.12542] → [19.12542:12616]

∅:D[19.12616] → [38.847:878]

B:BD[38.847] → [38.847:878]

B:BD[38.878] → [19.12617:12618]

B:BD[19.12618] → [36.3206:3253]

B:BD[36.3253] → [10.4743:5244]

∅:D[10.5244] → [12.82336:82393]

B:BD[36.3329] → [12.82336:82393]

B:BD[12.82393] → [14.5107:5186]

∅:D[14.5186] → [12.82610:82653]

B:BD[12.82610] → [12.82610:82653]

∅:D[12.82653] → [36.3330:3403]

B:BD[19.12964] → [36.3330:3403]

∅:D[36.3403] → [19.13037:13076]

B:BD[19.13037] → [19.13037:13076]

B:BD[19.13076] → [10.5245:5315]

∅:D[10.5315] → [34.10298:10372]

B:BD[36.3479] → [34.10298:10372]

∅:D[34.10372] → [36.3480:3549]

B:BD[19.13256] → [36.3480:3549]

∅:D[36.3549] → [19.13325:13399]

B:BD[19.13325] → [19.13325:13399]

∅:D[19.13399] → [38.1088:1119]

B:BD[38.1088] → [38.1088:1119]

B:BD[38.1119] → [19.13400:13401]

B:BD[19.13401] → [12.82654:82718]

∅:D[12.82718] → [30.3780:3856]

B:BD[19.13466] → [30.3780:3856]

B:BD[30.3856] → [12.82719:82861]

∅:D[12.82861] → [30.3962:4025]

B:BD[30.3962] → [30.3962:4025]

B:BD[30.4025] → [12.82862:84035]

∅:D[30.4449] → [19.13958:14048]

∅:D[12.84035] → [19.13958:14048]

B:BD[19.13958] → [19.13958:14048]

B:BD[19.14048] → [12.84036:84097]

∅:D[12.84097] → [19.14110:14150]

B:BD[19.14110] → [19.14110:14150]

B:BD[19.14150] → [12.84098:85125]

∅:D[12.85125] → [30.4965:5036]

B:BD[30.4965] → [30.4965:5036]

B:BD[30.5036] → [12.85126:85606]

∅:D[12.85606] → [30.5190:5242]

B:BD[30.5190] → [30.5190:5242]

∅:D[30.5242] → [19.14654:14701]

B:BD[19.14654] → [19.14654:14701]

B:BD[19.14701] → [12.85607:86533]

∅:D[12.86533] → [30.5764:5811]

B:BD[30.5764] → [30.5764:5811]

∅:D[30.5812] → [19.14701:14744]

B:BD[19.14701] → [19.14701:14744]

B:BD[19.14744] → [30.5813:5880]

∅:D[30.5880] → [19.14822:14896]

B:BD[19.14822] → [19.14822:14896]

        <div class="ps-lg-5 w-100 ms-0 z0">
            <ul class="mt-5 mt-lg-3 nav nav-tabs" id="tabs" role="tablist">
                <li class="nav-item" role="presentation">
                    <a
                        href="#synthese"
                        class="nav-link {syntheseActive}"
                        id="synthese-tab"
                        type="button"
                        role="tab"
                        aria-controls="synthese-tab-pane"
                        aria-selected="true">Synthèse</a>
                </li>
                <li class="nav-item" role="presentation">
                    <a
                        href="#compte"
                        class="nav-link {compteActive}"
                        id="profile-tab"
                        type="button"
                        role="tab"
                        aria-controls="compte-tab-pane"
                        aria-selected="false">Détails financiers</a>
                </li>
                <li class="nav-item" role="presentation">
                    <a
                        href="#description"
                        class="nav-link {descriptionActive}"
                        id="profile-tab"
                        type="button"
                        role="tab"
                        aria-controls="description-tab-pane"
                        aria-selected="false">Description</a>
                </li>
                <li class="nav-item" role="presentation">
                    <a
                        href="#banque"
                        class="nav-link {banqueActive}"
                        id="banque-tab"
                        type="button"
                        role="tab"
                        aria-controls="banque-tab-pane"
                        aria-selected="false">Emprunt</a>
                </li>
                {#if expert}
                    <li class="nav-item" role="presentation">
                        <a
                            href="#expert"
                            class="nav-link {expertActive}"
                            id="expert-tab"
                            type="button"
                            role="tab"
                            aria-controls="expert-tab-pane"
                            aria-selected="false">Mode expert</a>
                    </li>
                {/if}
                {#if true || !data.guest}
                    <li class="nav-item" role="presentation">
                        <a
                            href="#simu"
                            class="nav-link {simuActive}"
                            id="prm-tab"
                            type="button"
                            role="tab"
                            aria-controls="prm-tab-pane"
                            aria-selected="false">Simulation</a>
                    </li>
                {/if}
            </ul>
            <div class="tab-content" id="syntheseTabContent">
                <div
                    class="tab-pane fade {syntheseActive} {syntheseShow} p-3"
                    id="synthese-tab-pane"
                    role="tabpanel"
                    aria-labelledby="synthese-tab"
                    tabindex="0">
                    <h3 class="my-3 text-body fs-1 fw-bold">
                        En un regard, <span class="text-primary">tout</span> votre
                        projet.
                    </h3>
                    <div class="my-5 py-2 total">
                        <h5>Synthèse durée totale {N} ans</h5>
                        <div class="row px-4">
                            <div class="d-flex justify-content-between p-5">
                                <div class="flex-column text-center">
                                    <div class="donnee">
                                        {format(sum(chiffreAffaires, N))}
                                    </div>
                                    <div>Chiffre d'affaire</div>
                                </div>
                                <div class="mx-3 flex-column text-center">
                                    <div class="donnee">
                                        {format(sum(charges, N))}
                                    </div>
                                    <div>Charges d'exploitation</div>
                                </div>
                                <div class="flex-column text-center">
                                    <div class="donnee">
                                        {format(sum(resultatNet, N))}
                                    </div>
                                    <div>Résultat net</div>
                                </div>
                            </div>
                        </div>
                        <div class="row px-4">
                            <div class="d-flex justify-content-between p-5">
                                <div class="flex-column text-center">
                                    <div class="donnee">
                                        {format(investissement)}
                                    </div>
                                    <div>Montant de l'investissement</div>
                                </div>
                                <div class="mx-3 flex-column text-center">
                                    <div class="donnee">
                                        {rentabiliteTaux(sum(resultatNet, N))}
                                    </div>
                                    <div>Retour sur investissement</div>
                                </div>
                                <div class="flex-column text-center">
                                    <div class="donnee">{roiDate()}</div>
                                    <div>Point de rentabilité</div>
                                </div>
                            </div>
                        </div>
                        <div class="row flex-row-reverse px-4">
                            <div class="d-flex justify-content-around p-5">
                                <div
                                    class="d-flex flex-column justify-content-between text-center me-3">
                                    <div class="py-3 my-auto">
                                        <svg
                                            viewBox="{Math.floor(
                                                -N * 0.05
                                            )} {Math.floor(
                                                -maxa - margin
                                            )} {Math.ceil(N * 1.1)} {Math.ceil(
                                                maxa - mina + 2 * margin
                                            )}"
                                            xmlns="http://www.w3.org/2000/svg"
                                            width="250px"
                                            height="100px"
                                            preserveAspectRatio="none">
                                            <path
                                                d={traceArray(resultatNet, N)}
                                                fill="transparent"
                                                stroke-width="2"
                                                vector-effect="non-scaling-stroke"
                                                stroke="#b71515" />
                                        </svg>
                                    </div>
                                    <div>Résultat net</div>
                                </div>
                                <div
                                    class="d-flex flex-column justify-content-between text-center ms-3">
                                    <div
                                        style="width:250px"
                                        class="py-3 my-auto">
                                        <div
                                            class="spinner-border ms-3 loading"
                                            class:d-none={!pvgis_loading} />
                                        <svg
                                            class:d-none={pvgis_loading ||
                                                !maxProd}
                                            viewBox="-10 0 270 {maxProd}"
                                            preserveAspectRatio="none"
                                            xmlns="http://www.w3.org/2000/svg"
                                            width="250px"
                                            height="100px">
                                            {#each prodWeekly as p, i}
                                                <path
                                                    d="M {i *
                                                        5}, {maxProd} L {i *
                                                        5}, {maxProd - p}"
                                                    fill="transparent"
                                                    stroke-width="2"
                                                    stroke="#ffbf00" />
                                            {/each}
                                        </svg>
                                        <svg
                                            class="donnee"
                                            class:d-none={pvgis_loading ||
                                                maxProd}
                                            xmlns="http://www.w3.org/2000/svg"
                                            width="32"
                                            height="32"
                                            fill="currentColor"
                                            viewBox="0 0 16 16">
                                            <path
                                                d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278" />
                                        </svg>
                                    </div>
                                    <div>Production annuelle</div>
                                </div>
                            </div>

[19.9610]

[38.1330]

            <div class="row flex-row-reverse px-4">
                <div class="d-flex justify-content-around p-5">
                    <div
                        class="d-flex flex-column justify-content-between text-center me-3">
                        <div class="py-3 my-auto">
                            <svg
                                viewBox="{Math.floor(
                                             -$N * 0.05
                                             )} {Math.floor(
                                                    -maxa - margin
                                                    )} {Math.ceil($N * 1.1)} {Math.ceil(
                                                                                     maxa - mina + 2 * margin
                                                                                     )}"
                                xmlns="http://www.w3.org/2000/svg"
                                width="250px"
                                height="100px"
                                preserveAspectRatio="none">
                                <path
                                    d={traceArray($resultatNet, $N)}
                                    fill="transparent"
                                    stroke-width="2"
                                    vector-effect="non-scaling-stroke"
                                    stroke="#b71515" />
                            </svg>

Insertion in src/routes/projet/[id]/+page.svelte at line 257 [13.804604]

[38.1361]

[19.14897]

                        <div>Résultat net</div>
                    </div>

Replacement in src/routes/projet/[id]/+page.svelte at line 260 [13.804604]

B:BD[19.14898] → [36.3550:3765]

B:BD[36.3765] → [12.86534:86880]

∅:D[12.86880] → [19.15308:15347]

B:BD[19.15308] → [19.15308:15347]

B:BD[19.15347] → [36.3872:4004]

B:BD[36.4004] → [12.86881:87206]

∅:D[12.87206] → [36.4231:4279]

B:BD[36.4231] → [36.4231:4279]

B:BD[36.4279] → [12.87207:87268]

∅:D[12.87268] → [36.4336:4495]

B:BD[36.4336] → [36.4336:4495]

∅:D[36.4495] → [19.16013:16087]

B:BD[19.16013] → [19.16013:16087]

                        <div class="row flex-row-reverse px-4">
                            <div class="d-flex justify-content-around p-5">
                                <div class="me-3 flex-column text-center">
                                    <div class="donnee">
                                        {N
                                            ? format(sum(resultatNet, N) / N)
                                            : '0€'}
                                    </div>
                                    <div>Bénéfice annuel moyen</div>
                                </div>
                                <div class="ms-3 flex-column text-center">
                                    <div class="donnee">
                                        {#if coutElec() - coutElecAuto() > 0}
                                            {format(
                                                coutElec() - coutElecAuto()
                                            )}
                                            ({economieFoyerMois} mois)
                                        {:else}
                                            Aucune&nbsp;😢
                                        {/if}
                                    </div>
                                    <div>Economies consommateur</div>
                                </div>
                            </div>

[19.14898]

[38.1767]

                    <div
                        class="d-flex flex-column justify-content-between text-center ms-3">
                        <div
                            style="width:250px"
                            class="py-3 my-auto">
                            <div
                                class="spinner-border ms-3 loading"
                                class:d-none={!pvgis_loading} />
                            <svg
                                class:d-none={pvgis_loading ||
                                                 !maxProd}
                                viewBox="-10 0 270 {maxProd}"
                                preserveAspectRatio="none"
                                xmlns="http://www.w3.org/2000/svg"
                                width="250px"
                                height="100px">
                                {#each prodWeekly as p, i}
                                    <path
                                        d="M {i *
                                                 5}, {maxProd} L {i *
                                                                     5}, {maxProd - p}"
                                        fill="transparent"
                                        stroke-width="2"
                                        stroke="#ffbf00" />
                                {/each}
                            </svg>
                            <svg
                                class="donnee"
                                class:d-none={pvgis_loading ||
                                                 maxProd}
                                xmlns="http://www.w3.org/2000/svg"
                                width="32"
                                height="32"
                                fill="currentColor"
                                viewBox="0 0 16 16">
                                <path
                                    d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278" />
                            </svg>

Insertion in src/routes/projet/[id]/+page.svelte at line 299 [13.804604]
[38.1798]
[38.2051]
```
                        <div>Production annuelle</div>
```
Insertion in src/routes/projet/[id]/+page.svelte at line 301 [13.804604]
[38.2078]
[19.16088]
```
                </div>
            </div>
```

Replacement in src/routes/projet/[id]/+page.svelte at line 304 [13.804604]

B:BD[19.16089] → [19.16089:16137]

B:BD[19.16137] → [12.87269:87383]

∅:D[12.87383] → [19.16253:16330]

B:BD[19.16253] → [19.16253:16330]

B:BD[19.16331] → [36.4496:4566]

B:BD[36.4566] → [12.87384:87624]

∅:D[12.87624] → [19.16593:16633]

B:BD[19.16593] → [19.16593:16633]

B:BD[19.16633] → [36.4663:4738]

B:BD[36.4738] → [12.87625:87851]

∅:D[12.87851] → [19.16881:16920]

B:BD[19.16881] → [19.16881:16920]

∅:D[19.16920] → [38.2755:2756]

B:BD[38.2755] → [38.2755:2756]

B:BD[38.2756] → [36.4827:4897]

B:BD[36.4897] → [12.87852:88023]

∅:D[36.4989] → [19.17111:17211]

∅:D[12.88023] → [19.17111:17211]

B:BD[19.17111] → [19.17111:17211]

∅:D[19.17211] → [38.2756:2791]

B:BD[38.2756] → [38.2756:2791]

                    <div class="my-5 py-2 dix">
                        <h5>Synthèse 10 ans</h5>
                        <div class="row flex-row-reverse px-4">
                            <div class="d-flex justify-content-between p-5">
                                <div class="flex-column text-center">
                                    <div class="donnee">
                                        {format(sum(chiffreAffaires, 10))}
                                    </div>
                                    <div>Chiffre d'affaire</div>
                                </div>
                                <div class="mx-3 flex-column text-center">
                                    <div class="donnee">
                                        {format(sum(charges, 10))}
                                    </div>
                                    <div>Coût total</div>
                                </div>
                                <div class="flex-column text-center">
                                    <div class="donnee">
                                        {format(sum(resultatNet, 10))}
                                    </div>
                                    <div>Résultat net</div>
                                </div>
                            </div>

[19.16089]

[38.2845]

            <div class="row flex-row-reverse px-4">
                <div class="d-flex justify-content-around p-5">
                    <div class="me-3 flex-column text-center">
                        <div class="donnee">
                            {$N
                                ? format(sum_($resultatNet, $N) / $N)
                                : '0€'}

Replacement in src/routes/projet/[id]/+page.svelte at line 312 [13.804604]

B:BD[38.2876] → [19.17212:17357]

B:BD[19.17357] → [12.88024:88154]

B:BD[12.88154] → [10.5316:5394]

∅:D[10.5394] → [12.88155:88219]

B:BD[19.17531] → [12.88155:88219]

∅:D[12.88219] → [19.17596:17636]

B:BD[19.17596] → [19.17596:17636]

B:BD[19.17636] → [12.88220:88530]

∅:D[35.10147] → [19.17839:17938]

∅:D[12.88530] → [19.17839:17938]

B:BD[19.17839] → [19.17839:17938]

∅:D[19.17938] → [38.3379:3414]

B:BD[38.3379] → [38.3379:3414]


                        <div class="row flex-row-reverse px-4 dix">
                            <div class="d-flex justify-content-around p-5">
                                <div
                                    class="flex-column justify-content-between text-center">
                                    <div class="donnee">{rembPret(10)}%</div>
                                    <div>Prêt remboursé</div>
                                </div>
                                <div
                                    class="flex-column justify-content-between text-center">
                                    <div class="donnee">
                                        {rentabiliteTaux(sum(resultatNet, 10))}
                                    </div>
                                    <div>Rentabilité</div>
                                </div>
                            </div>

[38.2876]

[38.3484]

                        <div>Bénéfice annuel moyen</div>
                    </div>
                    <div class="ms-3 flex-column text-center">
                        <div class="donnee">
                            {#if coutElec() - coutElecAuto() > 0}
                                {format(
                                    coutElec() - coutElecAuto()
                                    )}
                                ({economieFoyerMois} mois)
                            {:else}
                                Aucune&nbsp;😢
                            {/if}

Insertion in src/routes/projet/[id]/+page.svelte at line 325 [13.804604]
[38.3515]
[38.3515]
```
                        <div>Economies consommateur</div>
```

Insertion in src/routes/projet/[id]/+page.svelte at line 327 [13.804604]

[38.3542]

[19.17939]

                </div>
            </div>
        </div>

Replacement in src/routes/projet/[id]/+page.svelte at line 331 [13.804604]

B:BD[19.17940] → [19.17940:17989]

B:BD[19.17989] → [12.88531:88644]

∅:D[12.88644] → [19.18104:18181]

B:BD[19.18104] → [19.18104:18181]

B:BD[19.18181] → [36.4990:5060]

B:BD[36.5060] → [12.88645:88884]

∅:D[12.88884] → [19.18442:18482]

B:BD[19.18442] → [19.18442:18482]

B:BD[19.18482] → [36.5156:5231]

B:BD[36.5231] → [12.88885:89110]

∅:D[12.89110] → [19.18729:18769]

B:BD[19.18729] → [19.18729:18769]

B:BD[19.18769] → [36.5319:5389]

B:BD[36.5389] → [12.89111:89281]

∅:D[36.5480] → [19.18958:19093]

∅:D[12.89281] → [19.18958:19093]

B:BD[19.18958] → [19.18958:19093]

                    <div class="my-5 py-2 cinq">
                        <h5>Synthèse 5 ans</h5>
                        <div class="row flex-row-reverse px-4">
                            <div class="d-flex justify-content-between p-5">
                                <div class="flex-column text-center">
                                    <div class="donnee">
                                        {format(sum(chiffreAffaires, 5))}
                                    </div>
                                    <div>Chiffre d'affaire</div>
                                </div>
                                <div class="mx-3 flex-column text-center">
                                    <div class="donnee">
                                        {format(sum(charges, 5))}
                                    </div>
                                    <div>Coût total</div>
                                </div>
                                <div class="flex-column text-center">
                                    <div class="donnee">
                                        {format(sum(resultatNet, 5))}
                                    </div>
                                    <div>Résultat net</div>
                                </div>
                            </div>

[19.17940]

[38.3936]

        <div class="my-5 py-2 dix">
            <h5>Synthèse 10 ans</h5>
            <div class="row flex-row-reverse px-4">
                <div class="d-flex justify-content-between p-5">
                    <div class="flex-column text-center">
                        <div class="donnee">
                            {format(sum_($chiffreAffaires, 10))}

Replacement in src/routes/projet/[id]/+page.svelte at line 339 [13.804604]

B:BD[38.3967] → [19.19094:19235]

B:BD[19.19236] → [36.5481:5551]

B:BD[36.5551] → [10.5395:5472]

∅:D[10.5472] → [12.89282:89346]

B:BD[19.19406] → [12.89282:89346]

∅:D[12.89346] → [19.19471:19510]

B:BD[19.19471] → [19.19471:19510]


                        <div class="row flex-row-reverse px-4">
                            <div class="d-flex justify-content-around p-5">
                                <div class="flex-column text-center">
                                    <div class="donnee">{rembPret(5)}%</div>
                                    <div>Prêt remboursé</div>
                                </div>

[38.3967]

[19.19510]

                        <div>Chiffre d'affaire</div>
                    </div>

Replacement in src/routes/projet/[id]/+page.svelte at line 342 [13.804604]

B:BD[19.19511] → [36.5552:5622]

B:BD[36.5622] → [12.89347:89526]

∅:D[35.10248] → [19.19713:19847]

∅:D[12.89526] → [19.19713:19847]

B:BD[19.19713] → [19.19713:19847]

                                <div class="flex-column text-center">
                                    <div class="donnee">
                                        {rentabiliteTaux(sum(resultatNet, 5))}
                                    </div>
                                    <div>Rentabilité</div>
                                </div>
                            </div>

[19.19511]

[38.4198]

                    <div class="mx-3 flex-column text-center">
                        <div class="donnee">
                            {format(sum_($charges, 10))}

Insertion in src/routes/projet/[id]/+page.svelte at line 346 [13.804604]
[38.4229]
[38.4486]
```
                        <div>Coût total</div>
```

Replacement in src/routes/projet/[id]/+page.svelte at line 349 [13.804604]

B:BD[19.19849] → [19.19849:19901]

B:BD[19.19901] → [36.5623:5681]

B:BD[36.5681] → [35.10249:10393]

B:BD[19.20105] → [35.10394:10469]

B:BD[35.10469] → [12.89527:89766]

∅:D[36.5912] → [19.20363:20402]

∅:D[12.89766] → [19.20363:20402]

B:BD[19.20363] → [19.20363:20402]

∅:D[19.20402] → [38.4599:4600]

B:BD[38.4599] → [38.4599:4600]

B:BD[38.4600] → [35.10470:10545]

B:BD[35.10545] → [12.89767:89945]

∅:D[12.89945] → [36.6080:6145]

B:BD[36.6080] → [36.6080:6145]

∅:D[36.6145] → [19.20665:20705]

B:BD[19.20665] → [19.20665:20705]

B:BD[19.20705] → [35.10546:10621]

B:BD[35.10621] → [12.89946:90003]

B:BD[12.90003] → [17.639:693]

∅:D[17.693] → [12.90059:90425]

B:BD[12.90059] → [12.90059:90425]

∅:D[12.90425] → [35.10768:10995]

B:BD[35.10768] → [35.10768:10995]

∅:D[35.10995] → [36.6216:6273]

B:BD[36.6216] → [36.6216:6273]

B:BD[36.6273] → [12.90426:90504]

B:BD[12.90504] → [17.694:752]

∅:D[17.752] → [12.90564:90815]

B:BD[12.90564] → [12.90564:90815]

∅:D[41.617] → [36.6458:6506]

∅:D[12.90815] → [36.6458:6506]

B:BD[36.6458] → [36.6458:6506]

B:BD[36.6506] → [12.90816:90877]

∅:D[12.90877] → [36.6563:6762]

B:BD[36.6563] → [36.6563:6762]

∅:D[36.6762] → [38.5572:5607]

∅:D[19.21111] → [38.5572:5607]

B:BD[38.5572] → [38.5572:5607]

                    <div class="my-5 py-2 moyenne">
                        <h5>Synthèse année moyenne</h5>
                        <div class="row flex-row flex-wrap px-4">
                            <div class="d-flex justify-content-between py-5">
                                <div class="flex-column text-center mx-3">
                                    <div class="donnee">
                                        {format(sum(resultatNet, N) / N)}
                                    </div>
                                    <div>Bénéfices moyen</div>
                                </div>
                                <div class="flex-column text-center mx-3">
                                    <div class="donnee">
                                        {format(sum(chiffreAffaires, N) / N)}
                                    </div>
                                    <div>Chiffre d'affaire</div>
                                </div>
                                <div class="flex-column text-center mx-3">
                                    <div class="donnee">
                                        {fmt2.format(
                                            (investissement
                                                ? (sum(resultatNet, N) * 100) /
                                                      investissement -
                                                  100
                                                : 0) / N
                                        )}%
                                    </div>
                                    <div>Rentabilité annuelle</div>
                                </div>
                                <div class="flex-column text-center mx-3">
                                    <div class="donnee">
                                        {#if coutElec() - coutElecAuto() > 0}
                                            {fmt0.format(
                                                ((coutElec() - coutElecAuto()) *
                                                    100) /
                                                    coutElec()
                                            )}%
                                        {:else}
                                            Aucune&nbsp;😢
                                        {/if}
                                    </div>
                                    <div>Économies consommateur</div>
                                </div>
                            </div>

[19.19849]

[38.5607]

                    <div class="flex-column text-center">
                        <div class="donnee">
                            {format(sum_($resultatNet, 10))}

Insertion in src/routes/projet/[id]/+page.svelte at line 353 [13.804604]
[38.5638]
[38.5638]
```
                        <div>Résultat net</div>
```
Insertion in src/routes/projet/[id]/+page.svelte at line 356 [13.804604]
[38.5688]
[19.21112]
```
            </div>
```

Replacement in src/routes/projet/[id]/+page.svelte at line 358 [13.804604]

B:BD[19.21113] → [12.90878:91325]

∅:D[36.6885] → [19.21392:21540]

∅:D[12.91325] → [19.21392:21540]

B:BD[19.21392] → [19.21392:21540]

B:BD[19.21540] → [36.6886:6946]

∅:D[36.6946] → [19.21634:21635]

B:BD[19.21634] → [19.21634:21635]

B:BD[19.21635] → [12.91326:91543]

∅:D[36.7076] → [19.21768:21769]

∅:D[12.91543] → [19.21768:21769]

B:BD[38.6088] → [19.21768:21769]

B:BD[19.21769] → [36.7077:7274]

B:BD[36.7274] → [12.91544:91697]

∅:D[36.7357] → [38.6307:6342]

∅:D[19.22555] → [38.6307:6342]

∅:D[12.91697] → [38.6307:6342]

B:BD[38.6307] → [38.6307:6342]

B:BD[38.6342] → [36.7358:7422]

B:BD[36.7422] → [12.91698:92048]

∅:D[12.92048] → [36.7678:7714]

B:BD[36.7678] → [36.7678:7714]

∅:D[36.7714] → [38.6342:6373]

∅:D[19.22585] → [38.6342:6373]

B:BD[38.6342] → [38.6342:6373]

                <div
                    class="tab-pane fade {compteActive} {compteShow} p-3"
                    id="compte-tab-pane"
                    role="tabpanel"
                    aria-labelledby="compte-tab"
                    tabindex="0">
                    <h3 class="my-3 fs-1 fw-bold">
                        <span class="text-primary">Projetez-vous</span> dans votre
                        projet.
                    </h3>
                    Durée d'analyse : {N} ans
                    <h4 class="my-3 mt-5">Résultat</h4>
                    <div class="ms-3 row">
                        <h5 class="mt-5">Résultat net</h5>
                        <div class="fw-bold fs-4">
                            Cumulé : <span class="text-primary"
                                >{format(sum(resultatNet, N))}</span>
                        </div>
                        <div class="d-flex flex-wrap">
                            <div class="d-flex flex-column my-3">
                                <div class="titreligne tcellt">Année</div>
                                <div class="titreligne tcellt">
                                    Résultat net
                                </div>
                            </div>
                            {#each Array(Math.ceil(N)) as _, i}
                                <div class="d-flex flex-column my-3">
                                    <div class="tcellt">{an + i}</div>
                                    <div class="tcellt">
                                        {resultatNet(i).toFixed(arr)}
                                    </div>
                                </div>
                            {/each}
                        </div>

[19.21113]

[19.22586]

            <div class="row flex-row-reverse px-4 dix">
                <div class="d-flex justify-content-around p-5">
                    <div
                        class="flex-column justify-content-between text-center">
                        <div class="donnee">{rembPret(10)}%</div>
                        <div>Prêt remboursé</div>

Deletion in src/routes/projet/[id]/+page.svelte at line 365 [13.804604]

B:BD[38.6424] → [19.22614:22664]

B:BD[19.22664] → [36.7715:7819]

B:BD[36.7819] → [12.92049:92270]

∅:D[12.92270] → [36.7952:8149]

B:BD[36.7952] → [36.7952:8149]

B:BD[36.8149] → [12.92271:92751]

∅:D[12.92751] → [36.8419:8494]

B:BD[36.8419] → [36.8419:8494]

B:BD[36.8494] → [12.92752:92910]

∅:D[36.8582] → [38.6883:6918]

∅:D[19.22942] → [38.6883:6918]

∅:D[12.92910] → [38.6883:6918]

B:BD[38.6883] → [38.6883:6918]

B:BD[38.6918] → [36.8583:8647]

B:BD[36.8647] → [12.92911:94079]

B:BD[12.94079] → [10.5473:5587]

∅:D[10.5587] → [12.94148:94361]

B:BD[12.94148] → [12.94148:94361]

∅:D[12.94361] → [36.9361:9428]

B:BD[36.9361] → [36.9361:9428]

                    <h4 class="my-3">Détail</h4>
                    <div class="ms-3">
                        <h5 class="mt-5">Chiffre d'affaires</h5>
                        <div class="fw-bold fs-4">
                            Cumulé : <span class="text-primary"
                                >{format(sum(chiffreAffaires, N))}</span>
                        </div>
                        <div class="d-flex flex-wrap">
                            <div class="d-flex flex-column my-4">
                                <div class="titreligne tcellt">Année</div>
                                <div class="titreligne tcellt">
                                    Autoproduction (€)
                                </div>
                                <div class="titreligne tcellt">
                                    Vente locale (€)
                                </div>
                                <div class="titreligne tcellt">
                                    Vente de surplus (€)
                                </div>
                                <div class="titreligne tcellt">Prime</div>
                                <div class="titreligne tcellt">
                                    Chiffre d'affaires
                                </div>
                            </div>
                            {#each Array(Math.ceil(N)) as _, i}
                                <div class="d-flex flex-column my-4">
                                    <div class="tcellt">{an + i}</div>
                                    <div class="tcellt">
                                        {(
                                            productionAnnuelle(i) *
                                            ((p.autoprod * tarifAllo(i)) / 100)
                                        ).toFixed(0)}
                                    </div>
                                    <div class="tcellt">
                                        {(
                                            productionAnnuelle(i) *
                                            (autoconso * tarifLocal(i))
                                        ).toFixed(0)}
                                    </div>
                                    <div class="tcellt">
                                        {(
                                            productionAnnuelle(i) *
                                            ((1 - autoconso) * tarifSurplus(i))
                                        ).toFixed(0)}
                                    </div>
                                    <div class="tcellt">{#if i == 0}{primeInvestissement}{:else}&nbsp;{/if}</div>
                                    <div class="tcellt">
                                        {chiffreAffaires(i).toFixed(arr)}
                                    </div>
                                </div>
                            {/each}
                        </div>

Replacement in src/routes/projet/[id]/+page.svelte at line 366 [13.804604]

B:BD[19.23697] → [36.9429:9498]

B:BD[36.9498] → [12.94362:94544]

                        <h5 class="my-3">Charges d'exploitation</h5>
                        <div class="fw-bold fs-4">
                            Cumulé : <span class="text-primary"
                                >{format(sum(charges, N))}</span>

[19.23697]

[12.94544]

                    <div
                        class="flex-column justify-content-between text-center">
                        <div class="donnee">
                            {rentabiliteTaux(sum_($resultatNet, 10))}

Replacement in src/routes/projet/[id]/+page.svelte at line 371 [13.804604]

∅:D[36.9623] → [19.24079:24080]

∅:D[12.94575] → [19.24079:24080]

B:BD[19.24079] → [19.24079:24080]

B:BD[19.24080] → [36.9624:9821]

B:BD[36.9821] → [12.94576:94733]

∅:D[12.94733] → [36.9908:9989]

B:BD[36.9908] → [36.9908:9989]

B:BD[36.9989] → [12.94734:94889]

∅:D[12.94889] → [36.10074:10150]

B:BD[36.10074] → [36.10074:10150]

B:BD[36.10150] → [12.94890:95043]

∅:D[12.95043] → [36.10233:10332]

B:BD[36.10233] → [36.10233:10332]

B:BD[36.10332] → [12.95044:96058]

∅:D[12.96058] → [36.10924:10991]

B:BD[36.10924] → [36.10924:10991]


                        <div class="d-flex flex-wrap">
                            <div class="d-flex flex-column my-4">
                                <div class="titreligne tcellt">Année</div>
                                <div class="titreligne tcellt">
                                    Maintenance (€)
                                </div>
                                <div class="titreligne tcellt">TURPE (€)</div>
                                <div class="titreligne tcellt">
                                    Assurance (€)
                                </div>
                                <div class="titreligne tcellt">Divers</div>
                                <div class="titreligne tcellt">
                                    Total charges
                                </div>
                            </div>
                            {#each Array(Math.ceil(N)) as _, i}
                                <div class="d-flex flex-column my-4">
                                    <div class="tcellt">{an + i}</div>
                                    <div class="tcellt">
                                        {exploitation(i).toFixed(arr)}
                                    </div>
                                    <div class="tcellt">
                                        {turpe(i).toFixed(arr)}
                                    </div>
                                    <div class="tcellt">
                                        {assurance(i).toFixed(arr)}
                                    </div>
                                    <div class="tcellt">
                                        {divers(i).toFixed(arr)}
                                    </div>
                                    <div class="tcellt">
                                        {charges(i).toFixed(arr)}
                                    </div>
                                </div>
                            {/each}
                        </div>

[12.94575]

[19.24474]

                        <div>Rentabilité</div>
                    </div>
                </div>
            </div>
        </div>

Replacement in src/routes/projet/[id]/+page.svelte at line 377 [13.804604]

B:BD[19.24475] → [36.10992:11068]

B:BD[36.11068] → [12.96059:96237]

                        <h5 class="my-3">Excédent brut d'exploitation</h5>
                        <div class="fw-bold fs-4">
                            Cumulé : <span class="text-primary"
                                >{format(sum(ebe, N))}</span>

[19.24475]

[12.96237]

        <div class="my-5 py-2 cinq">
            <h5>Synthèse 5 ans</h5>
            <div class="row flex-row-reverse px-4">
                <div class="d-flex justify-content-between p-5">
                    <div class="flex-column text-center">
                        <div class="donnee">
                            {format(sum_($chiffreAffaires, 5))}

Insertion in src/routes/projet/[id]/+page.svelte at line 385 [13.804604]

[12.96268]

[19.24897]

                        <div>Chiffre d'affaire</div>
                    </div>

Replacement in src/routes/projet/[id]/+page.svelte at line 388 [13.804604]

B:BD[19.24898] → [36.11190:11387]

B:BD[36.11387] → [12.96269:96430]

∅:D[12.96430] → [36.11478:11640]

B:BD[36.11478] → [36.11478:11640]

B:BD[36.11640] → [12.96431:96930]

∅:D[36.11929] → [38.7142:7177]

∅:D[19.25468] → [38.7142:7177]

∅:D[12.96930] → [38.7142:7177]

B:BD[38.7142] → [38.7142:7177]

B:BD[38.7177] → [36.11930:11994]

B:BD[36.11994] → [12.96931:98106]

∅:D[12.98106] → [36.12631:12758]

B:BD[38.7437] → [36.12631:12758]

B:BD[36.12758] → [12.98107:98293]

                        <div class="d-flex flex-wrap">
                            <div class="d-flex flex-column my-4">
                                <div class="titreligne tcellt">Année</div>
                                <div class="titreligne tcellt">
                                    Valeur ajoutée (€)
                                </div>
                                <div class="titreligne tcellt">Accise (€)</div>
                                <div class="titreligne tcellt">IFER (€)</div>
                                <div class="titreligne tcellt">
                                    Taxe foncière
                                </div>
                                <div class="titreligne tcellt">
                                    Cotisation foncière des entreprises
                                </div>
                                <div class="titreligne tcellt">
                                    Excédent brut d'exploitation
                                </div>
                            </div>
                            {#each Array(Math.ceil(N)) as _, i}
                                <div class="d-flex flex-column my-4">
                                    <div class="tcellt">{an + i}</div>
                                    <div class="tcellt">
                                        {valeurAjoutee(i).toFixed(arr)}
                                    </div>
                                    <div class="tcellt">
                                        {accise(i).toFixed(arr)}
                                    </div>
                                    <div class="tcellt">
                                        {ifer(i).toFixed(arr)}
                                    </div>
                                    <div class="tcellt">
                                        {taxeFonciere(i).toFixed(arr)}
                                    </div>
                                    <div class="tcellt">
                                        {cfe(i).toFixed(arr)}
                                    </div>
                                    <div class="tcellt">
                                        {ebe(i).toFixed(arr)}
                                    </div>
                                </div>
                            {/each}
                        </div>
                        <h5 class="my-3">Résultat net</h5>
                        <div class="fw-bold fs-4">
                            Cumulé : <span class="text-primary"
                                >{format(sum(resultatNet, N))}</span>

[19.24898]

[12.98293]

                    <div class="mx-3 flex-column text-center">
                        <div class="donnee">
                            {format(sum_($charges, 5))}

Insertion in src/routes/projet/[id]/+page.svelte at line 392 [13.804604]

[12.98324]

[19.26664]

                        <div>Coût total</div>
                    </div>

Replacement in src/routes/projet/[id]/+page.svelte at line 395 [13.804604]

B:BD[19.26665] → [36.12888:13085]

B:BD[36.13085] → [10.5588:6210]

∅:D[10.6210] → [12.98325:98705]

B:BD[36.13164] → [12.98325:98705]

B:BD[12.98705] → [10.6211:6914]

∅:D[10.6914] → [12.98757:99270]

B:BD[12.98757] → [12.98757:99270]

∅:D[36.13689] → [38.7877:7912]

∅:D[19.27895] → [38.7877:7912]

∅:D[12.99270] → [38.7877:7912]

B:BD[38.7877] → [38.7877:7912]

B:BD[38.7912] → [36.13690:13754]

B:BD[36.13754] → [12.99271:100653]

∅:D[12.100653] → [36.14516:14552]

B:BD[38.8167] → [36.14516:14552]

                        <div class="d-flex flex-wrap">
                            <div class="d-flex flex-column my-4">
                                <div class="titreligne tcellt">Année</div>
                                <div class="titreligne tcellt">Onduleurs
                                    <button
                                        type="button"
                                        class="btn btn-sm btn-link align-baseline p-0 ms-2"
                                        data-bs-toggle="popover"
                                        data-bs-trigger="hover focus"
                                        data-bs-content="Provision pour le remplacement des onduleurs"
                                    ><i class="bi bi-question-circle" /></button>
                                </div>
                                <div class="titreligne tcellt">
                                    Amortissement
                                </div>
                                <div class="titreligne tcellt">
                                    Intérêts dette senior
                                </div>
                                <div class="titreligne tcellt">
                                    Intérêts DSRA <button
                                                      type="button"
                                                      class="btn btn-link align-baseline p-0 ms-2"
                                                      data-bs-toggle="popover"
                                                      data-bs-trigger="hover focus"
                                                      data-bs-content="Dans un emprunt, compte bancaire qui permettra de payer le service de la dette si jamais l'entité emprunteuse n'est plus en mesure de le faire."
                                                  ><i class="bi bi-question-circle" /></button>
                                </div>
                                <div class="titreligne tcellt">
                                    Résultat fiscal
                                </div>
                                <div class="titreligne tcellt">
                                    Impôt sur les sociétés
                                </div>
                                <div class="titreligne tcellt">
                                    Résultat net
                                </div>
                            </div>
                            {#each Array(Math.ceil(N)) as _, i}
                                <div class="d-flex flex-column my-4">
                                    <div class="tcellt">{an + i}</div>
                                    <div class="tcellt">
                                        {provisionOnduleurs(i).toFixed(arr)}
                                    </div>
                                    <div class="tcellt">
                                        {amortissement(i).toFixed(arr)}
                                    </div>
                                    <div class="tcellt">
                                        {interetsDetteSenior(i).toFixed(arr)}
                                    </div>
                                    <div class="tcellt">
                                        {interetsDSRA(i).toFixed(arr)}
                                    </div>
                                    <div class="tcellt">
                                        {resultatFiscal(i).toFixed(arr)}
                                    </div>
                                    <div class="tcellt">
                                        {is(i).toFixed(arr)}
                                    </div>
                                    <div class="tcellt">
                                        {resultatNet(i).toFixed(arr)}
                                    </div>
                                </div>
                            {/each}

[19.26665]

[36.14552]

                    <div class="flex-column text-center">
                        <div class="donnee">
                            {format(sum_($resultatNet, 5))}

Replacement in src/routes/projet/[id]/+page.svelte at line 399 [13.804604]

B:BD[36.14583] → [12.100654:101385]

B:BD[12.101385] → [17.753:820]

∅:D[17.820] → [12.101454:101584]

B:BD[12.101454] → [12.101454:101584]

∅:D[36.14978] → [38.8764:8799]

∅:D[19.30731] → [38.8764:8799]

∅:D[12.101584] → [38.8764:8799]

B:BD[38.8764] → [38.8764:8799]

B:BD[20.38813] → [36.15295:15325]

                        {#if investissement > apport}
                            <h5 class="my-3">Couverture de la dette</h5>
                            <div class="d-flex flex-wrap">
                                <div class="d-flex flex-column my-3">
                                    <div class="titreligne tcellt">Année</div>
                                    <div class="titreligne tcellt">DSCR</div>
                                </div>
                                {#each Array(Math.ceil(N)) as _, i}
                                    <div class="d-flex flex-column my-3">
                                        <div class="tcellt">{an + i}</div>
                                        <div class="tcellt">
                                            {fmt2.format(dscr(i))}
                                        </div>
                                    </div>
                                {/each}
                            </div>
                        {/if}

[36.14583]

[13.824770]

                        <div>Résultat net</div>

Insertion in src/routes/projet/[id]/+page.svelte at line 402 [13.804604]
[13.824820]
[23.3282]
```
            </div>
```

Replacement in src/routes/projet/[id]/+page.svelte at line 404 [13.804604]

∅:D[23.3283] → [12.101585:101606]

B:BD[13.824820] → [12.101585:101606]

B:BD[12.101606] → [22.6014:6430]

B:BD[22.6430] → [23.3284:3365]

B:BD[23.3365] → [8.427:465]

∅:D[8.465] → [23.3365:3584]

B:BD[23.3365] → [23.3365:3584]

∅:D[23.3584] → [22.6496:6541]

B:BD[22.6496] → [22.6496:6541]

∅:D[22.6541] → [12.101606:102282]

B:BD[12.101606] → [12.101606:102282]

∅:D[19.35667] → [13.826555:826578]

∅:D[12.102282] → [13.826555:826578]

B:BD[13.826555] → [13.826555:826578]

B:BD[13.826597] → [42.806:807]

B:BD[42.807] → [19.35668:35697]

B:BD[19.35697] → [12.102283:102308]

B:BD[12.102308] → [10.6915:6993]

∅:D[10.6993] → [12.102387:102563]

B:BD[12.102387] → [12.102387:102563]

∅:D[12.102563] → [19.35857:35958]

B:BD[19.35857] → [19.35857:35958]

B:BD[19.35958] → [12.102564:103024]

∅:D[12.103024] → [19.36200:36235]

B:BD[19.36200] → [19.36200:36235]

∅:D[19.36235] → [13.827609:827610]

B:BD[13.827609] → [13.827609:827610]

B:BD[13.827610] → [19.36236:36283]

B:BD[19.36283] → [12.103025:103500]

∅:D[12.103500] → [19.36540:36575]

B:BD[19.36540] → [19.36540:36575]

                <div
                    class="tab-pane fade {descriptionActive} {descriptionShow} p-3"
                    id="description-tab-pane"
                    role="tabpanel"
                    aria-labelledby="description-tab"
                    tabindex="0">
                    <h3 class="my-3 fs-1 fw-bold">
                        Quelques <span class="text-primary">détails</span> de plus.
                    </h3>
                    {#if descriptionActive}
                        <Description
                            bind:zoom
                            bind:position={centrale.position}
                            bind:azimuth={centrale.azimuth}
                            bind:inclinaison={centrale.inclinaison} />
                    {/if}
                </div>
                <div
                    class="tab-pane fade {banqueActive} {banqueShow} p-3"
                    id="banque-tab-pane"
                    role="tabpanel"
                    aria-labelledby="banque-tab"
                    tabindex="0">
                    <h3 class="my-3 fs-1 fw-bold">
                        Tous <span class="text-primary">les recoins</span> de votre
                        emprunt.
                    </h3>
                    <Banque
                        {dette}
                        taux={p.interet / 100}
                        duree={p.echeances}
                        bind:interetsAnnuels
                        bind:remboursementAnnuel />
                </div>
                {#if expert}
                    <div
                        class="tab-pane fade {expertActive} {expertShow} p-3"
                        id="expert-tab-pane"
                        role="tabpanel"
                        aria-labelledby="expert-tab"
                        tabindex="0">
                        <div style="max-width:300px">
                            <div class="mb-3">
                                <label class="form-label" for="enedis"
                                    >Coût de raccordement Enedis</label>
                                <input
                                    class="form-control form-control-sm"
                                    type="number"
                                    id="enedis"
                                    min="0"
                                    bind:value={p.enedis} />
                            </div>
                            <div class="mb-3">
                                <label class="form-label" for="productible"
                                    >Productible annuel (kWh/kWc)</label>
                                <input
                                    class="form-control form-control-sm"
                                    type="number"
                                    id="productible"
                                    min="0"
                                    bind:value={p.productible} />
                            </div>

[23.3283]

[20.39175]

            <div class="row flex-row-reverse px-4">
                <div class="d-flex justify-content-around p-5">
                    <div class="flex-column text-center">
                        <div class="donnee">{rembPret(5)}%</div>
                        <div>Prêt remboursé</div>
                    </div>

Replacement in src/routes/projet/[id]/+page.svelte at line 411 [13.804604]

B:BD[20.39176] → [19.36576:36623]

B:BD[19.36623] → [12.103501:103571]

B:BD[12.103571] → [10.6994:7062]

∅:D[10.7062] → [12.103643:103956]

B:BD[12.103643] → [12.103643:103956]

∅:D[12.103956] → [19.36860:36895]

B:BD[19.36860] → [19.36860:36895]

∅:D[19.36895] → [20.39507:39508]

B:BD[20.39507] → [20.39507:39508]

B:BD[20.39508] → [19.36896:36943]

B:BD[19.36943] → [12.103957:104033]

B:BD[12.104033] → [10.7063:7131]

∅:D[10.7131] → [12.104105:104430]

B:BD[12.104105] → [12.104105:104430]

B:BD[12.104430] → [10.7132:7713]

∅:D[10.7713] → [42.5207:5242]

∅:D[19.37198] → [42.5207:5242]

∅:D[12.104430] → [42.5207:5242]

B:BD[42.5207] → [42.5207:5242]

B:BD[20.40525] → [20.40525:40526]

B:BD[20.40526] → [19.37199:37246]

B:BD[19.37246] → [12.104431:104505]

B:BD[12.104505] → [10.7714:7777]

∅:D[10.7777] → [12.104572:104893]

B:BD[12.104572] → [12.104572:104893]

B:BD[12.104893] → [10.7778:8351]

∅:D[10.8351] → [20.40652:40687]

∅:D[19.37490] → [20.40652:40687]

∅:D[12.104893] → [20.40652:40687]

B:BD[20.40652] → [20.40652:40687]

B:BD[20.40687] → [10.8352:8924]

                            <div class="mb-3">
                                <label class="form-label" for="ratio"
                                >Ratio installation (€/W)</label>
                                <input
                                    class="form-control form-control-sm"
                                    type="number"
                                    id="ratio"
                                    min="0"
                                    bind:value={p.ratio} />
                            </div>
                            <div class="mb-3">
                                <label class="form-label" for="degradation"
                                >Taux de dégradation PV(%)</label>
                                <input
                                    class="form-control form-control-sm"
                                    type="number"
                                    id="degradation"
                                    min="0"
                                    bind:value={p.degradation} />
                            </div>
                            <div class="mb-3">
                                <label class="form-label" for="dsra"
                                >Taux d'intérêt DSRA (%)</label>
                                <input
                                    class="form-control form-control-sm"
                                    type="number"
                                    id="dsra"
                                    min="0"
                                    step="any"
                                    bind:value={p.tauxDSRA} />
                            </div>
                            <div class="mb-3">
                                <label class="form-label" for="inflation"
                                >Inflation tarif local</label>
                                <input
                                    class="form-control form-control-sm"
                                    type="number"
                                    id="inflation"
                                    min="0"
                                    bind:value={p.inflation} />
                            </div>
                            <div class="mb-3">
                                <label class="form-label" for="inflationElec"
                                >Inflation nationale de l'électricité (%)</label>
                                <input
                                    class="form-control form-control-sm"
                                    type="number"
                                    bind:value={p.inflationElec}
                                    min="0"
                                    id="inflationElec" />
                            </div>
                            <div class="my-3">
                                <label class="form-label" for="surfacekwc">Surface d'un kWc (m²)</label>
                                <input
                                    class="form-control form-control-sm"
                                    type="number"
                                    id="surfacekwc"
                                    step ="any"
                                    value={surface_kwc}
                                    on:change={onRatioChange} />
                            </div>

[20.39176]

[19.37491]

                    <div class="flex-column text-center">
                        <div class="donnee">
                            {rentabiliteTaux(sum_($resultatNet, 5))}

Insertion in src/routes/projet/[id]/+page.svelte at line 415 [13.804604]
[19.37522]
[13.836644]
```
                        <div>Rentabilité</div>
```

Deletion in src/routes/projet/[id]/+page.svelte at line 417 [13.804604]

B:BD[13.836671] → [19.37523:37545]

∅:D[19.37545] → [13.837068:837087]

B:BD[13.837068] → [13.837068:837087]

B:BD[13.837087] → [19.37546:37547]

B:BD[19.37547] → [34.10373:10431]

B:BD[34.10431] → [12.104894:105146]

∅:D[12.105146] → [34.10583:10636]

B:BD[34.10583] → [34.10583:10636]

B:BD[34.10636] → [12.105147:105320]

B:BD[12.105320] → [23.3585:3748]

∅:D[23.3748] → [12.105320:105537]

∅:D[22.6591] → [12.105320:105537]

B:BD[12.105320] → [12.105320:105537]

                {/if}
            </div>
            <div class="tab-content" id="simuTabContent">
                <div
                    class="tab-pane fade {simuActive} {simuShow} show p-3"
                    id="simu-tab-pane"
                    role="tabpanel"
                    aria-labelledby="simu-tab"
                    tabindex="0">
                    <h4 class="my-3">Simulation</h4>
                    <Simulation
                        id={data.id}
                        {server}
                        {assets}
                        {prmsFeature}
                        position={centrale.position}
                        azimuth={centrale.azimuth}
                        inclinaison={centrale.inclinaison}
                        bind:prms={data.prms}
                        puissance={p.puissance}
                        bind:prodWeekly
                        bind:maxProd
                        bind:pvgis_loading />

Replacement in src/routes/projet/[id]/+page.svelte at line 420 [13.804604]

B:BD[13.837601] → [27.367925:367936]

B:BD[27.367936] → [43.239:316]

∅:D[43.316] → [19.38043:38078]

B:BD[19.38043] → [19.38043:38078]

B:BD[27.367944] → [19.38079:38119]

B:BD[19.38119] → [34.10845:10886]

B:BD[34.10886] → [12.105538:105856]

∅:D[12.105856] → [34.11062:11105]

B:BD[34.11062] → [34.11062:11105]

B:BD[34.11105] → [12.105857:106290]

    </div>
    <div class="modal" id="grainSaveModal" tabindex="-1" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-body">
                    <h5 class="modal-title pb-3" id="saveModalLabel">
                        Sauvegarder
                    </h5>
                    <form
                        method="POST"
                        id="saveForm"
                        action="?/save"
                        use:enhance={save}>
                        <div class="mb-3">
                            <label class="form-label" for="nom"
                                >Nom du projet</label>
                            <input
                                class="form-control"
                                type="text"
                                id="nom"
                                name="nom"
                                bind:value={data.nom}
                                required />

[13.837102]

[34.11314]


        <div class="my-5 py-2 moyenne">
            <h5>Synthèse année moyenne</h5>
            <div class="row flex-row flex-wrap px-4">
                <div class="d-flex justify-content-between py-5">
                    <div class="flex-column text-center mx-3">
                        <div class="donnee">
                            {format(sum_($resultatNet, $N) / $N)}

Replacement in src/routes/projet/[id]/+page.svelte at line 429 [13.804604]

B:BD[34.11345] → [34.11345:11388]

B:BD[34.11388] → [12.106291:106721]

∅:D[12.106721] → [34.11624:11698]

B:BD[34.11624] → [34.11624:11698]

B:BD[34.11698] → [12.106722:107124]

                        <div class="mb-3">
                            <label class="form-label" for="porteur"
                                >Prénom et nom du porteur du projet</label>
                            <input
                                class="form-control"
                                type="text"
                                id="porteur"
                                name="porteur"
                                bind:value={data.porteur} />
                        </div>
                        <div class="mb-3">
                            <label class="form-label" for="adresse"
                                >Adresse</label>
                            <input
                                class="form-control"
                                type="text"
                                id="adresse"
                                name="adresse"
                                bind:value={data.adresse} />

[34.11345]

[34.11906]

                        <div>Bénéfices moyen</div>
                    </div>
                    <div class="flex-column text-center mx-3">
                        <div class="donnee">
                            {format(sum_($chiffreAffaires, $N) / $N)}

Replacement in src/routes/projet/[id]/+page.svelte at line 436 [13.804604]

B:BD[34.11937] → [34.11937:11980]

B:BD[34.11980] → [12.107125:107515]

                        <div class="mb-3">
                            <label class="form-label" for="tel"
                                >Téléphone</label>
                            <input
                                class="form-control"
                                type="text"
                                id="tel"
                                name="tel"
                                bind:value={data.tel} />

[34.11937]

[34.12176]

                        <div>Chiffre d'affaire</div>
                    </div>
                    <div class="flex-column text-center mx-3">
                        <div class="donnee">
                            {fmt2.format(
                                ($investissement
                                    ? (sum_($resultatNet, $N) * 100) /
                                    $investissement -
                                    100
                                    : 0) / $N
                                )}%

Replacement in src/routes/projet/[id]/+page.svelte at line 449 [13.804604]

B:BD[34.12207] → [34.12207:12330]

B:BD[34.12330] → [12.107516:107739]

                        <div class="mb-3">
                            <label class="form-label" for="photo">Photo</label>
                            <input
                                class="form-control"
                                type="file"
                                id="photo"
                                name="photo" />

[34.12207]

[34.12424]

                        <div>Rentabilité annuelle</div>
                    </div>
                    <div class="flex-column text-center mx-3">
                        <div class="donnee">
                            {#if coutElec() - coutElecAuto() > 0}
                                {fmt0.format(
                                    ((coutElec() - coutElecAuto()) *
                                        100) /
                                    coutElec()
                                    )}%
                            {:else}
                                Aucune&nbsp;😢
                            {/if}

Replacement in src/routes/projet/[id]/+page.svelte at line 464 [13.804604]

B:BD[34.12455] → [34.12455:12483]

                    </form>

[34.12455]

[34.12483]

                        <div>Économies consommateur</div>
                    </div>

Deletion in src/routes/projet/[id]/+page.svelte at line 467 [13.804604]

B:BD[34.12506] → [34.12506:12549]

B:BD[34.12549] → [12.107740:108041]

∅:D[41.817] → [34.12747:12770]

∅:D[12.108041] → [34.12747:12770]

B:BD[34.12747] → [34.12747:12770]

                <div class="modal-footer">
                    <button form="saveForm" class="btn btn-primary"
                        >Sauvegarder</button>
                    <button
                        type="button"
                        class="btn btn-outline-primary"
                        data-bs-dismiss="modal">Annuler</button>
                </div>

Deletion in src/routes/projet/[id]/+page.svelte at line 471 [13.804604]
B:BD[27.370065] → [19.40207:40208]
Deletion in src/routes/projet/[id]/+page.svelte at line 472 [13.804604]
B:BD[36.15804] → [12.108042:108156]
B:BD[12.108156] → [40.45:52]
B:BD[40.52] → [10.8925:8974]
∅:D[10.8974] → [40.52:82]
B:BD[40.52] → [40.52:82]
∅:D[40.82] → [12.108156:108162]
B:BD[12.108156] → [12.108156:108162]
∅:D[12.108162] → [19.40209:40210]
B:BD[20.40843] → [19.40209:40210]
```
    @media (prefers-color-scheme: light) {
        nav {
            background-color: #fff !important;
        }
    }
    .offmenu {
        padding-top: 40px;
    }
    .z0 {
        z-index: 0;
    }
```
Deletion in src/routes/projet/[id]/+page.svelte at line 476 [13.804604]
B:BD[36.15842] → [12.108209:108266]
∅:D[12.108266] → [19.40211:40212]
B:BD[20.40891] → [19.40211:40212]
B:BD[19.40212] → [12.108267:108324]
∅:D[12.108324] → [19.40213:40214]
B:BD[20.40939] → [19.40213:40214]
```
    .offcanvas-body h1 {
        font-size: 1.5em;
    }
    .offcanvas-body h2 {
        font-size: 1.2em;
    }
```
Deletion in src/routes/projet/[id]/+page.svelte at line 478 [13.804604]
B:BD[12.108361] → [12.108361:108394]
∅:D[12.108394] → [19.40217:40218]
B:BD[42.6721] → [19.40217:40218]
B:BD[19.40218] → [12.108395:108429]
```
        font-weight: bold;
    }
    h4 {
        font-size: 2rem;
```
Deletion in src/routes/projet/[id]/+page.svelte at line 481 [13.804604]
B:BD[19.40220] → [12.108463:108539]
∅:D[12.108539] → [19.40247:40248]
B:BD[19.40247] → [19.40247:40248]
```
    .titreligne {
        font-size: 1rem;
        font-weight: bold;
    }
```
Deletion in src/routes/projet/[id]/+page.svelte at line 525 [13.804604]
B:BD[12.109226] → [12.109226:109232]
∅:D[12.109232] → [19.40778:40779]
B:BD[19.40778] → [19.40778:40779]
B:BD[19.40779] → [12.109233:109398]
```
    }
    .tcellt {
        border-bottom: 1px solid $primary;
    }
    .tcellt:last-child {
        border-bottom: unset;
    }
    .tcellt {
        padding: 8px 10px;
```

Deletion in src/routes/projet/[id]/+page.svelte at line 526 [13.804604]

∅:D[12.109404] → [36.16095:16096]

B:BD[36.16095] → [36.16095:16096]

B:BD[36.16096] → [12.109405:109680]

∅:D[12.109680] → [20.41266:41267]

B:BD[27.370170] → [20.41266:41267]

B:BD[20.41267] → [12.109681:109769]


    input.prix::-webkit-outer-spin-button,
    input.prix::-webkit-inner-spin-button {
        /* display: none; <- Crashes Chrome on hover */
        -webkit-appearance: none;
        margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
    }
    input.prix[type='number'] {
        -moz-appearance: textfield; /* Firefox */
    }

Replacement in src/routes/projet/[id]/+page.server.ts at line 1 [13.837658]
B:BD[13.837658] → [12.109770:109926]
∅:D[24.6273] → [13.837922:837993]
∅:D[12.109926] → [13.837922:837993]
B:BD[13.837922] → [13.837922:837993]
B:BD[13.837993] → [12.109927:109986]
∅:D[12.109986] → [34.12937:12963]
B:BD[34.12937] → [34.12937:12963]
B:BD[34.12963] → [12.109987:110024]
∅:D[12.110024] → [34.12964:13016]
B:BD[13.838069] → [34.12964:13016]
∅:D[43.442] → [13.838120:838161]
∅:D[34.13016] → [13.838120:838161]
B:BD[13.838120] → [13.838120:838161]
B:BD[13.838161] → [12.110025:110233]
∅:D[12.110233] → [44.76:102]
B:BD[13.838373] → [44.76:102]
B:BD[44.102] → [14.5187:5227]
∅:D[14.5227] → [12.110274:110296]
B:BD[12.110274] → [12.110274:110296]
B:BD[12.110296] → [23.3749:3776]
∅:D[44.141] → [13.838398:838415]
∅:D[23.3776] → [13.838398:838415]
∅:D[12.110296] → [13.838398:838415]
B:BD[13.838398] → [13.838398:838415]
B:BD[13.838415] → [5.0:54]
∅:D[5.54] → [13.838488:838489]
∅:D[43.577] → [13.838488:838489]
∅:D[34.13090] → [13.838488:838489]
∅:D[12.110370] → [13.838488:838489]
B:BD[13.838488] → [13.838488:838489]
B:BD[13.838489] → [14.5228:5323]
∅:D[14.5323] → [12.110527:110638]
B:BD[13.838723] → [12.110527:110638]
∅:D[43.622] → [13.838935:838941]
∅:D[12.110638] → [13.838935:838941]
B:BD[13.838935] → [13.838935:838941]
```
import { error } from '@sveltejs/kit'
import type { PageServerLoad, Actions } from './$types'
import { userForm, Grain, save, del } from '../../../helpers'
export const load: PageServerLoad = async ({ params, platform }) => {
    console.log('load', params['id'])
    if (!platform) {
        return null
    }
    if (params['id'] == 'nouveau') {
        const sim = Grain.newSimulationCommunaute()
        console.log(JSON.stringify(sim))
        return <Grain.GetProjetResp & { guest?: boolean }>{
            nom: '',
            id: '',
            porteur: '',
            tel: '',
            adresse: '',
            simulation: { ...sim },
            guest: false,
            email: 'grain@coturnix.fr',
            prms: [],
            centrales: [],
        }
    }
    const id_ = platform.env.USER.idFromName('grain')
    const projet = await userForm(platform.env, id_, {
        GetProjet: params['id'],
    })
    console.log('projet', JSON.stringify(projet))
    if (projet) {
        return <Grain.GetProjetResp>projet
    }
```
[13.837658]
[13.838941]
```
import type { Actions } from './$types'
import { save, del } from '../../../helpers'
```
Deletion in src/routes/projet/[id]/+page.server.ts at line 4 [13.837658]
B:BD[13.838942] → [12.110639:110675]
∅:D[12.110675] → [13.838980:838981]
B:BD[13.838980] → [13.838980:838981]
```
    throw error(404, 'Not found')
}
```

File addition: +layout.svelte (----------)

[13.784905]

<script lang="ts">
    import { page } from '$app/stores'
    import type { Grain } from '../../../helpers'
    import { writable } from 'svelte/store'
    import { setContext, onMount } from 'svelte'
    import { Derived } from './calcul'
    import { email } from '../../../stores'
    export let data: {
        nom: string
        porteur: string
        adresse: string
        tel: string
        id: string
        communaute?: Grain.Communaute&{isMoving?: boolean},
        img?: string
        simulation: Grain.SimulationCommunaute
        guest?: boolean
        prms: Grain.Prm[]
        profils: Grain.Profil[]
        email?: string
        accesParticuliers?: boolean
        expert: boolean
        N: number
    };
    let simulation = new Derived(data.simulation);
    setContext("simulation", simulation)
    setContext("banque", simulation.banque)
    setContext("communaute", writable(null))
    let expert = writable(data.expert)
    setContext("expert", expert)
    export let root = "/grain/projet/"
    $: compteActive = $page.route.id?.endsWith("/finances") ?? false
    $: descriptionActive = $page.route.id?.endsWith("/description") ?? false
    $: banqueActive = $page.route.id?.endsWith("/banque") ?? false
    $: expertActive = $page.route.id?.endsWith("/expert") ?? false
    $: simuActive = $page.route.id?.endsWith("/simulation") ?? false
    $: syntheseActive = !compteActive && !descriptionActive && !banqueActive && !expertActive && !simuActive
    let menuElt: null | HTMLElement = null
    onMount(async () => {
        email.set(data.email || null)
        email.subscribe((value) => {
            if (value) data.email = value
        })
        if (!window.bootstrap) {
            console.log('no window bootstrap, load')
            window.bootstrap = await import('bootstrap')
        }
        menuElt = document.getElementById('menuoff')
        if (!menuElt) {
            console.log("no menu off")
            return
        }
        new window.bootstrap.Offcanvas(menuElt)
        const popoverTriggerList = document.querySelectorAll(
            '[data-bs-toggle="popover"]'
        )
        for (let t of popoverTriggerList) {
            new window.bootstrap.Popover(t)
        }
    })
    let surface_kwc = 4.5
    let surface = surface_kwc * data.simulation.puissance
    function onTauxChange(ev: Event) {
        let t = ev.target as HTMLInputElement
        console.log(ev, t.valueAsNumber)
        if (t.valueAsNumber > 100) {
            t.valueAsNumber = 100
        }
    }
    function onSurfaceChange(ev: Event) {
        if(simulation) {
            surface = (ev.target as HTMLInputElement).valueAsNumber
            simulation.p.puissance.set(surface / surface_kwc)
        }
    }
    //     function onRatioChange(ev: Event) {
    //         if(simulation) {
    //             surface_kwc = (ev.target as HTMLInputElement).valueAsNumber
    //             surface = get(simulation.p.puissance) * surface_kwc
    //         }
    //     }
    function onPuissanceChange(ev: Event) {
        if(simulation) {
            simulation.p.puissance.set((ev.target as HTMLInputElement).valueAsNumber)
            surface = $puissance * surface_kwc
        }
    }
    const puissance = simulation?.p.puissance
    const autoconso = simulation?.p.autoconso
    const autoprod = simulation?.p.autoprod
    const cout = simulation?.p.coutElec
    const prix = simulation.p.prix
    const apport = simulation.p.apport
    const interet = simulation.p.interet
    const echeances = simulation.p.echeances
    const N = simulation.N
</script>
<div class="container-lg p-3 pb-5 overflow-auto">
    <div class="d-flex flex-lg-row flex-column">
        <nav class="navbar navbar-expand-lg start-0 w-lg-25">
            <button
                class="navbar-toggler"
                type="button"
                data-bs-toggle="offcanvas"
                data-bs-target="#menuoff"
                aria-label="Toggle navigation">
                <span class="navbar-toggler-icon" />
            </button>
            <div class="d-lg-none ms-3 me-auto">
                <h1>{data.nom}</h1>
            </div>
        </nav>
        <div
            class="offcanvas-lg offcanvas-start mb-auto offmenu"
            data-bs-scroll="true"
            tabindex="-1"
            id="menuoff">
            <div class="offcanvas-body off-padding-md">
                <div class="p-3 p-lg-0 overflow-auto">
                    <input type="text" class="form-control input-h1" bind:value={data.nom} placeholder="Nouveau projet" />
                    <form action="/projet/{data.id}/?save">
                        <button class="my-2 btn btn-sm btn-primary">Sauvegarder</button>
                    </form>
                    {#if data.email}
                        <div class="my-3 form-check form-switch">
                            <input
                                class="form-check-input"
                                type="checkbox"
                                role="switch"
                                id="expertsw"
                                bind:checked={$expert} />
                            <label class="form-check-label" for="expertsw"
                            >Niveau expert</label>
                        </div>
                    {/if}
                    <h2 class="mt-5">Communauté</h2>
                    <div class="my-3">
                        <label class="form-label" for="puissance"
                        >Puissance totale (kWc)</label>
                        <input
                            class="form-control form-control-sm"
                            type="number"
                            id="puissance"
                            min="1"
                            max="3000"
                            value={$puissance}
                            on:change={onPuissanceChange} />
                        {#if data.simulation.puissance > 3000}<span class="text-warning">
                            <i
                                class="bi bi-exclamation-circle-fill me-2" />&nbsp;Une
                            communauté d'autoconsommation ne peut dépasser
                            plus de 3MWc. Les résultats obtenus seront donc
                            purement hypothétiques.</span
                                                   >{/if}
                    </div>
                    <div class="my-3">
                        <label class="form-label" for="surface"
                        >Surface totale (m²)<button
                                                type="button"
                                                class="btn btn-link align-baseline p-0 ms-2"
                                                data-bs-toggle="popover"
                                                data-bs-trigger="hover focus"
                                                data-bs-content="Estimation de la surface de modules photovoltaïques en fonction de la puissance et du ratio (configurable en mode expert)."
                                            ><i class="bi bi-question-circle" /></button></label>
                        <input
                            class="form-control form-control-sm"
                            type="number"
                            id="surface"
                            min="1"
                            value={surface}
                            on:change={onSurfaceChange} />
                    </div>
                    <div class="mb-3">
                        <label class="form-label" for="autoconso"
                        >Taux d'autoconsommation (%)<button
                                                        type="button"
                                                        class="btn btn-link align-baseline p-0 ms-2"
                                                        data-bs-toggle="popover"
                                                        data-bs-trigger="hover focus"
                                                        data-bs-content="Pourcentage de la production consommée localement, à valider plus finement dans l'onglet Simulation. C'est la valeur que l'application Coturnix optimise."
                                                    ><i class="bi bi-question-circle" /></button>
                        </label>
                        <div class="d-flex">
                            <input
                                class="form-range me-4"
                                type="range"
                                id="autoconso"
                                bind:value={$autoconso} />{$autoconso}%
                        </div>
                    </div>
                    <div class="mb-3">
                        <label class="form-label" for="autoprod"
                        >Taux d'autoproduction (%)<button
                                                      type="button"
                                                      class="btn btn-link align-baseline p-0 ms-2"
                                                      data-bs-toggle="popover"
                                                      data-bs-trigger="hover focus"
                                                      data-bs-content="Pourcentage des consommations venant de sources locales, à valider plus finement dans l'onglet Simulation."
                                                  ><i class="bi bi-question-circle" /></button
                                                                                      ></label>
                        <div class="d-flex">
                            <input
                                class="form-range me-4"
                                type="range"
                                id="autoprod"
                                bind:value={$autoprod} />{$autoprod}%
                        </div>
                    </div>
                    <div class="mb-3">
                        <label class="form-label" for="prix"
                        >Prix d'achat fournisseur (€/kWh)<button
                                                             type="button"
                                                             class="btn btn-link align-baseline p-0 ms-2"
                                                             data-bs-toggle="popover"
                                                             data-bs-trigger="hover focus"
                                                             data-bs-content="Prix d'achat moyen des consommateurs de la communauté à leur fournisseur d'électricité habituel (par exemple EDF)."
                                                         ><i class="bi bi-question-circle" /></button
                                                                                             ></label>
                        <input
                            class="form-control form-control-sm"
                            type="number"
                            step="0.01"
                            min="0"
                            id="coutElec"
                            bind:value={$cout} />
                    </div>
                    <div class="mb-3">
                        <label class="form-label" for="prix"
                        >Prix de vente local (€/kWh)<button
                                                        type="button"
                                                        class="btn btn-link align-baseline p-0 ms-2"
                                                        data-bs-toggle="popover"
                                                        data-bs-trigger="hover focus"
                                                        data-bs-content="Hypothèse sur le prix de vente moyen. Dans Coturnix, les producteurs et les consommateurs choisissent leurs prix acceptables, et Coturnix calcule à chaque instant le prix qui maximise la valeur totale créée par la communauté."
                                                    ><i class="bi bi-question-circle" /></button
                                                                                        ></label>
                        <input
                            class="form-control form-control-sm"
                            type="number"
                            step="0.01"
                            min="0"
                            id="prix"
                            bind:value={$prix} />
                    </div>
                    <div class="mb-3">
                        <label class="form-label" for="echeances"
                        >Durée d'analyse (an)</label>
                        <input
                            class="form-control form-control-sm"
                            type="number"
                            id="echeances"
                            min="0"
                            bind:value={$N} />
                    </div>
                    <h2 class="mt-5">Financement</h2>
                    <div class="my-3">
                        <label class="form-label" for="apport"
                        >Apport initial (€)</label>
                        <input
                            class="form-control form-control-sm"
                            type="number"
                            id="apport"
                            min="0"
                            step="1000"
                            bind:value={$apport} />
                    </div>
                    <div class="mb-3">
                        <label class="form-label" for="interet"
                        >Taux d'intérêt(%)</label>
                        <input
                            class="form-control form-control-sm"
                            type="number"
                            step="0.1"
                            id="interet"
                            min="0"
                            max="100"
                            on:change={onTauxChange}
                            on:keyup={onTauxChange}
                            bind:value={$interet} />
                    </div>
                    <div class="mb-3">
                        <label class="form-label" for="echeances"
                        >Nombre d'échéances (en mois)</label>
                        <input
                            class="form-control form-control-sm"
                            type="number"
                            id="echeances"
                            min="0"
                            bind:value={$echeances} />
                    </div>
                    {#if data.id}
                        <form method="POST" action="?/del">
                            <button class="my-2 btn btn-outline-primary">Supprimer</button>
                        </form>
                    {/if}
                </div>
            </div>
        </div>
        <div class="ps-lg-5 w-100 ms-0 z0 main">
            <ul class="mt-5 mt-lg-3 nav nav-tabs" id="tabs" role="tablist">
                <li class="nav-item" role="presentation">
                    <a
                        href="{root}{data.id}"
                        class="nav-link {syntheseActive && "active"}"
                        id="synthese-tab"
                        type="button"
                        role="tab"
                        aria-controls="synthese-tab-pane"
                        aria-selected="true">Synthèse</a>
                </li>
                <li class="nav-item" role="presentation">
                    <a
                        href="{root}{data.id}/finances"
                        class="nav-link {compteActive && "active"}"
                        id="profile-tab"
                        type="button"
                        role="tab"
                        aria-controls="compte-tab-pane"
                        aria-selected="false">Détails financiers</a>
                </li>
                <li class="nav-item" role="presentation">
                    <a
                        href="{root}{data.id}/description"
                        class="nav-link {descriptionActive && "active"}"
                        id="profile-tab"
                        type="button"
                        role="tab"
                        aria-controls="description-tab-pane"
                        aria-selected="false">Description</a>
                </li>
                <li class="nav-item" role="presentation">
                    <a
                        href="{root}{data.id}/banque"
                        class="nav-link {banqueActive && "active"}"
                        id="banque-tab"
                        type="button"
                        role="tab"
                        aria-controls="banque-tab-pane"
                        aria-selected="false">Emprunt</a>
                </li>
                {#if $expert}
                    <li class="nav-item" role="presentation">
                        <a
                            href="{root}{data.id}/expert"
                            class="nav-link {expertActive && "active"}"
                            id="expert-tab"
                            type="button"
                            role="tab"
                            aria-controls="expert-tab-pane"
                            aria-selected="false">Mode expert</a>
                    </li>
                {/if}
                {#if true || !data.guest}
                    <li class="nav-item" role="presentation">
                        <a
                            href="{root}{data.id}/simulation"
                            class="nav-link {simuActive && "active"}"
                            id="prm-tab"
                            type="button"
                            role="tab"
                            aria-controls="prm-tab-pane"
                            aria-selected="false">Simulation</a>
                    </li>
                {/if}
            </ul>
            <slot/>
        </div>
    </div>
</div>
<style lang="scss">
    @media (prefers-color-scheme: light) {
        nav {
            background-color: #fff !important;
        }
    }
    @media (min-width: 992px) {
        .offmenu {
            position: fixed;
            top: 80px;
            height: calc(100% - 120px);
            padding-bottom: 20px;
            overflow: scroll;
            padding-right: 20px;
            width: 25%;
            max-width: 280px;
        }
        .main {
            margin-left: calc(min(25%, 280px)) !important;
            padding-left: 0;
        }
    }
    .input-h1 {
        font-size: 1.5em;
        font-weight: bold;
    }
    .z0 {
        z-index: 0;
    }
    .loading {
        color: #ffbf00;
    }
    .offcanvas-body h2 {
        font-size: 1.2em;
    }
    .titreligne {
        font-size: 1rem;
        font-weight: bold;
    }
    .donnee {
        font-size: 2rem;
        font-weight: bold;
    }
    .tcellt {
        border-bottom: 1px solid $primary;
    }
    .tcellt:last-child {
        border-bottom: unset;
    }
    .tcellt {
        padding: 8px 10px;
    }
</style>

File addition: +layout.server.ts (----------)

[13.784905]

import { error } from '@sveltejs/kit'
import type { LayoutServerLoad } from './$types'
import { Grain } from '../../../helpers'
import * as fs from 'node:fs'
export const load: LayoutServerLoad = async ({ params }) => {
    if (params['id'] == 'nouveau') {
        const sim = Grain.newSimulationCommunaute()
        console.log(JSON.stringify(sim))
        return <Grain.GetProjetResp & { guest?: boolean }>{
            nom: '',
            id: 'nouveau',
            porteur: '',
            tel: '',
            adresse: '',
            simulation: { ...sim },
            guest: false,
            email: 'grain@coturnix.fr',
            prms: [],
            profils: [],
            N: 30,
            expert: false,
        }
    }
    try {
        return fs.readFileSync(params['id'], 'utf8');
    } catch (err) {
        console.error(err);
        return error(500, `${err}`)
    }
}

Replacement in src/routes/+layout.svelte at line 9 [13.856748]

B:BD[13.856900] → [33.3446:3525]

        <nav class="navbar navbar-expand-lg fixed-sm-top bg-body shadow mb-3">

[13.856900]

[45.2326]

        <nav class="navbar navbar-expand-lg sticky-sm-top bg-body shadow mb-3">

Replacement in src/routes/+layout.svelte at line 37 [13.856748]
B:BD[13.857614] → [12.134954:135000]
```
        <div class="d-flex flex-column slot">
```
[13.857614]
[13.857658]
```
        <div class="d-flex flex-column">
```
Replacement in src/routes/+layout.svelte at line 50 [13.856748]
B:BD[13.857756] → [12.135019:135052]
∅:D[12.135052] → [33.3711:3712]
B:BD[13.857786] → [33.3711:3712]
B:BD[33.3712] → [12.135053:135101]
```
    @import '../variables.scss';
    .fixed-sm-top {
        position: relative;
```
[13.857756]
[12.135101]
```
    .sticky-sm-top {
        position: static;
```
Deletion in src/routes/+layout.svelte at line 53 [13.856748]
B:BD[12.135122] → [14.5380:5401]
```
        z-index: -1;
```
Deletion in src/routes/+layout.svelte at line 55 [13.856748]
B:BD[33.3776] → [12.135129:135170]
∅:D[12.135170] → [33.3808:3809]
B:BD[33.3808] → [33.3808:3809]
```
    .slot {
        margin-top: 0;
    }
```

Replacement in src/routes/+layout.svelte at line 56 [13.856748]

B:BD[12.135203] → [12.135203:135281]

        .fixed-sm-top {
            position: fixed;
            width: 100%;

[12.135203]

[12.135281]

        .sticky-sm-top {
            position: sticky;

Deletion in src/routes/+layout.svelte at line 59 [13.856748]
B:BD[12.135301] → [12.135301:135358]
```
        }
        .slot {
            margin-top: 100px;
```
Insertion in src/routes/+layout.svelte at line 77 [13.856748]
[12.135682]
[12.135682]
Insertion in src/routes/+layout.svelte at line 84 [13.856748]
[12.135838]
[12.135838]
```
        z-index: 1;
```

Replacement in src/plot.ts at line 9 [21.959]

B:BD[11.20] → [11.20:144]

export const modeBarButtonsToRemove = [ 'pan2d', 'lasso2d', 'toImage', 'autoscale2d', 'select2d', 'zoomIn2d', 'zoomOut2d' ]

[11.20]

[21.1184]

export const modeBarButtonsToRemove = [
    'pan2d',
    'lasso2d',
    'toImage',
    'autoscale2d',
    'select2d',
    'zoomIn2d',
    'zoomOut2d',
]

Replacement in src/plot.ts at line 24 [21.959]
B:BD[21.1284] → [21.1284:1303]
```
    soleil: Sample
```
[21.1284]
[21.1303]
```
    soleil: Sample,
    dateOptions?: any,
```
Replacement in src/plot.ts at line 31 [21.959]
B:BD[21.1442] → [21.1442:1460]
```
    somme: Sample
```
[21.1442]
[21.1460]
```
    somme: Sample,
    dateOptions?: any,
```
Replacement in src/plot.ts at line 39 [21.959]
B:BD[21.1572] → [21.1572:1592]
```
    soleil?: Sample
```
[21.1572]
[21.1592]
```
    soleil?: Sample,
    dateOptions?: any,
```

Replacement in src/plot.ts at line 56 [21.959]

B:BD[21.2004] → [21.2004:2046]

        let tds = tt.toLocaleDateString()

[21.2004]

[21.2046]

        let tds = tt.toLocaleDateString(dateOptions)

Insertion in src/grain-types.ts at line 72 [13.859511]

[13.861553]


    export type SaveFunction = (e: Event, nom: string, simulation: SimulationCommunaute, prms: Prm[], profils: Profil[], communaute?: Communaute) => Promise<void>
    export type Rapport = {
        id: string,
        nom: string,
        simulation: SimulationCommunaute,
        communaute?: Communaute,
        production?: number[]
        charge?: Record<string, number[]>
            interets_annuel: number[],
            remboursement_annuel: number[],
    };
    export type RapportFunction = (r: Rapport) => Promise<void>

Replacement in src/grain-types.ts at line 123 [13.859511]

B:BD[12.140091] → [23.4141:4255]

            position?: { lat: number; lng: number }
            azimuth?: number
            inclinaison?: number

[12.140091]

            communaute?: Communaute,

Insertion in src/grain-types.ts at line 126 [13.859511]
[12.140161]
[23.4256]
```
            profils: Profil[]
```

Replacement in src/grain-types.ts at line 131 [13.859511]

B:BD[18.1274] → [12.140162:140236]

    export type Prm = { prm: number | null; nom: string; prenom: string }

[18.1274]

[13.862132]

    export type Prm = {
        prm: number | null
        nom: string
        prenom: string
        siret?: string
        serie?: string
        codeinsee?: string
        numerorue?: string
        pro?: boolean
        releve?: string
    }

Insertion in src/grain-types.ts at line 143 [13.859511]

[13.862133]

    export type Profil = {
        type: string; conso: number
    }

Replacement in src/grain-types.ts at line 156 [13.859511]

B:BD[12.140349] → [22.6592:6640]

B:BD[22.6640] → [23.4291:4345]

        position?: { lat: number; lng: number }
        azimuth?: number
        inclinaison?: number

[12.140349]

        communaute?: Communaute,

Insertion in src/grain-types.ts at line 159 [13.859511]

[12.140412]

[13.862406]

        prms: Prm[]
        profils: Profil[]
        expert: boolean,

Insertion in src/grain-types.ts at line 176 [13.859511]

[13.862610]


    export type LatLng = { lat: number; lng: number }
    export type Derogation = 'non' | '10' | '20'
    export type Compteur = {
        lat: number
        lng: number
        puissance: number
        azimuth: number
        inclinaison: number
    }
    export type Communaute = {
        lat: number
        lng: number
        derogation: Derogation
        compteurs?: Compteur[]
    }
  export function profils(expert: boolean) {
    let profils_: Record<string, { profils: string[] }> = {
        'Résidentiel ≤6kVA': {
          profils: ['RES1-P1'],
        },
        'Résidentiel 6>kVA≤36': {
          profils: ['RES11-P1'],
        },
        'Résidentiel ≤36kVA HPHC': {
          profils: ['RES2'],
        },
        'Professionel ≤36kVA': {
          profils: ['PRO1-P1'],
        },
        'Professionnel ≤36kVA HWE': {
          profils: ['PRO1WE'],
        },
        'Professionnel ≤36kVA HPHC': {
          profils: ['PRO2'],
        },
        'Entreprise 36<kVA<250 HPHC ETE-HIV': {
          profils: ['ENT1'],
        },
        /*
           "Production hydraulique":{
           "profils":[ "PRD1-P1" ]
           },
           "Production cogénération":{
           "profils":[ "PRD2-P1" ]
           },
           "Production photovoltaïque":{
           "profils":[ "PRD3-P1" ]
           },
         */
      }
      if(expert) {
      for (let p of [
        "ENT1-P1",
        "ENT1-P2",
        "ENT1-P3",
        "ENT1-P4",
        "ENT2-P1",
        "ENT2-P2",
        "ENT2-P3",
        "ENT2-P4",
        "ENT3-P1",
        "ENT3-P2",
        "ENT3-P3",
        "ENT3-P4",
        "ENT3-P5",
        "ENT4-P1",
        "ENT4-P2",
        "ENT4-P3",
        "ENT4-P4",
        "ENT5-P1",
        "ENT5-P2",
        "ENT5-P3",
        "ENT5-P4",
        "ENT5-P5",
        "ENT5-P6",
        "ENT5-P7",
        "ENT5-P8",
        "ENT6-P1",
        "ENT6-P2",
        "ENT6-P3",
        "ENT6-P4",
        "ENT6-P5",
        "ENT6-P6",
        "ENT7-P1",
        "ENT7-P2",
        "ENT7-P3",
        "ENT7-P4",
        "ENT7-P5",
        "PRD1-P1",
        "PRD2-P1",
        "PRD3-P1",
        "PRD4-P1",
        "PRO1-P1",
        "PRO1WE-P1",
        "PRO1WE-P2",
        "PRO22WE-P1",
        "PRO22WE-P2",
        "PRO22WE-P3",
        "PRO22WE-P4",
        "PRO2-P1",
        "PRO2-P2",
        "PRO3-P1",
        "PRO3-P2",
        "PRO3-P3",
        "PRO3-P4",
        "PRO3-P5",
        "PRO3-P6",
        "PRO4-P1",
        "PRO4-P2",
        "PRO5-P1",
        "PRO6-P1",
        "PRO6-P2",
        "PRO6-P3",
        "PRO6-P4",
        "RES11-P1",
        "RES11WE-P1",
        "RES11WE-P2",
        "RES1-P1",
        "RES1WE-P1",
        "RES1WE-P2",
        "RES22WE-P1",
        "RES22WE-P2",
        "RES22WE-P3",
        "RES22WE-P4",
        "RES2-P1",
        "RES2-P2",
        "RES2WE-P1",
        "RES2WE-P2",
        "RES2WE-P3",
        "RES3-P1",
        "RES3-P2",
        "RES3-P3",
        "RES3-P4",
        "RES3-P5",
        "RES3-P6",
        "RES4-P1",
        "RES4-P2",
        "RES5-P1",
        "RES5-P2",
        "RES5-P3",
        "RES5-P4",
      ]) {
        profils_[p] = {
          profils: [p]
        }
      }
    }
    return profils_;
  }

Replacement in src/common.ts at line 19 [46.223]

B:BD[46.721] → [46.721:799]

            (tarifLocal(p, i) * consoMoyenneFoyer(p, i) * p.autoprod) / 100 +

[46.721]

[46.799]

        ((p.prix * Math.pow(1+ p.inflation/100, i)) * consoMoyenneFoyer(p, i) * p.autoprod) / 100 +

Deletion in src/common.ts at line 27 [46.223]

B:BD[46.1004] → [46.1004:1133]

}
export function tarifLocal(p: Grain.SimulationCommunaute, i: number) {
    return p.prix * Math.pow(1 + p.inflation / 100, i)

Replacement in src/common.ts at line 29 [46.223]

B:BD[46.1136] → [46.1136:1293]

export function productionAnnuelle(p: Grain.SimulationCommunaute, i: number) {
    return p.productible * p.puissance * Math.pow(1 - p.degradation / 100, i)

[46.1136]

[46.1293]

export function productionAnnuelle(productible: number, puissance: number, degradation: number, i: number) {
    return productible * puissance * Math.pow(1 - degradation / 100, i)

Replacement in src/common.ts at line 34 [46.223]

B:BD[46.1374] → [46.1374:1454]

    return Math.min(p.consoMoyenneFoyer, productionAnnuelle(p, i) / p.autoprod)

[46.1374]

[46.1454]

    return Math.min(p.consoMoyenneFoyer, productionAnnuelle(p.productible, p.puissance, p.degradation, i) / p.autoprod)

Insertion in src/app.html at line 7 [13.867317]

[45.3073]

[47.1142]

        <link
            rel="stylesheet"
            href="%sveltekit.assets%/static/bootstrap-icons.css" />

Deletion in package.json at line 21 [13.868575]
B:BD[13.868805] → [13.868805:868859]
```
        "@cloudflare/workers-types": "^4.20231002.0",
```

Replacement in package.json at line 22 [13.868575]

B:BD[13.868896] → [13.868896:869032]

        "@sveltejs/adapter-auto": "next",
        "@sveltejs/adapter-cloudflare-workers": "^1.1.0",
        "@sveltejs/kit": "^1.16.2",

[13.868896]

[13.869032]

        "@sveltejs/adapter-node": "^5.2.0",
        "@sveltejs/kit": "^2.5.17",

Replacement in package.json at line 26 [13.868575]

B:BD[13.869101] → [13.869101:869148]

        "@types/leaflet.fullscreen": "^1.6.1",

[13.869101]

[13.869148]

        "@types/leaflet": "^1.9.12",
        "@types/leaflet.fullscreen": "^3.0.2",

Deletion in package.json at line 29 [13.868575]
B:BD[13.869188] → [13.869188:869224]
```
        "@types/suncalc": "^1.9.0",
```
Deletion in package.json at line 34 [13.868575]
B:BD[13.869431] → [13.869431:869474]
```
        "eslint-plugin-svelte3": "^4.0.0",
```
Replacement in package.json at line 37 [13.868575]
B:BD[13.869538] → [13.869538:869567]
```
        "svelte": "^3.57.0",
```
[13.869538]
[13.869567]
```
        "svelte": "^4.2.18",
```

Replacement in package.json at line 40 [13.868575]

B:BD[13.869633] → [13.869633:869713]

B:BD[13.869713] → [48.184:240]

        "typescript": "^5.0.2",
        "typescript-language-server": "^3.3.2",
        "vite": "^4.2.1",
        "wrangler": "^3.22.3"

[13.869633]

[13.869738]

        "typescript": "^5.5.2",
        "typescript-language-server": "^4.3.3",
        "vite": "^5.3.1"

Insertion in package.json at line 46 [13.868575]

[13.869789]

        "@sveltejs/kit": "^2.5.17",
        "@sveltejs/adapter-node": "^5.2.0",
        "@popperjs/core": "^2.11.7",
        "bootstrap": "^5.3.1",

Deletion in package.json at line 51 [13.868575]
B:BD[13.869813] → [27.371578:371610]
```
        "downsample": "^1.4.0",
```

Insertion in package.json at line 53 [13.868575]

[22.6670]

[48.241]

        "leaflet-gesture-handling": "^1.2.2",
        "leaflet.fullscreen": "^2.4.0",

Replacement in package.json at line 56 [13.868575]
∅:D[48.278] → [35.11985:12013]
B:BD[13.869844] → [35.11985:12013]
```
        "suncalc": "^1.9.0"
```
[48.278]
[13.869900]
```
        "screenfull": "^6.0.2"
```
Replacement in .svelte-kit/tsconfig.json at line 8 [3.63]
B:BD[3.146] → [3.146:183]
```
		"importsNotUsedAsValues": "error",
```
[3.146]
[3.183]
```
		"verbatimModuleSyntax": true,
```
Deletion in .svelte-kit/tsconfig.json at line 10 [3.63]
B:BD[3.210] → [3.210:242]
```
		"preserveValueImports": true,
```
Replacement in .svelte-kit/tsconfig.json at line 15 [3.63]
B:BD[3.299] → [3.299:329]
```
		"moduleResolution": "node",
```
[3.299]
[3.329]
```
		"moduleResolution": "bundler",
```
Replacement in .svelte-kit/tsconfig.json at line 18 [3.63]
B:BD[3.369] → [3.369:421]
```
		"target": "esnext",
		"ignoreDeprecations": "5.0"
```
[3.369]
[3.421]
```
		"target": "esnext"
```
Insertion in .svelte-kit/tsconfig.json at line 22 [3.63]
[3.457]
[3.457]
```
		"non-ambient.d.ts",
```
Deletion in .svelte-kit/tsconfig.json at line 35 [3.63]
B:BD[3.706] → [3.706:731]
```
		"./[!ambient.d.ts]**",
```

Restructuration (calculs côté serveur)

Dependencies

In channels

Change contents

Replacement in tsconfig.json at line 12 [13.29953]

Replacement in svelte.config.js at line 1 [13.30315]

Replacement in svelte.config.js at line 3 [13.30315]

Deletion in svelte.config.js at line 5 [13.30315]

Deletion in svelte.config.js at line 6 [13.30315]

File deletion: userdo.ts, index.ts

File deletion: Banque.svelte

File deletion: Conso.svelte

File addition: simulation (d--x------)

File move: Simulation.svelte → +page.svelte

Insertion in src/routes/projet/[id]/simulation/+page.svelte at line 4 [13.784923]

Replacement in src/routes/projet/[id]/simulation/+page.svelte at line 6 [13.784923]

Replacement in src/routes/projet/[id]/simulation/+page.svelte at line 10 [13.784923]

Replacement in src/routes/projet/[id]/simulation/+page.svelte at line 35 [13.784923]

Replacement in src/routes/projet/[id]/simulation/+page.svelte at line 37 [13.784923]

Replacement in src/routes/projet/[id]/simulation/+page.svelte at line 40 [13.784923]

Deletion in src/routes/projet/[id]/simulation/+page.svelte at line 42 [13.784923]

Replacement in src/routes/projet/[id]/simulation/+page.svelte at line 47 [13.784923]

Replacement in src/routes/projet/[id]/simulation/+page.svelte at line 57 [13.784923]

Insertion in src/routes/projet/[id]/simulation/+page.svelte at line 66 [13.784923]

Deletion in src/routes/projet/[id]/simulation/+page.svelte at line 69 [13.784923]

Deletion in src/routes/projet/[id]/simulation/+page.svelte at line 72 [13.784923]

Replacement in src/routes/projet/[id]/simulation/+page.svelte at line 78 [13.784923]

Deletion in src/routes/projet/[id]/simulation/+page.svelte at line 84 [13.784923]

Replacement in src/routes/projet/[id]/simulation/+page.svelte at line 85 [13.784923]

Deletion in src/routes/projet/[id]/simulation/+page.svelte at line 88 [13.784923]

Replacement in src/routes/projet/[id]/simulation/+page.svelte at line 89 [13.784923]

Replacement in src/routes/projet/[id]/simulation/+page.svelte at line 95 [13.784923]

Replacement in src/routes/projet/[id]/simulation/+page.svelte at line 104 [13.784923]

Replacement in src/routes/projet/[id]/simulation/+page.svelte at line 108 [13.784923]

Replacement in src/routes/projet/[id]/simulation/+page.svelte at line 111 [13.784923]

Replacement in src/routes/projet/[id]/simulation/+page.svelte at line 122 [13.784923]

Replacement in src/routes/projet/[id]/simulation/+page.svelte at line 125 [13.784923]

Replacement in src/routes/projet/[id]/simulation/+page.svelte at line 143 [13.784923]

Replacement in src/routes/projet/[id]/simulation/+page.svelte at line 156 [13.784923]

Replacement in src/routes/projet/[id]/simulation/+page.svelte at line 171 [13.784923]

Replacement in src/routes/projet/[id]/simulation/+page.svelte at line 184 [13.784923]

Insertion in src/routes/projet/[id]/simulation/+page.svelte at line 188 [13.784923]

Replacement in src/routes/projet/[id]/simulation/+page.svelte at line 192 [13.784923]

Deletion in src/routes/projet/[id]/simulation/+page.svelte at line 195 [13.784923]

Deletion in src/routes/projet/[id]/simulation/+page.svelte at line 196 [13.784923]

Deletion in src/routes/projet/[id]/simulation/+page.svelte at line 197 [13.784923]

Replacement in src/routes/projet/[id]/simulation/+page.svelte at line 198 [13.784923]

Replacement in src/routes/projet/[id]/simulation/+page.svelte at line 206 [13.784923]

Replacement in src/routes/projet/[id]/simulation/+page.svelte at line 210 [13.784923]

Replacement in src/routes/projet/[id]/simulation/+page.svelte at line 231 [13.784923]

Deletion in src/routes/projet/[id]/simulation/+page.svelte at line 234 [13.784923]

Replacement in src/routes/projet/[id]/simulation/+page.svelte at line 235 [13.784923]

Replacement in src/routes/projet/[id]/simulation/+page.svelte at line 238 [13.784923]

Replacement in src/routes/projet/[id]/simulation/+page.svelte at line 244 [13.784923]

Replacement in src/routes/projet/[id]/simulation/+page.svelte at line 267 [13.784923]

Replacement in src/routes/projet/[id]/simulation/+page.svelte at line 273 [13.784923]

Replacement in src/routes/projet/[id]/simulation/+page.svelte at line 278 [13.784923]

Insertion in src/routes/projet/[id]/simulation/+page.svelte at line 280 [13.784923]

Insertion in src/routes/projet/[id]/simulation/+page.svelte at line 284 [13.784923]

Replacement in src/routes/projet/[id]/simulation/+page.svelte at line 337 [13.784923]

Replacement in src/routes/projet/[id]/simulation/+page.svelte at line 359 [13.784923]

Replacement in src/routes/projet/[id]/simulation/+page.svelte at line 361 [13.784923]

Replacement in src/routes/projet/[id]/simulation/+page.svelte at line 368 [13.784923]

Replacement in src/routes/projet/[id]/simulation/+page.svelte at line 463 [13.784923]

Replacement in src/routes/projet/[id]/simulation/+page.svelte at line 468 [13.784923]

Insertion in src/routes/projet/[id]/simulation/+page.svelte at line 555 [13.784923]

Replacement in src/routes/projet/[id]/simulation/+page.svelte at line 587 [13.784923]

Deletion in src/routes/projet/[id]/simulation/+page.svelte at line 601 [13.784923]

Deletion in src/routes/projet/[id]/simulation/+page.svelte at line 602 [13.784923]

Deletion in src/routes/projet/[id]/simulation/+page.svelte at line 603 [13.784923]

Solving an order conflict in src/routes/projet/[id]/simulation/+page.svelte at line 603 [13.784923]

Insertion in src/routes/projet/[id]/simulation/+page.svelte at line 603 [13.784923]

File addition: finances (d--x------)

File addition: +page.svelte (----------)

File addition: expert (d--x------)

File addition: +page.svelte (----------)

File addition: description (d--x------)

File move: Description.svelte → +page.svelte

Replacement in src/routes/projet/[id]/description/+page.svelte at line 2 [22.869]

Replacement in src/routes/projet/[id]/description/+page.svelte at line 8 [22.869]