"exclude": ["node_modules", "dist", "test"],
	"compilerOptions": {
		/* Visit https://aka.ms/tsconfig.json to read more about this file */

    "exclude": ["node_modules", "dist", "test"],
    "compilerOptions": {
        /* Visit https://aka.ms/tsconfig.json to read more about this file */

		/* Projects */
		"incremental": true,                              /* Enable incremental compilation */
		// "composite": true,                                /* Enable constraints that allow a TypeScript project to be used with project references. */
		// "tsBuildInfoFile": "./",                          /* Specify the folder for .tsbuildinfo incremental compilation files. */
		// "disableSourceOfProjectReferenceRedirect": true,  /* Disable preferring source files instead of declaration files when referencing composite projects */
		// "disableSolutionSearching": true,                 /* Opt a project out of multi-project reference checking when editing. */
		// "disableReferencedProjectLoad": true,             /* Reduce the number of projects loaded automatically by TypeScript. */

        /* Projects */
        "incremental": true /* Enable incremental compilation */,
        // "composite": true,                                /* Enable constraints that allow a TypeScript project to be used with project references. */
        // "tsBuildInfoFile": "./",                          /* Specify the folder for .tsbuildinfo incremental compilation files. */
        // "disableSourceOfProjectReferenceRedirect": true,  /* Disable preferring source files instead of declaration files when referencing composite projects */
        // "disableSolutionSearching": true,                 /* Opt a project out of multi-project reference checking when editing. */
        // "disableReferencedProjectLoad": true,             /* Reduce the number of projects loaded automatically by TypeScript. */

		/* Language and Environment */
		"target": "es2020" /* Set the JavaScript language version for emitted JavaScript and include compatible library declarations. */,
		"lib": [
			"es2020"
		] /* Specify a set of bundled library declaration files that describe the target runtime environment. */,
		"jsx": "react" /* Specify what JSX code is generated. */,
		// "experimentalDecorators": true,                   /* Enable experimental support for TC39 stage 2 draft decorators. */
		// "emitDecoratorMetadata": true,                    /* Emit design-type metadata for decorated declarations in source files. */
		// "jsxFactory": "",                                 /* Specify the JSX factory function used when targeting React JSX emit, e.g. 'React.createElement' or 'h' */
		// "jsxFragmentFactory": "",                         /* Specify the JSX Fragment reference used for fragments when targeting React JSX emit e.g. 'React.Fragment' or 'Fragment'. */
		// "jsxImportSource": "",                            /* Specify module specifier used to import the JSX factory functions when using `jsx: react-jsx*`.` */
		// "reactNamespace": "",                             /* Specify the object invoked for `createElement`. This only applies when targeting `react` JSX emit. */
		// "noLib": true,                                    /* Disable including any library files, including the default lib.d.ts. */
		// "useDefineForClassFields": true,                  /* Emit ECMAScript-standard-compliant class fields. */

        /* Language and Environment */
        "target": "es2020" /* Set the JavaScript language version for emitted JavaScript and include compatible library declarations. */,
        "lib": [
            "es2020"
        ] /* Specify a set of bundled library declaration files that describe the target runtime environment. */,
        "jsx": "react" /* Specify what JSX code is generated. */,
        // "experimentalDecorators": true,                   /* Enable experimental support for TC39 stage 2 draft decorators. */
        // "emitDecoratorMetadata": true,                    /* Emit design-type metadata for decorated declarations in source files. */
        // "jsxFactory": "",                                 /* Specify the JSX factory function used when targeting React JSX emit, e.g. 'React.createElement' or 'h' */
        // "jsxFragmentFactory": "",                         /* Specify the JSX Fragment reference used for fragments when targeting React JSX emit e.g. 'React.Fragment' or 'Fragment'. */
        // "jsxImportSource": "",                            /* Specify module specifier used to import the JSX factory functions when using `jsx: react-jsx*`.` */
        // "reactNamespace": "",                             /* Specify the object invoked for `createElement`. This only applies when targeting `react` JSX emit. */
        // "noLib": true,                                    /* Disable including any library files, including the default lib.d.ts. */
        // "useDefineForClassFields": true,                  /* Emit ECMAScript-standard-compliant class fields. */

		/* Modules */
		"module": "es2020" /* Specify what module code is generated. */,
		// "rootDir": "./",                                  /* Specify the root folder within your source files. */
		"moduleResolution": "node" /* Specify how TypeScript looks up a file from a given module specifier. */,
		// "baseUrl": "./",                                  /* Specify the base directory to resolve non-relative module names. */
		// "paths": {},                                      /* Specify a set of entries that re-map imports to additional lookup locations. */
		// "rootDirs": [],                                   /* Allow multiple folders to be treated as one when resolving modules. */
		// "typeRoots": [],                                  /* Specify multiple folders that act like `./node_modules/@types`. */
		"types": [
			"@cloudflare/workers-types",
			"@types/jest",
		] /* Specify type package names to be included without being referenced in a source file. */,
		// "allowUmdGlobalAccess": true,                     /* Allow accessing UMD globals from modules. */
		"resolveJsonModule": true /* Enable importing .json files */,
		// "noResolve": true,                                /* Disallow `import`s, `require`s or `<reference>`s from expanding the number of files TypeScript should add to a project. */

        /* Modules */
        "module": "es2020" /* Specify what module code is generated. */,
        // "rootDir": "./",                                  /* Specify the root folder within your source files. */
        "moduleResolution": "node" /* Specify how TypeScript looks up a file from a given module specifier. */,
        // "baseUrl": "./",                                  /* Specify the base directory to resolve non-relative module names. */
        // "paths": {},                                      /* Specify a set of entries that re-map imports to additional lookup locations. */
        // "rootDirs": [],                                   /* Allow multiple folders to be treated as one when resolving modules. */
        // "typeRoots": [],                                  /* Specify multiple folders that act like `./node_modules/@types`. */
        "types": [
            "@cloudflare/workers-types",
            "@types/jest"
        ] /* Specify type package names to be included without being referenced in a source file. */,
        // "allowUmdGlobalAccess": true,                     /* Allow accessing UMD globals from modules. */
        "resolveJsonModule": true /* Enable importing .json files */,
        // "noResolve": true,                                /* Disallow `import`s, `require`s or `<reference>`s from expanding the number of files TypeScript should add to a project. */

		/* JavaScript Support */
		"allowJs": true /* Allow JavaScript files to be a part of your program. Use the `checkJS` option to get errors from these files. */,
		"checkJs": false /* Enable error reporting in type-checked JavaScript files. */,
		// "maxNodeModuleJsDepth": 1,                        /* Specify the maximum folder depth used for checking JavaScript files from `node_modules`. Only applicable with `allowJs`. */

        /* JavaScript Support */
        "allowJs": true /* Allow JavaScript files to be a part of your program. Use the `checkJS` option to get errors from these files. */,
        "checkJs": false /* Enable error reporting in type-checked JavaScript files. */,
        // "maxNodeModuleJsDepth": 1,                        /* Specify the maximum folder depth used for checking JavaScript files from `node_modules`. Only applicable with `allowJs`. */

		/* Emit */
		// "declaration": true,                              /* Generate .d.ts files from TypeScript and JavaScript files in your project. */
		// "declarationMap": true,                           /* Create sourcemaps for d.ts files. */
		// "emitDeclarationOnly": true,                      /* Only output d.ts files and not JavaScript files. */
		// "sourceMap": true,                                /* Create source map files for emitted JavaScript files. */
		// "outFile": "./",                                  /* Specify a file that bundles all outputs into one JavaScript file. If `declaration` is true, also designates a file that bundles all .d.ts output. */
		// "outDir": "./",                                   /* Specify an output folder for all emitted files. */
		// "removeComments": true,                           /* Disable emitting comments. */
		"noEmit": true /* Disable emitting files from a compilation. */,
		// "importHelpers": true,                            /* Allow importing helper functions from tslib once per project, instead of including them per-file. */
		// "importsNotUsedAsValues": "remove",               /* Specify emit/checking behavior for imports that are only used for types */
		// "downlevelIteration": true,                       /* Emit more compliant, but verbose and less performant JavaScript for iteration. */
		// "sourceRoot": "",                                 /* Specify the root path for debuggers to find the reference source code. */
		// "mapRoot": "",                                    /* Specify the location where debugger should locate map files instead of generated locations. */
		// "inlineSourceMap": true,                          /* Include sourcemap files inside the emitted JavaScript. */
		// "inlineSources": true,                            /* Include source code in the sourcemaps inside the emitted JavaScript. */
		// "emitBOM": true,                                  /* Emit a UTF-8 Byte Order Mark (BOM) in the beginning of output files. */
		// "newLine": "crlf",                                /* Set the newline character for emitting files. */
		// "stripInternal": true,                            /* Disable emitting declarations that have `@internal` in their JSDoc comments. */
		// "noEmitHelpers": true,                            /* Disable generating custom helper functions like `__extends` in compiled output. */
		// "noEmitOnError": true,                            /* Disable emitting files if any type checking errors are reported. */
		// "preserveConstEnums": true,                       /* Disable erasing `const enum` declarations in generated code. */
		// "declarationDir": "./",                           /* Specify the output directory for generated declaration files. */
		// "preserveValueImports": true,                     /* Preserve unused imported values in the JavaScript output that would otherwise be removed. */

        /* Emit */
        // "declaration": true,                              /* Generate .d.ts files from TypeScript and JavaScript files in your project. */
        // "declarationMap": true,                           /* Create sourcemaps for d.ts files. */
        // "emitDeclarationOnly": true,                      /* Only output d.ts files and not JavaScript files. */
        // "sourceMap": true,                                /* Create source map files for emitted JavaScript files. */
        // "outFile": "./",                                  /* Specify a file that bundles all outputs into one JavaScript file. If `declaration` is true, also designates a file that bundles all .d.ts output. */
        // "outDir": "./",                                   /* Specify an output folder for all emitted files. */
        // "removeComments": true,                           /* Disable emitting comments. */
        "noEmit": true /* Disable emitting files from a compilation. */,
        // "importHelpers": true,                            /* Allow importing helper functions from tslib once per project, instead of including them per-file. */
        // "importsNotUsedAsValues": "remove",               /* Specify emit/checking behavior for imports that are only used for types */
        // "downlevelIteration": true,                       /* Emit more compliant, but verbose and less performant JavaScript for iteration. */
        // "sourceRoot": "",                                 /* Specify the root path for debuggers to find the reference source code. */
        // "mapRoot": "",                                    /* Specify the location where debugger should locate map files instead of generated locations. */
        // "inlineSourceMap": true,                          /* Include sourcemap files inside the emitted JavaScript. */
        // "inlineSources": true,                            /* Include source code in the sourcemaps inside the emitted JavaScript. */
        // "emitBOM": true,                                  /* Emit a UTF-8 Byte Order Mark (BOM) in the beginning of output files. */
        // "newLine": "crlf",                                /* Set the newline character for emitting files. */
        // "stripInternal": true,                            /* Disable emitting declarations that have `@internal` in their JSDoc comments. */
        // "noEmitHelpers": true,                            /* Disable generating custom helper functions like `__extends` in compiled output. */
        // "noEmitOnError": true,                            /* Disable emitting files if any type checking errors are reported. */
        // "preserveConstEnums": true,                       /* Disable erasing `const enum` declarations in generated code. */
        // "declarationDir": "./",                           /* Specify the output directory for generated declaration files. */
        // "preserveValueImports": true,                     /* Preserve unused imported values in the JavaScript output that would otherwise be removed. */

		/* Interop Constraints */
		"isolatedModules": true /* Ensure that each file can be safely transpiled without relying on other imports. */,
		"allowSyntheticDefaultImports": true /* Allow 'import x from y' when a module doesn't have a default export. */,
		"esModuleInterop": true /* Emit additional JavaScript to ease support for importing CommonJS modules. This enables `allowSyntheticDefaultImports` for type compatibility. */,
		// "preserveSymlinks": true,                         /* Disable resolving symlinks to their realpath. This correlates to the same flag in node. */
		"forceConsistentCasingInFileNames": true /* Ensure that casing is correct in imports. */,

        /* Interop Constraints */
        "isolatedModules": true /* Ensure that each file can be safely transpiled without relying on other imports. */,
        "allowSyntheticDefaultImports": true /* Allow 'import x from y' when a module doesn't have a default export. */,
        "esModuleInterop": true /* Emit additional JavaScript to ease support for importing CommonJS modules. This enables `allowSyntheticDefaultImports` for type compatibility. */,
        // "preserveSymlinks": true,                         /* Disable resolving symlinks to their realpath. This correlates to the same flag in node. */
        "forceConsistentCasingInFileNames": true /* Ensure that casing is correct in imports. */,

		/* Type Checking */
		"strict": true /* Enable all strict type-checking options. */,
		// "noImplicitAny": true,                            /* Enable error reporting for expressions and declarations with an implied `any` type.. */
		// "strictNullChecks": true,                         /* When type checking, take into account `null` and `undefined`. */
		// "strictFunctionTypes": true,                      /* When assigning functions, check to ensure parameters and the return values are subtype-compatible. */
		// "strictBindCallApply": true,                      /* Check that the arguments for `bind`, `call`, and `apply` methods match the original function. */
		// "strictPropertyInitialization": true,             /* Check for class properties that are declared but not set in the constructor. */
		// "noImplicitThis": true,                           /* Enable error reporting when `this` is given the type `any`. */
		// "useUnknownInCatchVariables": true,               /* Type catch clause variables as 'unknown' instead of 'any'. */
		// "alwaysStrict": true,                             /* Ensure 'use strict' is always emitted. */
		// "noUnusedLocals": true,                           /* Enable error reporting when a local variables aren't read. */
		// "noUnusedParameters": true,                       /* Raise an error when a function parameter isn't read */
		// "exactOptionalPropertyTypes": true,               /* Interpret optional property types as written, rather than adding 'undefined'. */
		// "noImplicitReturns": true,                        /* Enable error reporting for codepaths that do not explicitly return in a function. */
		// "noFallthroughCasesInSwitch": true,               /* Enable error reporting for fallthrough cases in switch statements. */
		// "noUncheckedIndexedAccess": true,                 /* Include 'undefined' in index signature results */
		// "noImplicitOverride": true,                       /* Ensure overriding members in derived classes are marked with an override modifier. */
		// "noPropertyAccessFromIndexSignature": true,       /* Enforces using indexed accessors for keys declared using an indexed type */
		// "allowUnusedLabels": true,                        /* Disable error reporting for unused labels. */
		// "allowUnreachableCode": true,                     /* Disable error reporting for unreachable code. */

        /* Type Checking */
        "strict": true /* Enable all strict type-checking options. */,
        // "noImplicitAny": true,                            /* Enable error reporting for expressions and declarations with an implied `any` type.. */
        // "strictNullChecks": true,                         /* When type checking, take into account `null` and `undefined`. */
        // "strictFunctionTypes": true,                      /* When assigning functions, check to ensure parameters and the return values are subtype-compatible. */
        // "strictBindCallApply": true,                      /* Check that the arguments for `bind`, `call`, and `apply` methods match the original function. */
        // "strictPropertyInitialization": true,             /* Check for class properties that are declared but not set in the constructor. */
        // "noImplicitThis": true,                           /* Enable error reporting when `this` is given the type `any`. */
        // "useUnknownInCatchVariables": true,               /* Type catch clause variables as 'unknown' instead of 'any'. */
        // "alwaysStrict": true,                             /* Ensure 'use strict' is always emitted. */
        // "noUnusedLocals": true,                           /* Enable error reporting when a local variables aren't read. */
        // "noUnusedParameters": true,                       /* Raise an error when a function parameter isn't read */
        // "exactOptionalPropertyTypes": true,               /* Interpret optional property types as written, rather than adding 'undefined'. */
        // "noImplicitReturns": true,                        /* Enable error reporting for codepaths that do not explicitly return in a function. */
        // "noFallthroughCasesInSwitch": true,               /* Enable error reporting for fallthrough cases in switch statements. */
        // "noUncheckedIndexedAccess": true,                 /* Include 'undefined' in index signature results */
        // "noImplicitOverride": true,                       /* Ensure overriding members in derived classes are marked with an override modifier. */
        // "noPropertyAccessFromIndexSignature": true,       /* Enforces using indexed accessors for keys declared using an indexed type */
        // "allowUnusedLabels": true,                        /* Disable error reporting for unused labels. */
        // "allowUnreachableCode": true,                     /* Disable error reporting for unreachable code. */

		/* Completeness */
		// "skipDefaultLibCheck": true,                      /* Skip type checking .d.ts files that are included with TypeScript. */
		"skipLibCheck": true /* Skip type checking all .d.ts files. */
	}

        /* Completeness */
        // "skipDefaultLibCheck": true,                      /* Skip type checking .d.ts files that are included with TypeScript. */
        "skipLibCheck": true /* Skip type checking all .d.ts files. */
    }

import type { Grain } from "../../grain/src/helpers"

import type { Grain } from '../../grain/src/helpers'

        console.log("parsing json")

        console.log('parsing json')

        let headers = new Headers();
        headers.set("Content-Type", "application/json");

        let headers = new Headers()
        headers.set('Content-Type', 'application/json')

        if ("ListProjets" in json) {
            return new Response(JSON.stringify(await this.listprojets()), { headers })

        if ('ListProjets' in json) {
            return new Response(JSON.stringify(await this.listprojets()), {
                headers,
            })

        if ("CreateProjet" in json) {

        if ('CreateProjet' in json) {

            this.state.storage.put(
                `pi.${id}`,
                {
                    name: json.CreateProjet.name,
                    porteur: json.CreateProjet.porteur,
                    tel: json.CreateProjet.tel,
                    adresse: json.CreateProjet.adresse,
                    simulation: json.CreateProjet.simulation,
                    t: Date.now(),
                }
            )
            console.log("saved", id)

            this.state.storage.put(`pi.${id}`, {
                name: json.CreateProjet.name,
                porteur: json.CreateProjet.porteur,
                tel: json.CreateProjet.tel,
                adresse: json.CreateProjet.adresse,
                simulation: json.CreateProjet.simulation,
                t: Date.now(),
            })
            console.log('saved', id)

        if ("SaveProjet" in json) {
            let x: undefined | Grain.GetProjetResp = await this.state.storage.get(`pi.${json.SaveProjet.id}`)

        if ('SaveProjet' in json) {
            let x: undefined | Grain.GetProjetResp =
                await this.state.storage.get(`pi.${json.SaveProjet.id}`)

                console.log("no such project")

                console.log('no such project')

            return new Response("null", { headers })

            return new Response('null', { headers })

        if ("GetProjet" in json) {
            let resp = <Grain.GetProjetResp> await this.state.storage.get(
                `pi.${json.GetProjet}`

        if ('GetProjet' in json) {
            let resp = <Grain.GetProjetResp>(
                await this.state.storage.get(`pi.${json.GetProjet}`)

            console.log("resp", JSON.stringify(resp))
            if(resp) {

            console.log('resp', JSON.stringify(resp))
            if (resp) {

        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}`
                )

        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}`)

            return new Response("null", { headers })

            return new Response('null', { headers })

        const exhaustiveCheck: never = json;

        const exhaustiveCheck: never = json

        let keys: Map<string, { id: string, name: string, simulation: Grain.SimulationCommunaute, t: number }> = await this.state.storage.list(opts)

        let keys: Map<
            string,
            {
                id: string
                name: string
                simulation: Grain.SimulationCommunaute
                t: number
            }
        > = await this.state.storage.list(opts)

  "exclude": ["node_modules", "dist", "test"],
	"compilerOptions": {
		/* Visit https://aka.ms/tsconfig.json to read more about this file */

    "exclude": ["node_modules", "dist", "test"],
    "compilerOptions": {
        /* Visit https://aka.ms/tsconfig.json to read more about this file */

		/* Projects */
		"incremental": true,                              /* Enable incremental compilation */
		// "composite": true,                                /* Enable constraints that allow a TypeScript project to be used with project references. */
		// "tsBuildInfoFile": "./",                          /* Specify the folder for .tsbuildinfo incremental compilation files. */
		// "disableSourceOfProjectReferenceRedirect": true,  /* Disable preferring source files instead of declaration files when referencing composite projects */
		// "disableSolutionSearching": true,                 /* Opt a project out of multi-project reference checking when editing. */
		// "disableReferencedProjectLoad": true,             /* Reduce the number of projects loaded automatically by TypeScript. */

        /* Projects */
        "incremental": true /* Enable incremental compilation */,
        // "composite": true,                                /* Enable constraints that allow a TypeScript project to be used with project references. */
        // "tsBuildInfoFile": "./",                          /* Specify the folder for .tsbuildinfo incremental compilation files. */
        // "disableSourceOfProjectReferenceRedirect": true,  /* Disable preferring source files instead of declaration files when referencing composite projects */
        // "disableSolutionSearching": true,                 /* Opt a project out of multi-project reference checking when editing. */
        // "disableReferencedProjectLoad": true,             /* Reduce the number of projects loaded automatically by TypeScript. */

		/* Language and Environment */
		"target": "es2020" /* Set the JavaScript language version for emitted JavaScript and include compatible library declarations. */,
		"lib": [
			"es2020"
		] /* Specify a set of bundled library declaration files that describe the target runtime environment. */,
		"jsx": "react" /* Specify what JSX code is generated. */,
		// "experimentalDecorators": true,                   /* Enable experimental support for TC39 stage 2 draft decorators. */
		// "emitDecoratorMetadata": true,                    /* Emit design-type metadata for decorated declarations in source files. */
		// "jsxFactory": "",                                 /* Specify the JSX factory function used when targeting React JSX emit, e.g. 'React.createElement' or 'h' */
		// "jsxFragmentFactory": "",                         /* Specify the JSX Fragment reference used for fragments when targeting React JSX emit e.g. 'React.Fragment' or 'Fragment'. */
		// "jsxImportSource": "",                            /* Specify module specifier used to import the JSX factory functions when using `jsx: react-jsx*`.` */
		// "reactNamespace": "",                             /* Specify the object invoked for `createElement`. This only applies when targeting `react` JSX emit. */
		// "noLib": true,                                    /* Disable including any library files, including the default lib.d.ts. */
		// "useDefineForClassFields": true,                  /* Emit ECMAScript-standard-compliant class fields. */

        /* Language and Environment */
        "target": "es2020" /* Set the JavaScript language version for emitted JavaScript and include compatible library declarations. */,
        "lib": [
            "es2020"
        ] /* Specify a set of bundled library declaration files that describe the target runtime environment. */,
        "jsx": "react" /* Specify what JSX code is generated. */,
        // "experimentalDecorators": true,                   /* Enable experimental support for TC39 stage 2 draft decorators. */
        // "emitDecoratorMetadata": true,                    /* Emit design-type metadata for decorated declarations in source files. */
        // "jsxFactory": "",                                 /* Specify the JSX factory function used when targeting React JSX emit, e.g. 'React.createElement' or 'h' */
        // "jsxFragmentFactory": "",                         /* Specify the JSX Fragment reference used for fragments when targeting React JSX emit e.g. 'React.Fragment' or 'Fragment'. */
        // "jsxImportSource": "",                            /* Specify module specifier used to import the JSX factory functions when using `jsx: react-jsx*`.` */
        // "reactNamespace": "",                             /* Specify the object invoked for `createElement`. This only applies when targeting `react` JSX emit. */
        // "noLib": true,                                    /* Disable including any library files, including the default lib.d.ts. */
        // "useDefineForClassFields": true,                  /* Emit ECMAScript-standard-compliant class fields. */

		/* Modules */
		"module": "es2020" /* Specify what module code is generated. */,
		// "rootDir": "./",                                  /* Specify the root folder within your source files. */
		"moduleResolution": "node" /* Specify how TypeScript looks up a file from a given module specifier. */,
		// "baseUrl": "./",                                  /* Specify the base directory to resolve non-relative module names. */
		// "paths": {},                                      /* Specify a set of entries that re-map imports to additional lookup locations. */
		// "rootDirs": [],                                   /* Allow multiple folders to be treated as one when resolving modules. */
		// "typeRoots": [],                                  /* Specify multiple folders that act like `./node_modules/@types`. */
		"types": [
			"@cloudflare/workers-types",
			"@types/jest",
		] /* Specify type package names to be included without being referenced in a source file. */,
		// "allowUmdGlobalAccess": true,                     /* Allow accessing UMD globals from modules. */
		"resolveJsonModule": true /* Enable importing .json files */,
		// "noResolve": true,                                /* Disallow `import`s, `require`s or `<reference>`s from expanding the number of files TypeScript should add to a project. */

        /* Modules */
        "module": "es2020" /* Specify what module code is generated. */,
        // "rootDir": "./",                                  /* Specify the root folder within your source files. */
        "moduleResolution": "node" /* Specify how TypeScript looks up a file from a given module specifier. */,
        // "baseUrl": "./",                                  /* Specify the base directory to resolve non-relative module names. */
        // "paths": {},                                      /* Specify a set of entries that re-map imports to additional lookup locations. */
        // "rootDirs": [],                                   /* Allow multiple folders to be treated as one when resolving modules. */
        // "typeRoots": [],                                  /* Specify multiple folders that act like `./node_modules/@types`. */
        "types": [
            "@cloudflare/workers-types",
            "@types/jest"
        ] /* Specify type package names to be included without being referenced in a source file. */,
        // "allowUmdGlobalAccess": true,                     /* Allow accessing UMD globals from modules. */
        "resolveJsonModule": true /* Enable importing .json files */,
        // "noResolve": true,                                /* Disallow `import`s, `require`s or `<reference>`s from expanding the number of files TypeScript should add to a project. */

		/* JavaScript Support */
		"allowJs": true /* Allow JavaScript files to be a part of your program. Use the `checkJS` option to get errors from these files. */,
		"checkJs": false /* Enable error reporting in type-checked JavaScript files. */,
		// "maxNodeModuleJsDepth": 1,                        /* Specify the maximum folder depth used for checking JavaScript files from `node_modules`. Only applicable with `allowJs`. */

        /* JavaScript Support */
        "allowJs": true /* Allow JavaScript files to be a part of your program. Use the `checkJS` option to get errors from these files. */,
        "checkJs": false /* Enable error reporting in type-checked JavaScript files. */,
        // "maxNodeModuleJsDepth": 1,                        /* Specify the maximum folder depth used for checking JavaScript files from `node_modules`. Only applicable with `allowJs`. */

		/* Emit */
		// "declaration": true,                              /* Generate .d.ts files from TypeScript and JavaScript files in your project. */
		// "declarationMap": true,                           /* Create sourcemaps for d.ts files. */
		// "emitDeclarationOnly": true,                      /* Only output d.ts files and not JavaScript files. */
		// "sourceMap": true,                                /* Create source map files for emitted JavaScript files. */
		// "outFile": "./",                                  /* Specify a file that bundles all outputs into one JavaScript file. If `declaration` is true, also designates a file that bundles all .d.ts output. */
		// "outDir": "./",                                   /* Specify an output folder for all emitted files. */
		// "removeComments": true,                           /* Disable emitting comments. */
		"noEmit": true /* Disable emitting files from a compilation. */,
		// "importHelpers": true,                            /* Allow importing helper functions from tslib once per project, instead of including them per-file. */
		// "importsNotUsedAsValues": "remove",               /* Specify emit/checking behavior for imports that are only used for types */
		// "downlevelIteration": true,                       /* Emit more compliant, but verbose and less performant JavaScript for iteration. */
		// "sourceRoot": "",                                 /* Specify the root path for debuggers to find the reference source code. */
		// "mapRoot": "",                                    /* Specify the location where debugger should locate map files instead of generated locations. */
		// "inlineSourceMap": true,                          /* Include sourcemap files inside the emitted JavaScript. */
		// "inlineSources": true,                            /* Include source code in the sourcemaps inside the emitted JavaScript. */
		// "emitBOM": true,                                  /* Emit a UTF-8 Byte Order Mark (BOM) in the beginning of output files. */
		// "newLine": "crlf",                                /* Set the newline character for emitting files. */
		// "stripInternal": true,                            /* Disable emitting declarations that have `@internal` in their JSDoc comments. */
		// "noEmitHelpers": true,                            /* Disable generating custom helper functions like `__extends` in compiled output. */
		// "noEmitOnError": true,                            /* Disable emitting files if any type checking errors are reported. */
		// "preserveConstEnums": true,                       /* Disable erasing `const enum` declarations in generated code. */
		// "declarationDir": "./",                           /* Specify the output directory for generated declaration files. */
		// "preserveValueImports": true,                     /* Preserve unused imported values in the JavaScript output that would otherwise be removed. */

        /* Emit */
        // "declaration": true,                              /* Generate .d.ts files from TypeScript and JavaScript files in your project. */
        // "declarationMap": true,                           /* Create sourcemaps for d.ts files. */
        // "emitDeclarationOnly": true,                      /* Only output d.ts files and not JavaScript files. */
        // "sourceMap": true,                                /* Create source map files for emitted JavaScript files. */
        // "outFile": "./",                                  /* Specify a file that bundles all outputs into one JavaScript file. If `declaration` is true, also designates a file that bundles all .d.ts output. */
        // "outDir": "./",                                   /* Specify an output folder for all emitted files. */
        // "removeComments": true,                           /* Disable emitting comments. */
        "noEmit": true /* Disable emitting files from a compilation. */,
        // "importHelpers": true,                            /* Allow importing helper functions from tslib once per project, instead of including them per-file. */
        // "importsNotUsedAsValues": "remove",               /* Specify emit/checking behavior for imports that are only used for types */
        // "downlevelIteration": true,                       /* Emit more compliant, but verbose and less performant JavaScript for iteration. */
        // "sourceRoot": "",                                 /* Specify the root path for debuggers to find the reference source code. */
        // "mapRoot": "",                                    /* Specify the location where debugger should locate map files instead of generated locations. */
        // "inlineSourceMap": true,                          /* Include sourcemap files inside the emitted JavaScript. */
        // "inlineSources": true,                            /* Include source code in the sourcemaps inside the emitted JavaScript. */
        // "emitBOM": true,                                  /* Emit a UTF-8 Byte Order Mark (BOM) in the beginning of output files. */
        // "newLine": "crlf",                                /* Set the newline character for emitting files. */
        // "stripInternal": true,                            /* Disable emitting declarations that have `@internal` in their JSDoc comments. */
        // "noEmitHelpers": true,                            /* Disable generating custom helper functions like `__extends` in compiled output. */
        // "noEmitOnError": true,                            /* Disable emitting files if any type checking errors are reported. */
        // "preserveConstEnums": true,                       /* Disable erasing `const enum` declarations in generated code. */
        // "declarationDir": "./",                           /* Specify the output directory for generated declaration files. */
        // "preserveValueImports": true,                     /* Preserve unused imported values in the JavaScript output that would otherwise be removed. */

		/* Interop Constraints */
		"isolatedModules": true /* Ensure that each file can be safely transpiled without relying on other imports. */,
		"allowSyntheticDefaultImports": true /* Allow 'import x from y' when a module doesn't have a default export. */,
		"esModuleInterop": true /* Emit additional JavaScript to ease support for importing CommonJS modules. This enables `allowSyntheticDefaultImports` for type compatibility. */,
		// "preserveSymlinks": true,                         /* Disable resolving symlinks to their realpath. This correlates to the same flag in node. */
		"forceConsistentCasingInFileNames": true /* Ensure that casing is correct in imports. */,

        /* Interop Constraints */
        "isolatedModules": true /* Ensure that each file can be safely transpiled without relying on other imports. */,
        "allowSyntheticDefaultImports": true /* Allow 'import x from y' when a module doesn't have a default export. */,
        "esModuleInterop": true /* Emit additional JavaScript to ease support for importing CommonJS modules. This enables `allowSyntheticDefaultImports` for type compatibility. */,
        // "preserveSymlinks": true,                         /* Disable resolving symlinks to their realpath. This correlates to the same flag in node. */
        "forceConsistentCasingInFileNames": true /* Ensure that casing is correct in imports. */,

		/* Type Checking */
		"strict": true /* Enable all strict type-checking options. */,
		// "noImplicitAny": true,                            /* Enable error reporting for expressions and declarations with an implied `any` type.. */
		// "strictNullChecks": true,                         /* When type checking, take into account `null` and `undefined`. */
		// "strictFunctionTypes": true,                      /* When assigning functions, check to ensure parameters and the return values are subtype-compatible. */
		// "strictBindCallApply": true,                      /* Check that the arguments for `bind`, `call`, and `apply` methods match the original function. */
		// "strictPropertyInitialization": true,             /* Check for class properties that are declared but not set in the constructor. */
		// "noImplicitThis": true,                           /* Enable error reporting when `this` is given the type `any`. */
		// "useUnknownInCatchVariables": true,               /* Type catch clause variables as 'unknown' instead of 'any'. */
		// "alwaysStrict": true,                             /* Ensure 'use strict' is always emitted. */
		// "noUnusedLocals": true,                           /* Enable error reporting when a local variables aren't read. */
		// "noUnusedParameters": true,                       /* Raise an error when a function parameter isn't read */
		// "exactOptionalPropertyTypes": true,               /* Interpret optional property types as written, rather than adding 'undefined'. */
		// "noImplicitReturns": true,                        /* Enable error reporting for codepaths that do not explicitly return in a function. */
		// "noFallthroughCasesInSwitch": true,               /* Enable error reporting for fallthrough cases in switch statements. */
		// "noUncheckedIndexedAccess": true,                 /* Include 'undefined' in index signature results */
		// "noImplicitOverride": true,                       /* Ensure overriding members in derived classes are marked with an override modifier. */
		// "noPropertyAccessFromIndexSignature": true,       /* Enforces using indexed accessors for keys declared using an indexed type */
		// "allowUnusedLabels": true,                        /* Disable error reporting for unused labels. */
		// "allowUnreachableCode": true,                     /* Disable error reporting for unreachable code. */

        /* Type Checking */
        "strict": true /* Enable all strict type-checking options. */,
        // "noImplicitAny": true,                            /* Enable error reporting for expressions and declarations with an implied `any` type.. */
        // "strictNullChecks": true,                         /* When type checking, take into account `null` and `undefined`. */
        // "strictFunctionTypes": true,                      /* When assigning functions, check to ensure parameters and the return values are subtype-compatible. */
        // "strictBindCallApply": true,                      /* Check that the arguments for `bind`, `call`, and `apply` methods match the original function. */
        // "strictPropertyInitialization": true,             /* Check for class properties that are declared but not set in the constructor. */
        // "noImplicitThis": true,                           /* Enable error reporting when `this` is given the type `any`. */
        // "useUnknownInCatchVariables": true,               /* Type catch clause variables as 'unknown' instead of 'any'. */
        // "alwaysStrict": true,                             /* Ensure 'use strict' is always emitted. */
        // "noUnusedLocals": true,                           /* Enable error reporting when a local variables aren't read. */
        // "noUnusedParameters": true,                       /* Raise an error when a function parameter isn't read */
        // "exactOptionalPropertyTypes": true,               /* Interpret optional property types as written, rather than adding 'undefined'. */
        // "noImplicitReturns": true,                        /* Enable error reporting for codepaths that do not explicitly return in a function. */
        // "noFallthroughCasesInSwitch": true,               /* Enable error reporting for fallthrough cases in switch statements. */
        // "noUncheckedIndexedAccess": true,                 /* Include 'undefined' in index signature results */
        // "noImplicitOverride": true,                       /* Ensure overriding members in derived classes are marked with an override modifier. */
        // "noPropertyAccessFromIndexSignature": true,       /* Enforces using indexed accessors for keys declared using an indexed type */
        // "allowUnusedLabels": true,                        /* Disable error reporting for unused labels. */
        // "allowUnreachableCode": true,                     /* Disable error reporting for unreachable code. */

		/* Completeness */
		// "skipDefaultLibCheck": true,                      /* Skip type checking .d.ts files that are included with TypeScript. */
		"skipLibCheck": true /* Skip type checking all .d.ts files. */
	}

        /* Completeness */
        // "skipDefaultLibCheck": true,                      /* Skip type checking .d.ts files that are included with TypeScript. */
        "skipLibCheck": true /* Skip type checking all .d.ts files. */
    }

    ADDR: string,
    ign: KVNamespace,

    ADDR: string
    ign: KVNamespace

        let ref = request.headers.get("Referer")

        let ref = request.headers.get('Referer')

        if (!(ref?.startsWith(env.ADDR))) {
            return new Response("", { status: 400 })

        if (!ref?.startsWith(env.ADDR)) {
            return new Response('', { status: 400 })
        }
        let coords: { lat: number; lng: number; loss?: number } = {
            lat: 44.991,
            lng: 8.024,
            loss: 14,

        let coords: { lat: number, lng: number, loss?: number } = { lat: 44.991, lng: 8.024, loss: 14 }
        if(request.method == "POST") {

        if (request.method == 'POST') {

        console.log(coords);
        let u = `https://re.jrc.ec.europa.eu/api/seriescalc?lat=${coords.lat}&lon=${coords.lng}&startyear=2016&pvcalculation=1&peakpower=1&loss=${coords.loss || 14}&outputformat=json`

        console.log(coords)
        let u = `https://re.jrc.ec.europa.eu/api/seriescalc?lat=${
            coords.lat
        }&lon=${coords.lng}&startyear=2016&pvcalculation=1&peakpower=1&loss=${
            coords.loss || 14
        }&outputformat=json`

        return new Response(JSON.stringify(rr), { headers: [
            ["Access-Control-Allow-Origin", "*"]
        ]})
    }

        return new Response(JSON.stringify(rr), {
            headers: [['Access-Control-Allow-Origin', '*']],
        })
    },

import type { PlaywrightTestConfig } from '@playwright/test';
const config: PlaywrightTestConfig = {
	webServer: {
		command: 'npm run build && npm run preview',
		port: 4173
	},
	testDir: 'tests'
};
export default config;

import { sveltekit } from '@sveltejs/kit/vite';

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

    plugins: [
        sveltekit(),
    ],

    plugins: [sveltekit()],

	preprocessorOptions: {
	    scss: {
		additionalData: '@use "src/variables.scss" as *;'
	    }
	}
    }
};

        preprocessorOptions: {
            scss: {
                additionalData: '@use "src/variables.scss" as *;',
            },
        },
    },
}

export default config;

export default config

	"allowJs": true,
	"checkJs": true,
	"esModuleInterop": true,
	"forceConsistentCasingInFileNames": true,
	"resolveJsonModule": true,
	"skipLibCheck": true,
	"sourceMap": true,
	"strict": true,

        "allowJs": true,
        "checkJs": true,
        "esModuleInterop": true,
        "forceConsistentCasingInFileNames": true,
        "resolveJsonModule": true,
        "skipLibCheck": true,
        "sourceMap": true,
        "strict": true,

import adapter from '@sveltejs/adapter-cloudflare-workers';
import preprocess from 'svelte-preprocess';
import { vitePreprocess } from '@sveltejs/kit/vite';

import adapter from '@sveltejs/adapter-cloudflare-workers'
import preprocess from 'svelte-preprocess'
import { vitePreprocess } from '@sveltejs/kit/vite'

        })

        }),

                'script-src': ['self', 'https://coturnix.fr/' ],

                'script-src': ['self', 'https://coturnix.fr/'],

            base: "/grain",
            relative: false
        }
    }
};

            base: '/grain',
            relative: false,
        },
    },
}

export default config;

export default config

$gp-1:#b71515;
$gp-2:#d71c19;
$gp-3:#de601e;
$gs-1:#cf3e39;
$gs-2:#df4d43;
$gs-3:#f2bfa5;
$cc:#a3aec9;

$gp-1: #b71515;
$gp-2: #d71c19;
$gp-3: #de601e;
$gs-1: #cf3e39;
$gs-2: #df4d43;
$gs-3: #f2bfa5;
$cc: #a3aec9;

import { writable } from 'svelte/store';
import type { Writable } from 'svelte/store';

import { writable } from 'svelte/store'
import type { Writable } from 'svelte/store'

export const email: Writable<null|string> = writable("");

export const email: Writable<null | string> = writable('')

 import { browser } from '$app/environment';
 import { onMount, tick } from 'svelte';
 import { assets as a } from '$app/paths'
 import type { Grain } from '../../../grain-types'
 export let lat: number = 45
 export let lng: number = 7
 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"
 let consentement = false

    import { browser } from '$app/environment'
    import { onMount, tick } from 'svelte'
    import { assets as a } from '$app/paths'
    import type { Grain } from '../../../grain-types'
    export let lat: number = 45
    export let lng: number = 7
    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'
    let consentement = false

 function addPrm(_ev: Event) {
     prms.push({ prm: null, nom: '', prenom: '' })
     consentement = false
     prms = prms
 }

    function addPrm(_ev: Event) {
        prms.push({ prm: null, nom: '', prenom: '' })
        consentement = false
        prms = prms
    }

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

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

 let pvgis: null | {
     inputs: {location:{lat:number,lng:number}},
     outputs: { hourly: {time: string, "G(i)": number, P: number, T2m: number, H_sun: number, Int: number}[]}
 } = null

    let pvgis: null | {
        inputs: { location: { lat: number; lng: number } }
        outputs: {
            hourly: {
                time: string
                'G(i)': number
                P: number
                T2m: number
                H_sun: number
                Int: number
            }[]
        }
    } = null

 export let pvgis_loading = false
 let prm_loading = false

    export let pvgis_loading = false
    let prm_loading = false

 let initialised = false

    let initialised = false

 $: {
     initialised && updatePlot(puissance)
 }

    $: {
        initialised && updatePlot(puissance)
    }

 let Plotly: any

    let Plotly: any

 let erreur = ""

    let erreur = ''

 onMount(async () => {
     //@ts-ignore
     Plotly = await import('plotly.js-dist')
     await updatePlot(puissance)
     initialised = true
 })

    onMount(async () => {
        //@ts-ignore
        Plotly = await import('plotly.js-dist')
        await updatePlot(puissance)
        initialised = true
    })

 let prt: string[] = [
 ]

    let prt: string[] = []

 let pr: {type:string, conso: number}[] = [
 ]

    let pr: { type: string; conso: number }[] = []

 let plotStyle = ""

    let plotStyle = ''

 let profs: Map<string, { coefs: number[], total: number }> = new Map()

    let profs: Map<string, { coefs: number[]; total: number }> = new Map()

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

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

 let profils: Record<string, { profils: string[]}> = {
     "Résidentiel ≤6kVA":{
         "profils":[ "RES1-P1" ]
     },

    let profils: Record<string, { profils: string[] }> = {
        'Résidentiel ≤6kVA': {
            profils: ['RES1-P1'],
        },

     "Résidentiel 6>kVA≤36":{
         "profils":[ "RES11-P1" ]
     },

        'Résidentiel 6>kVA≤36': {
            profils: ['RES11-P1'],
        },

     "Résidentiel ≤36kVA HPHC":{
         "profils":[ "RES2" ]
     },

        'Résidentiel ≤36kVA HPHC': {
            profils: ['RES2'],
        },

     "Professionel ≤36kVA":{
         "profils":[ "PRO1-P1" ]
     },

        'Professionel ≤36kVA': {
            profils: ['PRO1-P1'],
        },

     "Professionnel ≤36kVA HWE":{
         "profils":[ "PRO1WE" ]
     },

        'Professionnel ≤36kVA HWE': {
            profils: ['PRO1WE'],
        },

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

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

     "Entreprise 36<kVA<250 HPHC ETE-HIV":{
         "profils":[ "ENT1" ]
     },

        'Entreprise 36<kVA<250 HPHC ETE-HIV': {
            profils: ['ENT1'],
        },

     /*

        /*

 }

    }

 function addProfil(_ev: Event) {
     pr.push({ type: prt[0], conso: 0 })
     pr = pr
 }

    function addProfil(_ev: Event) {
        pr.push({ type: prt[0], conso: 0 })
        pr = pr
    }

 async function delProfil(i: number) {
     pr.splice(i, 1)
     pr = pr
     await updatePlot(puissance)
 }

    async function delProfil(i: number) {
        pr.splice(i, 1)
        pr = pr
        await updatePlot(puissance)
    }

 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()

    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 }
 }

        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 }
    }

 let annee: Record<number, number[]> = {}

    let annee: Record<number, number[]> = {}

 async function refresh(event: SubmitEvent) {
     event.preventDefault()
     if(prms) {
         prm_loading = true
         await tick()
         const resp = await fetch(
             `${server}/api/grain/projet/${id || "nouveau"}/prms`, {
                 method: "POST",
                 body: JSON.stringify(prms)
             }
         )
         if(resp.ok) {
             annee = await resp.json()
         }
         prm_loading = false
         await tick()
     } else {
         erreur = "La liste des PRMs est vide"
     }
     await updatePlot(puissance)
 }

    async function refresh(event: SubmitEvent) {
        event.preventDefault()
        if (prms) {
            prm_loading = true
            await tick()
            const resp = await fetch(
                `${server}/api/grain/projet/${id || 'nouveau'}/prms`,
                {
                    method: 'POST',
                    body: JSON.stringify(prms),
                }
            )
            if (resp.ok) {
                annee = await resp.json()
            }
            prm_loading = false
            await tick()
        } else {
            erreur = 'La liste des PRMs est vide'
        }
        await updatePlot(puissance)
    }

 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[]>[],
     },
     x: <string[]>[],
     y: <number[]>[],
     type: 'bar',
     line: {
         color:  "#ffbf00",
         width: 1,
     },
     marker: {
         color:  "#ffbf00",
         width: 1,
     },
     name: "Production solaire",
     bucket: 1,
 }
 let somme = {
     hourly: {
         x: <string[]>[],
         y: <number[]>[],
     },
     daily: {
         x: <string[]>[],
         y: <number[]>[],
     },
     weekly: {
         x: <string[]>[],
         y: <number[]>[],
     },
     x: <string[]>[],
     y: <number[]>[],
     type: 'bar',
     line: {
         color: "#b81111",
         width: 1,
     },
     marker: {
         color: "#b81111",
         width: 1,
     },
     name: "Consommation totale",
     bucket: 1,
 }

    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[]>[],
        },
        x: <string[]>[],
        y: <number[]>[],
        type: 'bar',
        line: {
            color: '#ffbf00',
            width: 1,
        },
        marker: {
            color: '#ffbf00',
            width: 1,
        },
        name: 'Production solaire',
        bucket: 1,
    }
    let somme = {
        hourly: {
            x: <string[]>[],
            y: <number[]>[],
        },
        daily: {
            x: <string[]>[],
            y: <number[]>[],
        },
        weekly: {
            x: <string[]>[],
            y: <number[]>[],
        },
        x: <string[]>[],
        y: <number[]>[],
        type: 'bar',
        line: {
            color: '#b81111',
            width: 1,
        },
        marker: {
            color: '#b81111',
            width: 1,
        },
        name: 'Consommation totale',
        bucket: 1,
    }

 async function updatePv(puissance: 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 || pvgis.inputs.location.latitude != lat || pvgis.inputs.location.longitude != lng) {
         pvgis_loading = true
         await tick()
         let annuelle = await fetch(
             `${server}/pvgis`, {
                 method: "POST",
                 body: JSON.stringify({
                     lat,
                     lng,
                 })
         })
         pvgis = await annuelle.json()
         pvgis_loading = false
         await tick()
     }
     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
             }
         }
     }
     prodWeekly = soleil.weekly.y
 }

    async function updatePv(puissance: 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 ||
            pvgis.inputs.location.latitude != lat ||
            pvgis.inputs.location.longitude != lng
        ) {
            pvgis_loading = true
            await tick()
            let annuelle = await fetch(`${server}/pvgis`, {
                method: 'POST',
                body: JSON.stringify({
                    lat,
                    lng,
                }),
            })
            pvgis = await annuelle.json()
            pvgis_loading = false
            await tick()
        }
        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
                }
            }
        }
        prodWeekly = soleil.weekly.y
    }

 async function updatePlot(puissance: number) {
     if(!browser) {
         return
     }

    async function updatePlot(puissance: number) {
        if (!browser) {
            return
        }

     await updatePv(puissance)

        await updatePv(puissance)

     let annee_ :Record<string, { t: number[], y: number[], i: 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
     }

        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 (pr.length > 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_[p.type] = d
            }
        }

     if(pr.length > 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_[p.type] = d
         }
     }

        auto = 0
        totalProd = 0
        totalConso = 0

     auto = 0
     totalProd = 0
     totalConso = 0

        somme.hourly = { x: [], y: [] }
        somme.daily = { x: [], y: [] }
        somme.weekly = { x: [], y: [] }

     somme.hourly = {x: [], y: []};
     somme.daily = {x: [], y: []};
     somme.weekly = {x: [], y: []};

        const start = new Date(min_t * 1000)
        const janvier = new Date(start.getFullYear(), 0, 1)
        let i = 0
        for (let [_, r] of Object.entries(annee_)) {
            r.i = 0
        }
        for (let t = min_t; t < max_t; t += 3600) {
            let tt = new Date(t * 1000)
            let tds = tt.toLocaleDateString()
            let tts = tt.toLocaleString()
            let y = 0
            for (let [_, r] of Object.entries(annee_)) {
                // Les profils Enedis sont échantillonnés à la
                // demi-heure, il faut ajouter deux points consécutifs
                while (r.i < r.t.length && r.t[r.i] < t + 3600) {
                    if (!isNaN(r.y[r.i])) y += r.y[r.i]
                    r.i += 1
                }
            }
            somme.hourly.x.push(tts)
            somme.hourly.y.push(y)
            if ((t - min_t) % (24 * 3600) == 0) {
                if ((t - min_t) % (24 * 7 * 3600) == 0) {
                    somme.weekly.x.push(tds)
                    somme.weekly.y.push(y)
                } else {
                    somme.weekly.y[somme.weekly.y.length - 1] += y
                }
                somme.daily.x.push(tds)
                somme.daily.y.push(y)
            } else {
                somme.daily.y[somme.daily.y.length - 1] += y
                somme.weekly.y[somme.weekly.y.length - 1] += y
            }
            totalConso += y
            totalProd += soleil.hourly.y[i] * puissance
            auto += Math.min(y, soleil.hourly.y[i] * puissance)
            i += 1
        }
        if (!Plotly)
            //@ts-ignore
            Plotly = await import('plotly.js-dist')

     const start = new Date(min_t * 1000)
     const janvier = new Date(start.getFullYear(), 0, 1)
     let i = 0
     for(let [_, r] of Object.entries(annee_)) {
         r.i = 0
     }
     for(let t = min_t; t < max_t; t += 3600) {
         let tt = new Date(t*1000);
         let tds = tt.toLocaleDateString()
         let tts = tt.toLocaleString()
         let y = 0
         for(let [_, r] of Object.entries(annee_)) {
             // Les profils Enedis sont échantillonnés à la
             // demi-heure, il faut ajouter deux points consécutifs
             while(r.i < r.t.length && r.t[r.i] < t + 3600) {
                 if(!isNaN(r.y[r.i]))
                     y += r.y[r.i]
                 r.i += 1
             }
         }
         somme.hourly.x.push(tts)
         somme.hourly.y.push(y)
         if((t - min_t) % (24 * 3600) == 0) {
             if((t - min_t) % (24 * 7 * 3600) == 0) {
                 somme.weekly.x.push(tds)
                 somme.weekly.y.push(y)
             } else {
                 somme.weekly.y[somme.weekly.y.length-1] += y
             }
             somme.daily.x.push(tds)
             somme.daily.y.push(y)
         } else {
             somme.daily.y[somme.daily.y.length-1] += y
             somme.weekly.y[somme.weekly.y.length-1] += y
         }
         totalConso += y
         totalProd += soleil.hourly.y[i]
         auto += Math.min(y, soleil.hourly.y[i] * puissance)
         i+= 1
     }
     if(!Plotly)
         //@ts-ignore
         Plotly = await import('plotly.js-dist')

        await tick()
        redraw()
    }

     await tick()
     redraw()
 }

    function sample(
        s: {
            weekly: { x: (number | string)[]; y: number[] }
            daily: { x: (number | string)[]; y: number[] }
            hourly: { x: (number | string)[]; y: number[] }
            x: (number | string)[]
            y: number[]
            bucket: number
        },
        w?: number
    ) {
        // ww: nombre d'échantillons bruts à afficher
        let ww = w || s.hourly.x.length
        let bbox = (<SVGGraphicsElement | undefined>(
            document.getElementsByClassName('bglayer')[0]
        ))?.getBBox()
        let width = (bbox?.width || 10) / 3
        if (ww <= width) {
            s.x = s.hourly.x
            s.y = s.hourly.y
            s.bucket = 1
        } else if (ww / 24 <= width) {
            s.x = s.daily.x
            s.y = s.daily.y
            s.bucket = 24
        } else {
            s.x = s.weekly.x
            s.y = s.weekly.y
            s.bucket = 24 * 7
        }
    }

 function sample(
     s: { weekly: { x: (number|string)[], y: number[] },
        daily: { x: (number|string)[], y: number[] },
        hourly: { x: (number|string)[], y: number[] },
        x: (number|string)[],
        y: number[], bucket: number },
     w?: number,
 ) {
     // ww: nombre d'échantillons bruts à afficher
     let ww = w || s.hourly.x.length
     let bbox = (<SVGGraphicsElement | undefined>(document.getElementsByClassName("bglayer")[0]))?.getBBox()
     let width = (bbox?.width || 10)/3
     if(ww <= width) {
         s.x = s.hourly.x
         s.y = s.hourly.y
         s.bucket = 1
     } else if (ww / 24 <= width) {
         s.x = s.daily.x
         s.y = s.daily.y
         s.bucket = 24
     } else {
         s.x = s.weekly.x
         s.y = s.weekly.y
         s.bucket = 24 * 7
     }
 }

    let has_plot = false
    let layout = {}
    function relayout(event: any) {
        if (event.bucket) {
            return
        }
        let w = event['xaxis.range[1]'] - Math.max(0, event['xaxis.range[0]'])
        let layout_ = JSON.parse(JSON.stringify(layout))
        if (isNaN(w)) {
            sample(soleil)
            sample(somme)
            layout_.xaxis.autorange = true
            layout_.yaxis.autorange = true
            event.bucket = soleil.bucket
            plotStyle = 'min-height:450px'
            if (has_plot) {
                Plotly!.update('plot', [soleil, somme], layout_)
            } else {
                Plotly!.newPlot('plot', [soleil, somme], layout_, {
                    responsive: true,
                })
                //@ts-ignore
                document.getElementById('plot')?.on('plotly_relayout', relayout)
                has_plot = true
            }
        } else {
            let sb = soleil.bucket
            if (event.bucket) {
                w *= event.bucket
            } else {
                w *= soleil.bucket
            }
            sample(soleil, w)
            sample(somme, w)
            let sb_ = soleil.bucket
            event['xaxis.range[0]'] *= sb / sb_
            event['xaxis.range[1]'] *= sb / sb_
            event.bucket = soleil.bucket
            layout_.xaxis.range = [
                event['xaxis.range[0]'],
                event['xaxis.range[1]'],
            ]
            let unite: string
            if (soleil.bucket == 24) {
                unite = 'kWh/jour'
            } else if (soleil.bucket == 24 * 7) {
                unite = 'kWh/semaine'
            } else {
                unite = 'kWh'
            }
            layout_.yaxis.title.text = unite
            layout_.yaxis.autorange = true
            layout_.yaxis.fixedrange = false
            plotStyle = 'min-height:450px'
            if (has_plot) {
                Plotly!.update('plot', [soleil, somme], layout_)
            } else {
                Plotly!.newPlot('plot', [soleil, somme], layout_, {
                    responsive: true,
                })
                //@ts-ignore
                document.getElementById('plot')?.on('plotly_relayout', relayout)
                has_plot = true
            }
        }
    }

 let has_plot = false
 let layout = {}
 function relayout(event: any) {
     if(event.bucket) {
         return
     }
     let w = event["xaxis.range[1]"] - Math.max(0, event["xaxis.range[0]"])
     let layout_ = JSON.parse(JSON.stringify(layout))
     if(isNaN(w)) {
         sample(soleil)
         sample(somme)
         layout_.xaxis.autorange = true
         layout_.yaxis.autorange = true
         event.bucket = soleil.bucket
         plotStyle = "min-height:450px"
         if(has_plot) {
             Plotly!.update('plot', [soleil, somme], layout_)
         } else {
             Plotly!.newPlot('plot', [soleil, somme], layout_, { responsive: true })
             //@ts-ignore
             document.getElementById('plot')?.on('plotly_relayout', relayout)
             has_plot = true
         }
     } else {
         let sb = soleil.bucket
         if(event.bucket) {
             w *= event.bucket
         } else {
             w *= soleil.bucket
         }
         sample(soleil, w)
         sample(somme, w)
         let sb_ = soleil.bucket
         event["xaxis.range[0]"] *= sb / sb_
         event["xaxis.range[1]"] *= sb / sb_
         event.bucket = soleil.bucket
         layout_.xaxis.range = [
             event["xaxis.range[0]"],
             event["xaxis.range[1]"]
         ]
         let unite: string;
         if(soleil.bucket == 24) {
             unite = 'kWh/jour'
         } else if (soleil.bucket == 24 * 7) {
             unite = 'kWh/semaine'
         } else {
             unite = 'kWh'
         }
         layout_.yaxis.title.text = unite
         layout_.yaxis.autorange = true
         layout_.yaxis.fixedrange = false
         plotStyle = "min-height:450px"
         if(has_plot) {
             Plotly!.update('plot', [soleil, somme], layout_)
         } else {
             Plotly!.newPlot('plot', [soleil, somme], layout_, { responsive: true })
             //@ts-ignore
             document.getElementById('plot')?.on('plotly_relayout', relayout)
             has_plot = true
         }
     }
 };

    function redraw() {
        sample(soleil)
        sample(somme)
        let unite: string
        if (soleil.bucket == 24) {
            unite = 'kWh/jour'
        } else if (soleil.bucket == 24 * 7) {
            unite = 'kWh/semaine'
        } else {
            unite = 'kWh'
        }
        layout = {
            title: 'Autoconsommation',
            autosize: true,
            automargin: true,
            plot_bgcolor: '#fff0',
            paper_bgcolor: '#fff0',
            font: {
                color: darkMode ? '#fff' : '#000',
            },
            xaxis: {
                gridcolor: darkMode ? '#444' : '#bbb',
                ticklabeloverflow: 'allow',
                ticklabelstep: 4,
                tickangle: 45,
            },
            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) {
            Plotly!.update('plot', [soleil, somme], layout)
            //@ts-ignore
            document.getElementById('plot')?.on('plotly_relayout', relayout)
        } else {
            Plotly!.newPlot('plot', [soleil, somme], layout, {
                responsive: true,
            })
            //@ts-ignore
            document.getElementById('plot')?.on('plotly_relayout', relayout)
            has_plot = true
        }

 function redraw() {
     sample(soleil)
     sample(somme)
     let unite: string;
     if(soleil.bucket == 24) {
         unite = 'kWh/jour'
     } else if (soleil.bucket == 24 * 7) {
         unite = 'kWh/semaine'
     } else {
         unite = 'kWh'
     }
     layout = {
         title: "Autoconsommation",
         autosize: true,
         automargin: true,
         plot_bgcolor: "#fff0",
         paper_bgcolor: "#fff0",
         font: {
             color: darkMode ? '#fff': '#000'
         },
         xaxis: {
             gridcolor: darkMode ? '#444': '#bbb',
             ticklabeloverflow: 'allow',
             ticklabelstep: 4,
             tickangle: 45,
         },
         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) {
         Plotly!.update('plot', [soleil, somme], layout)
         //@ts-ignore
         document.getElementById('plot')?.on('plotly_relayout', relayout)
     } else {
         Plotly!.newPlot('plot', [soleil, somme], layout, { responsive: true })
         //@ts-ignore
         document.getElementById('plot')?.on('plotly_relayout', relayout)
         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 dataProd = [{
         values: [Math.round(auto), Math.round(totalProd - auto)],
         labels: ['Autoconsommé', 'Surplus'],
         marker: { colors: ["#ffbf00dd", "#b81111dd"] },
         type: 'pie',
         sort: false,
         hole: .5,
     }];

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

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

        plotStyle = 'min-height:450px'
        Plotly.react(
            'autoProd',
            dataProd,
            {
                title: 'Autoconsommation',
                font: {
                    color: darkMode ? '#fff' : '#000',
                },
                plot_bgcolor: '#fff0',
                paper_bgcolor: '#fff0',
                autosize: true,
                legend: {
                    orientation: 'h',
                },
            },
            { responsive: true }
        )
        Plotly.react(
            'autoConso',
            dataConso,
            {
                title: 'Autoproduction',
                font: {
                    color: darkMode ? '#fff' : '#000',
                },
                plot_bgcolor: '#fff0',
                paper_bgcolor: '#fff0',
                autosize: true,
                legend: {
                    orientation: 'h',
                },
            },
            { responsive: true }
        )
    }
</script>

     plotStyle = "min-height:450px"
     Plotly.react('autoProd', dataProd, {
         title: "Autoconsommation",
         font: {
             color: darkMode ? '#fff': '#000'
         },
         plot_bgcolor: "#fff0",
         paper_bgcolor: "#fff0",
         autosize: true,
         legend: {
             orientation: "h",
         }
     }, { responsive: true });
     Plotly.react('autoConso', dataConso, {
         title: "Autoproduction",
         font: {
             color: darkMode ? '#fff': '#000'
         },
         plot_bgcolor: "#fff0",
         paper_bgcolor: "#fff0",
         autosize: true,
         legend: {
             orientation: "h",
         }
     }, { responsive: true });
 }
</script>
<form method="POST" action="/api/grain" id="pdl" on:submit={refresh}>
</form>

<form method="POST" action="/api/grain" id="pdl" on:submit={refresh} />

    <div id="erreur" class="alert alert-danger fade d-flex" class:show={erreur} role="alert">

    <div
        id="erreur"
        class="alert alert-danger fade d-flex"
        class:show={erreur}
        role="alert">

        <button type="button" class="btn-close" style="padding:20px;margin:-16px -16px -16px auto" on:click={() => erreur=""} aria-label="Close"></button>

        <button
            type="button"
            class="btn-close"
            style="padding:20px;margin:-16px -16px -16px auto"
            on:click={() => (erreur = '')}
            aria-label="Close" />

        <thead><tr><th></th><th>Profil</th><th>Consommation annuelle</th><th></th></tr></thead>

        <thead
            ><tr><th /><th>Profil</th><th>Consommation annuelle</th><th /></tr
            ></thead>

                        <select class="form-select" bind:value={pr.type} on:change={(_ev) => updatePlot(puissance)}>

                        <select
                            class="form-select"
                            bind:value={pr.type}
                            on:change={(_ev) => updatePlot(puissance)}>

                        <input type="number" class="form-control" placeholder="Consommation Annuelle (kWh)" min="0" step="500" bind:value={pr.conso} on:change={(_ev) => updatePlot(puissance)}/>

                        <input
                            type="number"
                            class="form-control"
                            placeholder="Consommation Annuelle (kWh)"
                            min="0"
                            step="500"
                            bind:value={pr.conso}
                            on:change={(_ev) => updatePlot(puissance)} />

                        <button class="btn btn-link" on:click={(_ev) => delProfil(i)}><i class="bi bi-x-circle text-primary"/></button>

                        <button
                            class="btn btn-link"
                            on:click={(_ev) => delProfil(i)}
                            ><i class="bi bi-x-circle text-primary" /></button>

    <button class="btn btn-primary" on:click={addProfil}><i class="bi bi-plus-circle"/>&nbsp;Ajouter un profil</button>

    <button class="btn btn-primary" on:click={addProfil}
        ><i class="bi bi-plus-circle" />&nbsp;Ajouter un profil</button>

    <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"></i></button></th><th>Prénom</th><th>Nom</th><th></th></tr></thead>
        <tbody>
            {#each prms as prm, i}
                <tr>
                    <td><input class="form-control" bind:value={prm.prm} 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">
                        <button class="btn btn-link" on:click={(ev) => delPrm(ev, i)}><i class="bi bi-x-circle text-primary"/></button>
                    </td>
                </tr>
            {/each}
        </tbody>
    </table>
    <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>

        <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"
                                bind:value={prm.prm}
                                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">
                            <button
                                class="btn btn-link"
                                on:click={(ev) => delPrm(ev, i)}
                                ><i
                                    class="bi bi-x-circle text-primary" /></button>
                        </td>
                    </tr>
                {/each}
            </tbody>
        </table>
        <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>

        <button class="mx-2 btn btn-primary" on:click={addPrm}><i class="bi bi-plus-circle"/>&nbsp;Ajouter un compteur</button>

        <button class="mx-2 btn btn-primary" on:click={addPrm}
            ><i class="bi bi-plus-circle" />&nbsp;Ajouter un compteur</button>

            <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}></div>

            <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} />

        <tr><td>Consommation totale:</td><td>{Math.round(totalConso)}kWh</td></tr>

        <tr
            ><td>Consommation totale:</td><td>{Math.round(totalConso)}kWh</td
            ></tr>

        <div class="spinner-border text-primary me-3"></div> Chargement de la production solaire

        <div class="spinner-border text-primary me-3" />
        Chargement de la production solaire

    <div class="mx-auto" style={plotStyle} id="plot"></div>

    <div class="mx-auto" style={plotStyle} id="plot" />

    <div class="col-12 col-sm-6 p-0" style={plotStyle} id="autoConso"></div>
    <div class="col-12 col-sm-6 p-0" style={plotStyle} id="autoProd"></div>

    <div class="col-12 col-sm-6 p-0" style={plotStyle} id="autoConso" />
    <div class="col-12 col-sm-6 p-0" style={plotStyle} id="autoProd" />

 //@ts-nocheck
 import { line, curveLinear, Delaunay, range, scaleLinear, scaleUtc } from 'd3';
 // import data from './line-data';

    //@ts-nocheck
    import {
        line,
        curveLinear,
        Delaunay,
        range,
        scaleLinear,
        scaleUtc,
    } from 'd3'
    // import data from './line-data';

 export let data;

    export let data

 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]

    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]

 let x: string, y:string, dotInfo, lines, xVals = [], yVals = [], points = [], subsets = [], colorVals = [];

    let x: string,
        y: string,
        dotInfo,
        lines,
        xVals = [],
        yVals = [],
        points = [],
        subsets = [],
        colorVals = []

 // 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);
     });
 }

    // 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)
        })
    }

 const I = range(xVals.length);
 const gaps = (_d, i) => !isNaN(xVals[i]) && !isNaN(yVals[i]);
 const cleanData = points.map(gaps);

    const I = range(xVals.length)
    const gaps = (_d, i) => !isNaN(xVals[i]) && !isNaN(yVals[i])
    const cleanData = points.map(gaps)

 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 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 chartLine = line()
     .defined(i => cleanData[i])
     .curve(curve)
     .x(i => xScale(xVals[i]))
     .y(i => yScale(yVals[i]));

    const chartLine = line()
        .defined((i) => cleanData[i])
        .curve(curve)
        .x((i) => xScale(xVals[i]))
        .y((i) => yScale(yVals[i]))

 $: {
     lines = [];
     colors.forEach((_color, j) => {
         const filteredI = I.filter((_el, i) => colorVals[i] === j);
         lines.push(chartLine(filteredI));
     });
 }

    $: {
        lines = []
        colors.forEach((_color, j) => {
            const filteredI = I.filter((_el, i) => colorVals[i] === j)
            lines.push(chartLine(filteredI))
        })
    }

 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]);

    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])

 const  xTicks = xScale.ticks(xScalefactor);
 const  xTicksFormatted = xTicks.map((el) => (new Date(el*1000).toLocaleDateString()));
 const  yTicks = niceY.ticks(yScalefactor);

    const xTicks = xScale.ticks(xScalefactor)
    const xTicksFormatted = xTicks.map((el) =>
        new Date(el * 1000).toLocaleDateString()
    )
    const yTicks = niceY.ticks(yScalefactor)

    <svg {width} {height} viewBox="0 0 {width} {height}"
                          cursor='crosshair'
                          on:mouseout="{() => dotInfo = null}"
                          on:blur="{() => dotInfo = null}"
    >

    <svg
        {width}
        {height}
        viewBox="0 0 {width} {height}"
        cursor="crosshair"
        on:mouseout={() => (dotInfo = null)}
        on:blur={() => (dotInfo = null)}>

                <g class='dot' pointer-events='none'>

                <g class="dot" pointer-events="none">

                        r={r}

                        {r}

                        fill={dotsFilled ? colors[colorVals[i]] : 'none'}
                    />

                        fill={dotsFilled ? colors[colorVals[i]] : 'none'} />

            <g class='chartlines' pointer-events='none'>

            <g class="chartlines" pointer-events="none">

                    <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={r} stroke={colors[points[dotInfo[1]].color]} fill={dotsFilled} />

                    <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} />

                    <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={colors[i]}
                        d={subsetLine}
                        stroke-opacity={strokeOpacity[i]}
                        stroke-width={strokeWidth}
                        stroke-linecap={strokeLinecap}
                        stroke-linejoin={strokeLinejoin} />

        <g class="y-axis" transform="translate({marginLeft}, 0)" pointer-events='none'>
            <path class="domain" stroke="black" d="M{insetLeft}, {marginTop} V{height - marginBottom + 6}"/>

        <g
            class="y-axis"
            transform="translate({marginLeft}, 0)"
            pointer-events="none">
            <path
                class="domain"
                stroke="black"
                d="M{insetLeft}, {marginTop} V{height - marginBottom + 6}" />

                    <line class="tick-start" x1={insetLeft - 6} x2={insetLeft}/>

                    <line
                        class="tick-start"
                        x1={insetLeft - 6}
                        x2={insetLeft} />

                        <line class="tick-grid" x1={insetLeft} x2={width - marginLeft - marginRight}/>

                        <line
                            class="tick-grid"
                            x1={insetLeft}
                            x2={width - marginLeft - marginRight} />

        <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}"/>

        <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-start" stroke='black' y2='6' />

                    <line class="tick-start" stroke="black" y2="6" />

                        <line class="tick-grid" y2={-height + insetTop+ marginTop} />

                        <line
                            class="tick-grid"
                            y2={-height + insetTop + marginTop} />

                    <text font-size='8px' x={-marginLeft/4} y="20">{xTicksFormatted[i] + xFormat}</text>

                    <text font-size="8px" x={-marginLeft / 4} y="20"
                        >{xTicksFormatted[i] + xFormat}</text>

            <text x={width - marginLeft - marginRight - 40} y={marginBottom}>{xLabel}</text>

            <text x={width - marginLeft - marginRight - 40} y={marginBottom}
                >{xLabel}</text>

                on:mouseover="{(e) => dotInfo = [point, i, e] }"
                on:focus="{(e) => dotInfo = [point, i, e] }"
            ></path>

                on:mouseover={(e) => (dotInfo = [point, i, e])}
                on:focus={(e) => (dotInfo = [point, i, e])} />

    <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}'>

    <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}">

        {(new Date(points[dotInfo[1]].x * 1000)).toLocaleString()}: {points[dotInfo[1]].y.toFixed(2)}{yFormat}

        {new Date(points[dotInfo[1]].x * 1000).toLocaleString()}: {points[
            dotInfo[1]
        ].y.toFixed(2)}{yFormat}

 .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;
 }