{"_id":"@codeureusesenliberte/france-tuiles","_rev":"1-36b2cf0d4f0684a09823d728992fffb2","name":"@codeureusesenliberte/france-tuiles","dist-tags":{"latest":"0.0.2"},"versions":{"0.0.1":{"name":"@codeureusesenliberte/france-tuiles","version":"0.0.1","description":"Afficher une carte de la France métropolitaine avec les DROM à côté","type":"module","exports":"./src/index.js","directories":{"data":"data"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":{"name":"Codeurs en Liberté"},"license":"ISC","devDependencies":{"@babel/core":"^7.24.3","@babel/preset-env":"^7.24.3"},"dependencies":{"maplibre-gl":"^4.1.2","pmtiles":"^3.0.5"},"_id":"@codeureusesenliberte/france-tuiles@0.0.1","gitHead":"e39e4ce5c84fa30772fa1872d5646081128d312d","_nodeVersion":"20.12.0","_npmVersion":"10.5.0","dist":{"integrity":"sha512-pIFAgMN/kwVRcNz3g+JyCj4Y/dpeQ1YfPt7TQhXSxVMRSmS5uylh0AUUpVKBpjpXUZ8bkYDc9I3mJRZ3rpL6/w==","shasum":"e5736b11a564e8a134da6cd9f204d70eaef24dc9","tarball":"https://registry.npmjs.org/@codeureusesenliberte/france-tuiles/-/france-tuiles-0.0.1.tgz","fileCount":6,"unpackedSize":883646,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDD9krNDz9xWCbVEuY8cgeFaNiCIY9L10k+oqB0AdrprgIgFyWV/pUkah4d9nx2BW0eC9nAhDm3L0CdfuANHRLSamI="}]},"_npmUser":{"name":"vincent-cel","email":"vincent@codeursenliberte.fr"},"maintainers":[{"name":"vincent-cel","email":"vincent@codeursenliberte.fr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/france-tuiles_0.0.1_1711734262742_0.9749402226989272"},"_hasShrinkwrap":false},"0.0.2":{"name":"@codeureusesenliberte/france-tuiles","version":"0.0.2","description":"Afficher une carte de la France métropolitaine avec les DROM à côté","type":"module","module":"dist/index.js","private":false,"scripts":{"build":"esbuild src/index.js --bundle --target=es6 --outfile=dist/france-tuiles.js --global-name=francetuiles","build-min":"esbuild src/index.js --bundle --target=es6 --minify --outfile=dist/france-tuiles.min.js --global-name=francetuiles","build-module":"esbuild src/index.js --bundle --target=es6 --outfile=dist/index.js --format=esm","dist":"npm run build && npm run build-min && npm run build-module"},"author":{"name":"Codeurs en Liberté"},"license":"ISC","devDependencies":{"esbuild":"0.20.2"},"dependencies":{"maplibre-gl":"^4.1.2","pmtiles":"^3.0.5"},"_id":"@codeureusesenliberte/france-tuiles@0.0.2","gitHead":"4f304e29ff2d646c9d64dcc2b01b6dfefb7e42f6","_nodeVersion":"20.12.0","_npmVersion":"10.5.0","dist":{"integrity":"sha512-leX6Xd6VP2ZybN5AzkUwa2+4KgHszGD7wunUZGmpDjdMwCzKznp4ZsaBgH3WqSMfzyioM+QbBbu9oNhJmTE2Gw==","shasum":"a22faf348c6a1f298dacfae7ab7cdae6022bbb57","tarball":"https://registry.npmjs.org/@codeureusesenliberte/france-tuiles/-/france-tuiles-0.0.2.tgz","fileCount":6,"unpackedSize":3237416,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCn/L+OV5ni3F/xwSZMfuaSRo9L2NzSnz7cwJgm9+SK5wIgUSHjyPNvBBySgJah0UeGpj0uNI4wyTm22ivljejzxTA="}]},"_npmUser":{"name":"vincent-cel","email":"vincent@codeursenliberte.fr"},"directories":{},"maintainers":[{"name":"vincent-cel","email":"vincent@codeursenliberte.fr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/france-tuiles_0.0.2_1711910824989_0.8303466498982255"},"_hasShrinkwrap":false}},"time":{"created":"2024-03-29T17:44:22.663Z","0.0.1":"2024-03-29T17:44:23.044Z","modified":"2024-03-31T18:47:05.397Z","0.0.2":"2024-03-31T18:47:05.192Z"},"maintainers":[{"name":"vincent-cel","email":"vincent@codeursenliberte.fr"}],"description":"Afficher une carte de la France métropolitaine avec les DROM à côté","author":{"name":"Codeurs en Liberté"},"license":"ISC","readme":"# France Tuiles\n\nLibrairie pour afficher une carte de France avec uniquement la métropole et les DROM visibles.\n\n## Exemples\n\n### NextJS\n\nAjouter la dépendence\n\n`npm install npm i @codeureusesenliberte/france-tuiles`\n\nAjouter une page\n\n```js\n\"use client\";\nimport styles from \"./page.module.css\";\nimport React, { useEffect, useRef } from \"react\";\n\nimport { FranceTuiles } from \"france-tuiles\";\n\nexport default function Home() {\n  const ref = useRef();\n\n  useEffect(() => {\n    const map = new FranceTuiles(\"map\");\n    map.colorerDepartements({\n      63: \"red\",\n      53: \"yellow\",\n    });\n    map.afficherContoursDepartements();\n  }, []);\n\n  return (\n    <main className={styles.main}>\n      <div className={styles.description}>\n        <div style={{ width: \"500px\", height: \"500px\" }} id=\"map\"></div>\n      </div>\n    </main>\n  );\n}\n```\n\n### HTML\n\n```html\n<!DOCTYPE html>\n<html>\n  <head>\n    <script src=\"/dist/france-tuiles.min.js\"></script>\n  </head>\n\n  <body>\n    <div style=\"width: 500px; height: 500px\" id=\"map\"></div>\n  </body>\n  <script defer>\n    let map = new francetuiles.FranceTuiles(\"map\");\n    map.colorerDepartements(\n      {\n        63: \"red\",\n        53: \"yellow\",\n      },\n      \"blue\"\n    );\n    map.afficherContoursDepartements();\n  </script>\n</html>\n```\n","readmeFilename":"README.md"}