planche 0.5.2 → 0.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (225) hide show
  1. package/README.md +39 -0
  2. package/app/_headers +19 -0
  3. package/app/assets/AboutDialog-HsaLhYrq.js +1 -0
  4. package/app/assets/ConnectDialog-DAYnaSzA.js +1 -0
  5. package/app/assets/CopyDatabaseDialog-DCDkX1Zt.js +1 -0
  6. package/app/assets/CopyTableDialog-BylicT1d.js +1 -0
  7. package/app/assets/CreateDatabaseDialog-i7_uV-wh.js +1 -0
  8. package/app/assets/DataDiffDialog-B4SeJXry.js +1 -0
  9. package/app/assets/DownloadToCSVDialog-jX0lEP8B.js +3 -0
  10. package/app/assets/EditSchemaDialog-BVOHVgBR.js +1 -0
  11. package/app/assets/FindReplaceDialog-B0rD26fg.js +1 -0
  12. package/app/assets/FlushDialog-CNu4QuYo.js +1 -0
  13. package/app/assets/LinkColumnDialog-BwUBtMiy.js +1 -0
  14. package/app/assets/LocalHistoryDialog-DUlsyn8i.js +1 -0
  15. package/app/assets/ProcessListDialog-Chv324I7.js +1 -0
  16. package/app/assets/QuickCommandPalette-BG5A7y3V.js +1 -0
  17. package/app/assets/RowFormDialog-C5agNu3l.js +2 -0
  18. package/app/assets/SafetySettingsDialog-iaN6H-EP.js +1 -0
  19. package/app/assets/SchemaDiffDialog-D7re7sup.js +7 -0
  20. package/app/assets/SchemaToHTMLDialog-Biq3ELkl.js +27 -0
  21. package/app/assets/StatusDialog-D8CcfFkP.js +1 -0
  22. package/app/assets/TermsDialog-DbHxb0ld.js +1 -0
  23. package/app/assets/UserAddDialog-B_fz-cXy.js +1 -0
  24. package/app/assets/UserManagerDialog-ku7exEzu.js +1 -0
  25. package/app/assets/VariablesDialog-BP2RcCBK.js +1 -0
  26. package/app/assets/abap-08VXUWAP.js +1 -0
  27. package/app/assets/apex-BWPQTe0t.js +1 -0
  28. package/app/assets/app-storage-B6v72zLH.js +1 -0
  29. package/app/assets/azcli-Bc_sGQ0U.js +1 -0
  30. package/app/assets/bat-i0X4ZdIN.js +1 -0
  31. package/app/assets/bicep-B5-_aFwp.js +2 -0
  32. package/app/assets/button-DkRlMkru.js +1 -0
  33. package/app/assets/cameligo-DMUM7wLl.js +1 -0
  34. package/app/assets/chevron-up-Dy_mz-03.js +1 -0
  35. package/app/assets/clojure-Cm7r79vr.js +1 -0
  36. package/app/assets/codicon-ngg6Pgfi.ttf +0 -0
  37. package/app/assets/coffee-Ba7i2nA0.js +1 -0
  38. package/app/assets/connection-store-CJ_al8qv.js +1 -0
  39. package/app/assets/cpp-C7h46wYY.js +1 -0
  40. package/app/assets/csharp-BKxtCVv1.js +1 -0
  41. package/app/assets/csp-bTuwJoIa.js +1 -0
  42. package/app/assets/css-DIMkf-bt.js +3 -0
  43. package/app/assets/css.worker-Dsm2X3j_.js +89 -0
  44. package/app/assets/cssMode-BK7_e-YI.js +1 -0
  45. package/app/assets/cypher-CVaqCwHa.js +1 -0
  46. package/app/assets/dart-onAF5SnQ.js +1 -0
  47. package/app/assets/database-BIhkgl2O.js +1 -0
  48. package/app/assets/dbms-Cq4imB7l.js +353 -0
  49. package/app/assets/de-B_f2X0cM.js +2 -0
  50. package/app/assets/dialog-BtwqThq6.js +1 -0
  51. package/app/assets/dist-BV6Hwye5.js +41 -0
  52. package/app/assets/dist-C2pydad-.js +1 -0
  53. package/app/assets/dist-C3MLFgG1.js +1 -0
  54. package/app/assets/dist-Roudme38.js +3 -0
  55. package/app/assets/dockerfile-DZFCIeNp.js +1 -0
  56. package/app/assets/ecl-D05T4iGw.js +1 -0
  57. package/app/assets/editor-Br_kD0ds.css +1 -0
  58. package/app/assets/editor.api2-JBjomUWM.js +872 -0
  59. package/app/assets/editor.worker-BboMRUer.js +26 -0
  60. package/app/assets/elixir-6RTg0lbw.js +1 -0
  61. package/app/assets/engine-DBTzC3si.js +1 -0
  62. package/app/assets/file-name-CnYBZPf9.js +1 -0
  63. package/app/assets/flow9-C5_-GSwl.js +1 -0
  64. package/app/assets/fr-DigYoMZT.js +2 -0
  65. package/app/assets/freemarker2-Ca8y5qEc.js +3 -0
  66. package/app/assets/fsharp-C8Ef5oNN.js +1 -0
  67. package/app/assets/go-C-y9NEjX.js +1 -0
  68. package/app/assets/graphql-fmXr3nnJ.js +1 -0
  69. package/app/assets/handlebars-CMoDOM1Y.js +1 -0
  70. package/app/assets/hcl-CpzslTdj.js +1 -0
  71. package/app/assets/html-BOS8Hfbf.js +1 -0
  72. package/app/assets/html.worker-fD12ABR7.js +502 -0
  73. package/app/assets/htmlMode-CRjI81Qd.js +1 -0
  74. package/app/assets/i18n-C7R6hKCp.js +2 -0
  75. package/app/assets/ini-sBoK_t0W.js +1 -0
  76. package/app/assets/ja-CPMeuUuT.js +2 -0
  77. package/app/assets/java-BEtHBSE6.js +1 -0
  78. package/app/assets/javascript-2ntxzhMa.js +1 -0
  79. package/app/assets/json.worker-B2CIyALT.js +58 -0
  80. package/app/assets/jsonMode-C8yGgOEo.js +7 -0
  81. package/app/assets/julia-Bri6UV-V.js +1 -0
  82. package/app/assets/ko-IAtUoTg5.js +2 -0
  83. package/app/assets/kotlin-BOotOW0E.js +1 -0
  84. package/app/assets/less-B9JPFI3C.js +2 -0
  85. package/app/assets/lexon-CfSJPG6W.js +1 -0
  86. package/app/assets/liquid-DThFAxbS.js +1 -0
  87. package/app/assets/lspLanguageFeatures-DQW0rv3P.js +4 -0
  88. package/app/assets/lua-CsQS60Ue.js +1 -0
  89. package/app/assets/m3-D-oSqn_W.js +1 -0
  90. package/app/assets/main-DI8DxG3x.css +2 -0
  91. package/app/assets/main-NJl8KiiX.js +73 -0
  92. package/app/assets/markdown-Cimd5fb3.js +1 -0
  93. package/app/assets/mdx-CI71gDmg.js +1 -0
  94. package/app/assets/mips-CIPQ_RoX.js +1 -0
  95. package/app/assets/msdax-DauUninz.js +1 -0
  96. package/app/assets/mysql-SOo6toE5.js +1 -0
  97. package/app/assets/objective-c-FvmIjYaQ.js +1 -0
  98. package/app/assets/pascal-DrH0SRf2.js +1 -0
  99. package/app/assets/pascaligo-D-ptJ9y-.js +1 -0
  100. package/app/assets/perl-oz_6vUea.js +1 -0
  101. package/app/assets/pgsql-DTj74zXo.js +1 -0
  102. package/app/assets/php-nr791fC2.js +1 -0
  103. package/app/assets/pla-CopQ2nXW.js +1 -0
  104. package/app/assets/postiats-43DmfD33.js +1 -0
  105. package/app/assets/powerquery-D3hlyOfw.js +1 -0
  106. package/app/assets/powershell-DmHpPYUd.js +1 -0
  107. package/app/assets/preload-helper-Czpn1I53.js +1 -0
  108. package/app/assets/protobuf-C531GsRP.js +2 -0
  109. package/app/assets/pug-Z5eAx3Zn.js +1 -0
  110. package/app/assets/python-Ck7s8L2p.js +1 -0
  111. package/app/assets/qsharp-DkqhCAOL.js +1 -0
  112. package/app/assets/query-execution-CR2mkIdH.js +7 -0
  113. package/app/assets/query-store-DlzOIWw1.js +1 -0
  114. package/app/assets/r-BwWrilGY.js +1 -0
  115. package/app/assets/razor-DiN-9kkz.js +1 -0
  116. package/app/assets/redis-ClamHrr6.js +1 -0
  117. package/app/assets/redshift-DT7zqm-g.js +1 -0
  118. package/app/assets/restructuredtext-BYgofb2h.js +1 -0
  119. package/app/assets/rolldown-runtime-hePW80VL.js +1 -0
  120. package/app/assets/ruby-DezsRK8O.js +1 -0
  121. package/app/assets/rust-DdL9SqIa.js +1 -0
  122. package/app/assets/sb-CcwsVR0C.js +1 -0
  123. package/app/assets/scala-DHpiXF5c.js +1 -0
  124. package/app/assets/schema-nodes-n_QZJb21.js +1 -0
  125. package/app/assets/scheme-BeGwcela.js +1 -0
  126. package/app/assets/scss-gp-XZpBa.js +3 -0
  127. package/app/assets/select-CqYxAwnu.js +1 -0
  128. package/app/assets/settings-store-DxKFgC4Z.js +1 -0
  129. package/app/assets/shell-CC2rA5mh.js +1 -0
  130. package/app/assets/solidity-BEEn4gHE.js +1 -0
  131. package/app/assets/sophia-CRfGWb83.js +1 -0
  132. package/app/assets/sparql-D_Lu-MrJ.js +1 -0
  133. package/app/assets/sql-NEE52Syq.js +1 -0
  134. package/app/assets/sqlite3-BVKGSWc-.wasm +0 -0
  135. package/app/assets/sqlite3-opfs-async-proxy-D_xnb1D8.js +876 -0
  136. package/app/assets/sqlite3-worker1-CVKz6JuG.js +43 -0
  137. package/app/assets/st-DbInun42.js +1 -0
  138. package/app/assets/storage-worker-DEIYmjYK.js +43 -0
  139. package/app/assets/swift-Bxkupp3x.js +1 -0
  140. package/app/assets/systemverilog-Bz4Y3fRF.js +1 -0
  141. package/app/assets/table-copy-2y2RNth1.js +1 -0
  142. package/app/assets/table-definition-Bs5VSn0X.js +1 -0
  143. package/app/assets/tcl-DISqw1ZD.js +1 -0
  144. package/app/assets/ts.worker-BwG70EDZ.js +67734 -0
  145. package/app/assets/tsMode-Dzctobqp.js +11 -0
  146. package/app/assets/twig-De2hgUGE.js +1 -0
  147. package/app/assets/typescript-Ww5oHWDp.js +1 -0
  148. package/app/assets/typespec-B8J7ngcE.js +1 -0
  149. package/app/assets/ui-store-BPY9VfQP.js +1 -0
  150. package/app/assets/use-engine-F2Y_trPz.js +1 -0
  151. package/app/assets/user-store-D5dzuD-E.js +1 -0
  152. package/app/assets/vb-DV3o63ZY.js +1 -0
  153. package/app/assets/wgsl-DpFanUEy.js +298 -0
  154. package/app/assets/xml-CT99FsSc.js +1 -0
  155. package/app/assets/yaml-DA78fpmA.js +1 -0
  156. package/app/assets/zh-DCKqmOQA.js +2 -0
  157. package/app/cloudflare-d1-client/index.html +111 -0
  158. package/app/de/cloudflare-d1-client/index.html +111 -0
  159. package/app/de/index.html +123 -0
  160. package/app/de/mariadb-client/index.html +111 -0
  161. package/app/de/mysql-client/index.html +112 -0
  162. package/app/de/neon-client/index.html +111 -0
  163. package/app/de/oracle-client/index.html +111 -0
  164. package/app/de/postgresql-client/index.html +111 -0
  165. package/app/de/sql-server-client/index.html +111 -0
  166. package/app/de/sqlite-viewer/index.html +112 -0
  167. package/app/de/supabase-client/index.html +111 -0
  168. package/app/favicon.svg +1 -0
  169. package/app/fr/cloudflare-d1-client/index.html +111 -0
  170. package/app/fr/index.html +123 -0
  171. package/app/fr/mariadb-client/index.html +111 -0
  172. package/app/fr/mysql-client/index.html +112 -0
  173. package/app/fr/neon-client/index.html +111 -0
  174. package/app/fr/oracle-client/index.html +111 -0
  175. package/app/fr/postgresql-client/index.html +111 -0
  176. package/app/fr/sql-server-client/index.html +111 -0
  177. package/app/fr/sqlite-viewer/index.html +112 -0
  178. package/app/fr/supabase-client/index.html +111 -0
  179. package/app/icons.svg +24 -0
  180. package/app/index.html +123 -0
  181. package/app/ja/cloudflare-d1-client/index.html +111 -0
  182. package/app/ja/index.html +123 -0
  183. package/app/ja/mariadb-client/index.html +111 -0
  184. package/app/ja/mysql-client/index.html +112 -0
  185. package/app/ja/neon-client/index.html +111 -0
  186. package/app/ja/oracle-client/index.html +111 -0
  187. package/app/ja/postgresql-client/index.html +111 -0
  188. package/app/ja/sql-server-client/index.html +111 -0
  189. package/app/ja/sqlite-viewer/index.html +112 -0
  190. package/app/ja/supabase-client/index.html +111 -0
  191. package/app/ko/cloudflare-d1-client/index.html +111 -0
  192. package/app/ko/index.html +123 -0
  193. package/app/ko/mariadb-client/index.html +111 -0
  194. package/app/ko/mysql-client/index.html +112 -0
  195. package/app/ko/neon-client/index.html +111 -0
  196. package/app/ko/oracle-client/index.html +111 -0
  197. package/app/ko/postgresql-client/index.html +111 -0
  198. package/app/ko/sql-server-client/index.html +111 -0
  199. package/app/ko/sqlite-viewer/index.html +112 -0
  200. package/app/ko/supabase-client/index.html +111 -0
  201. package/app/landing.css +25 -0
  202. package/app/mariadb-client/index.html +111 -0
  203. package/app/mysql-client/index.html +112 -0
  204. package/app/neon-client/index.html +111 -0
  205. package/app/og-image.png +0 -0
  206. package/app/oracle-client/index.html +111 -0
  207. package/app/postgresql-client/index.html +111 -0
  208. package/app/robots.txt +3 -0
  209. package/app/sample-shop.db +0 -0
  210. package/app/sitemap.xml +603 -0
  211. package/app/sql-server-client/index.html +111 -0
  212. package/app/sqlite-viewer/index.html +112 -0
  213. package/app/supabase-client/index.html +111 -0
  214. package/app/zh/cloudflare-d1-client/index.html +111 -0
  215. package/app/zh/index.html +123 -0
  216. package/app/zh/mariadb-client/index.html +111 -0
  217. package/app/zh/mysql-client/index.html +112 -0
  218. package/app/zh/neon-client/index.html +111 -0
  219. package/app/zh/oracle-client/index.html +111 -0
  220. package/app/zh/postgresql-client/index.html +111 -0
  221. package/app/zh/sql-server-client/index.html +111 -0
  222. package/app/zh/sqlite-viewer/index.html +112 -0
  223. package/app/zh/supabase-client/index.html +111 -0
  224. package/dist/index.js +990 -659
  225. package/package.json +5 -3
@@ -0,0 +1,112 @@
1
+ <!doctype html>
2
+ <!-- Generated by scripts/build-landing.mjs from landing/content.mjs — edit the content module, not this file. -->
3
+ <html lang="fr">
4
+ <head>
5
+ <meta charset="UTF-8" />
6
+ <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
7
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
8
+ <title>Visionneuse SQLite en ligne — Ouvrez des fichiers .db / .sqlite dans votre navigateur, sans envoi</title>
9
+ <meta name="description" content="Visionneuse et éditeur SQLite en ligne gratuits. Ouvrez un fichier .sqlite ou .db directement dans votre navigateur, parcourez les tables, exécutez des requêtes SQL, modifiez des lignes et réenregistrez le fichier. Fonctionne en WebAssembly — votre base n'est jamais envoyée." />
10
+ <link rel="canonical" href="https://planche.dev/fr/sqlite-viewer/" />
11
+ <link rel="alternate" hreflang="en" href="https://planche.dev/sqlite-viewer/" />
12
+ <link rel="alternate" hreflang="ko" href="https://planche.dev/ko/sqlite-viewer/" />
13
+ <link rel="alternate" hreflang="ja" href="https://planche.dev/ja/sqlite-viewer/" />
14
+ <link rel="alternate" hreflang="zh" href="https://planche.dev/zh/sqlite-viewer/" />
15
+ <link rel="alternate" hreflang="de" href="https://planche.dev/de/sqlite-viewer/" />
16
+ <link rel="alternate" hreflang="fr" href="https://planche.dev/fr/sqlite-viewer/" />
17
+ <link rel="alternate" hreflang="x-default" href="https://planche.dev/sqlite-viewer/" />
18
+ <meta property="og:type" content="website" />
19
+ <meta property="og:site_name" content="Planche" />
20
+ <meta property="og:title" content="Visionneuse SQLite en ligne — rien n’est envoyé" />
21
+ <meta property="og:description" content="Visionneuse et éditeur SQLite en ligne gratuits. Ouvrez un fichier .sqlite ou .db directement dans votre navigateur, parcourez les tables, exécutez des requêtes SQL, modifiez des lignes et réenregistrez le fichier. Fonctionne en WebAssembly — votre base n'est jamais envoyée." />
22
+ <meta property="og:url" content="https://planche.dev/fr/sqlite-viewer/" />
23
+ <meta property="og:image" content="https://planche.dev/og-image.png" />
24
+ <meta property="og:image:width" content="1200" />
25
+ <meta property="og:image:height" content="630" />
26
+ <meta property="og:image:alt" content="Visionneuse SQLite en ligne — rien n’est envoyé" />
27
+ <meta property="og:locale" content="fr_FR" />
28
+ <meta property="og:locale:alternate" content="en_US" />
29
+ <meta property="og:locale:alternate" content="ko_KR" />
30
+ <meta property="og:locale:alternate" content="ja_JP" />
31
+ <meta property="og:locale:alternate" content="zh_CN" />
32
+ <meta property="og:locale:alternate" content="de_DE" />
33
+ <meta name="twitter:card" content="summary_large_image" />
34
+ <meta name="twitter:title" content="Visionneuse SQLite en ligne — rien n’est envoyé" />
35
+ <meta name="twitter:description" content="Visionneuse et éditeur SQLite en ligne gratuits. Ouvrez un fichier .sqlite ou .db directement dans votre navigateur, parcourez les tables, exécutez des requêtes SQL, modifiez des lignes et réenregistrez le fichier. Fonctionne en WebAssembly — votre base n'est jamais envoyée." />
36
+ <meta name="twitter:image" content="https://planche.dev/og-image.png" />
37
+ <link rel="stylesheet" href="/landing.css" />
38
+ <script type="module" crossorigin src="/assets/rolldown-runtime-hePW80VL.js"></script>
39
+ <script type="module" crossorigin src="/assets/ui-store-BPY9VfQP.js"></script>
40
+ <script type="module" crossorigin src="/assets/button-DkRlMkru.js"></script>
41
+ <script type="module" crossorigin src="/assets/preload-helper-Czpn1I53.js"></script>
42
+ <script type="module" crossorigin src="/assets/i18n-C7R6hKCp.js"></script>
43
+ <script type="module" crossorigin src="/assets/editor.api2-JBjomUWM.js"></script>
44
+ <script type="module" crossorigin src="/assets/dist-BV6Hwye5.js"></script>
45
+ <script type="module" crossorigin src="/assets/dist-C2pydad-.js"></script>
46
+ <script type="module" crossorigin src="/assets/dist-C3MLFgG1.js"></script>
47
+ <script type="module" crossorigin src="/assets/app-storage-B6v72zLH.js"></script>
48
+ <script type="module" crossorigin src="/assets/connection-store-CJ_al8qv.js"></script>
49
+ <script type="module" crossorigin src="/assets/settings-store-DxKFgC4Z.js"></script>
50
+ <script type="module" crossorigin src="/assets/query-store-DlzOIWw1.js"></script>
51
+ <script type="module" crossorigin src="/assets/database-BIhkgl2O.js"></script>
52
+ <script type="module" crossorigin src="/assets/dbms-Cq4imB7l.js"></script>
53
+ <script type="module" crossorigin src="/assets/engine-DBTzC3si.js"></script>
54
+ <script type="module" crossorigin src="/assets/schema-nodes-n_QZJb21.js"></script>
55
+ <script type="module" crossorigin src="/assets/query-execution-CR2mkIdH.js"></script>
56
+ <script type="module" crossorigin src="/assets/use-engine-F2Y_trPz.js"></script>
57
+ <script type="module" crossorigin src="/assets/table-definition-Bs5VSn0X.js"></script>
58
+ <script type="module" crossorigin src="/assets/table-copy-2y2RNth1.js"></script>
59
+ <script type="module" crossorigin src="/assets/main-NJl8KiiX.js"></script>
60
+ <link rel="stylesheet" crossorigin href="/assets/editor-Br_kD0ds.css">
61
+ <link rel="stylesheet" crossorigin href="/assets/main-DI8DxG3x.css">
62
+ </head>
63
+ <body>
64
+ <section id="landing">
65
+ <div>
66
+ <nav aria-label="Clients de bases de données">
67
+ <a href="/fr/">Planche</a>
68
+ <a href="/fr/sqlite-viewer/" aria-current="page">Visionneuse SQLite</a>
69
+ <a href="/fr/mysql-client/">Client MySQL</a>
70
+ <a href="/fr/mariadb-client/">Client MariaDB</a>
71
+ <a href="/fr/postgresql-client/">Client PostgreSQL</a>
72
+ <a href="/fr/sql-server-client/">Client SQL Server</a>
73
+ <a href="/fr/oracle-client/">Client Oracle</a>
74
+ <a href="/fr/neon-client/">Client Neon</a>
75
+ <a href="/fr/supabase-client/">Client Supabase</a>
76
+ <a href="/fr/cloudflare-d1-client/">Client Cloudflare D1</a>
77
+ </nav>
78
+ <nav class="languages" aria-label="Langues">
79
+ <a href="/sqlite-viewer/" hreflang="en" lang="en">English</a>
80
+ <a href="/ko/sqlite-viewer/" hreflang="ko" lang="ko">한국어</a>
81
+ <a href="/ja/sqlite-viewer/" hreflang="ja" lang="ja">日本語</a>
82
+ <a href="/zh/sqlite-viewer/" hreflang="zh" lang="zh">中文</a>
83
+ <a href="/de/sqlite-viewer/" hreflang="de" lang="de">Deutsch</a>
84
+ <a href="/fr/sqlite-viewer/" hreflang="fr" lang="fr" aria-current="true">Français</a>
85
+ </nav>
86
+ <h1>Visionneuse &amp; éditeur SQLite en ligne — rien n’est envoyé</h1>
87
+ <p>Ouvrez n'importe quel fichier <code>.sqlite</code>, <code>.db</code> ou <code>.sqlite3</code> directement depuis votre ordinateur et parcourez-le comme avec un outil de bureau. Planche charge le fichier avec SQLite compilé en WebAssembly <strong>dans la page</strong> : les données ne quittent jamais votre navigateur — sûr pour les dumps de production, les sauvegardes d'applications et tout ce qui est confidentiel.</p>
88
+ <a class="cta" href="/fr/sqlite-viewer/">Ouvrir un fichier SQLite</a>
89
+
90
+ <h2>Ce que vous pouvez faire</h2>
91
+ <ul>
92
+ <li>Parcourir tables, vues, index et déclencheurs dans un arbre de schéma</li>
93
+ <li>Exécuter n'importe quelle requête SQL dans un éditeur avec autocomplétion ; résultats dans une grille rapide et triable</li>
94
+ <li>Modifier les cellules dans la grille et valider — Planche affiche l'UPDATE généré avant de l'exécuter</li>
95
+ <li>Enregistrer les modifications dans le fichier d'origine (File System Access API) ou télécharger une copie</li>
96
+ <li>Lit les bases en mode WAL quand le fichier <code>-wal</code> est sélectionné avec la base</li>
97
+ <li>Visualiser les clés étrangères sous forme d’ERD</li>
98
+ <li>Fonctionne hors ligne après le premier chargement ; sans inscription</li>
99
+ </ul>
100
+
101
+ <h2>Comment ça marche</h2>
102
+ <p>Choisissez un fichier (ou essayez la base d'exemple intégrée). Il est copié dans une instance SQLite en mémoire qui tourne en WebAssembly. Tout — requêtes, modifications, exports — se passe en local. À l'enregistrement, les octets sont réécrits dans le fichier choisi. Rien n'est envoyé à planche.dev ni ailleurs.</p>
103
+ <p>Besoin aussi de MySQL ou PostgreSQL ? La même interface se connecte aux bases réseau via un agent local — voir le <a href="/fr/mysql-client/">client MySQL</a> et le <a href="/fr/postgresql-client/">client PostgreSQL</a>.</p>
104
+ <p>Également disponibles : <a href="/fr/mysql-client/">Client MySQL</a>, <a href="/fr/mariadb-client/">Client MariaDB</a>, <a href="/fr/postgresql-client/">Client PostgreSQL</a>, <a href="/fr/sql-server-client/">Client SQL Server</a>, <a href="/fr/oracle-client/">Client Oracle</a>, <a href="/fr/neon-client/">Client Neon</a>, <a href="/fr/supabase-client/">Client Supabase</a> et <a href="/fr/cloudflare-d1-client/">Client Cloudflare D1</a>.</p>
105
+ <h2>Gratuit</h2>
106
+ <p>Planche est gratuit, sans compte ni paywall, et ne collecte ni vos requêtes ni vos données — les profils de connexion restent uniquement dans votre navigateur.</p>
107
+ <footer>© Planche. Gratuit pour toujours, usage personnel et commercial.</footer>
108
+ </div>
109
+ </section>
110
+ <div id="root"></div>
111
+ </body>
112
+ </html>
@@ -0,0 +1,111 @@
1
+ <!doctype html>
2
+ <!-- Generated by scripts/build-landing.mjs from landing/content.mjs — edit the content module, not this file. -->
3
+ <html lang="fr">
4
+ <head>
5
+ <meta charset="UTF-8" />
6
+ <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
7
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
8
+ <title>Client de base Supabase gratuit dans votre navigateur — GUI pour Supabase Postgres</title>
9
+ <meta name="description" content="Client GUI gratuit pour la base Postgres derrière Supabase, qui tourne dans le navigateur. Collez votre chaîne de connexion Supabase et parcourez les tables, exécutez du SQL, modifiez des lignes et affichez l’ERD. Se connecte via un agent local (npx planche)." />
10
+ <link rel="canonical" href="https://planche.dev/fr/supabase-client/" />
11
+ <link rel="alternate" hreflang="en" href="https://planche.dev/supabase-client/" />
12
+ <link rel="alternate" hreflang="ko" href="https://planche.dev/ko/supabase-client/" />
13
+ <link rel="alternate" hreflang="ja" href="https://planche.dev/ja/supabase-client/" />
14
+ <link rel="alternate" hreflang="zh" href="https://planche.dev/zh/supabase-client/" />
15
+ <link rel="alternate" hreflang="de" href="https://planche.dev/de/supabase-client/" />
16
+ <link rel="alternate" hreflang="fr" href="https://planche.dev/fr/supabase-client/" />
17
+ <link rel="alternate" hreflang="x-default" href="https://planche.dev/supabase-client/" />
18
+ <meta property="og:type" content="website" />
19
+ <meta property="og:site_name" content="Planche" />
20
+ <meta property="og:title" content="Client de base Supabase gratuit dans votre navigateur" />
21
+ <meta property="og:description" content="Client GUI gratuit pour la base Postgres derrière Supabase, qui tourne dans le navigateur. Collez votre chaîne de connexion Supabase et parcourez les tables, exécutez du SQL, modifiez des lignes et affichez l’ERD. Se connecte via un agent local (npx planche)." />
22
+ <meta property="og:url" content="https://planche.dev/fr/supabase-client/" />
23
+ <meta property="og:image" content="https://planche.dev/og-image.png" />
24
+ <meta property="og:image:width" content="1200" />
25
+ <meta property="og:image:height" content="630" />
26
+ <meta property="og:image:alt" content="Client de base Supabase gratuit dans votre navigateur" />
27
+ <meta property="og:locale" content="fr_FR" />
28
+ <meta property="og:locale:alternate" content="en_US" />
29
+ <meta property="og:locale:alternate" content="ko_KR" />
30
+ <meta property="og:locale:alternate" content="ja_JP" />
31
+ <meta property="og:locale:alternate" content="zh_CN" />
32
+ <meta property="og:locale:alternate" content="de_DE" />
33
+ <meta name="twitter:card" content="summary_large_image" />
34
+ <meta name="twitter:title" content="Client de base Supabase gratuit dans votre navigateur" />
35
+ <meta name="twitter:description" content="Client GUI gratuit pour la base Postgres derrière Supabase, qui tourne dans le navigateur. Collez votre chaîne de connexion Supabase et parcourez les tables, exécutez du SQL, modifiez des lignes et affichez l’ERD. Se connecte via un agent local (npx planche)." />
36
+ <meta name="twitter:image" content="https://planche.dev/og-image.png" />
37
+ <link rel="stylesheet" href="/landing.css" />
38
+ <script type="module" crossorigin src="/assets/rolldown-runtime-hePW80VL.js"></script>
39
+ <script type="module" crossorigin src="/assets/ui-store-BPY9VfQP.js"></script>
40
+ <script type="module" crossorigin src="/assets/button-DkRlMkru.js"></script>
41
+ <script type="module" crossorigin src="/assets/preload-helper-Czpn1I53.js"></script>
42
+ <script type="module" crossorigin src="/assets/i18n-C7R6hKCp.js"></script>
43
+ <script type="module" crossorigin src="/assets/editor.api2-JBjomUWM.js"></script>
44
+ <script type="module" crossorigin src="/assets/dist-BV6Hwye5.js"></script>
45
+ <script type="module" crossorigin src="/assets/dist-C2pydad-.js"></script>
46
+ <script type="module" crossorigin src="/assets/dist-C3MLFgG1.js"></script>
47
+ <script type="module" crossorigin src="/assets/app-storage-B6v72zLH.js"></script>
48
+ <script type="module" crossorigin src="/assets/connection-store-CJ_al8qv.js"></script>
49
+ <script type="module" crossorigin src="/assets/settings-store-DxKFgC4Z.js"></script>
50
+ <script type="module" crossorigin src="/assets/query-store-DlzOIWw1.js"></script>
51
+ <script type="module" crossorigin src="/assets/database-BIhkgl2O.js"></script>
52
+ <script type="module" crossorigin src="/assets/dbms-Cq4imB7l.js"></script>
53
+ <script type="module" crossorigin src="/assets/engine-DBTzC3si.js"></script>
54
+ <script type="module" crossorigin src="/assets/schema-nodes-n_QZJb21.js"></script>
55
+ <script type="module" crossorigin src="/assets/query-execution-CR2mkIdH.js"></script>
56
+ <script type="module" crossorigin src="/assets/use-engine-F2Y_trPz.js"></script>
57
+ <script type="module" crossorigin src="/assets/table-definition-Bs5VSn0X.js"></script>
58
+ <script type="module" crossorigin src="/assets/table-copy-2y2RNth1.js"></script>
59
+ <script type="module" crossorigin src="/assets/main-NJl8KiiX.js"></script>
60
+ <link rel="stylesheet" crossorigin href="/assets/editor-Br_kD0ds.css">
61
+ <link rel="stylesheet" crossorigin href="/assets/main-DI8DxG3x.css">
62
+ </head>
63
+ <body>
64
+ <section id="landing">
65
+ <div>
66
+ <nav aria-label="Clients de bases de données">
67
+ <a href="/fr/">Planche</a>
68
+ <a href="/fr/sqlite-viewer/">Visionneuse SQLite</a>
69
+ <a href="/fr/mysql-client/">Client MySQL</a>
70
+ <a href="/fr/mariadb-client/">Client MariaDB</a>
71
+ <a href="/fr/postgresql-client/">Client PostgreSQL</a>
72
+ <a href="/fr/sql-server-client/">Client SQL Server</a>
73
+ <a href="/fr/oracle-client/">Client Oracle</a>
74
+ <a href="/fr/neon-client/">Client Neon</a>
75
+ <a href="/fr/supabase-client/" aria-current="page">Client Supabase</a>
76
+ <a href="/fr/cloudflare-d1-client/">Client Cloudflare D1</a>
77
+ </nav>
78
+ <nav class="languages" aria-label="Langues">
79
+ <a href="/supabase-client/" hreflang="en" lang="en">English</a>
80
+ <a href="/ko/supabase-client/" hreflang="ko" lang="ko">한국어</a>
81
+ <a href="/ja/supabase-client/" hreflang="ja" lang="ja">日本語</a>
82
+ <a href="/zh/supabase-client/" hreflang="zh" lang="zh">中文</a>
83
+ <a href="/de/supabase-client/" hreflang="de" lang="de">Deutsch</a>
84
+ <a href="/fr/supabase-client/" hreflang="fr" lang="fr" aria-current="true">Français</a>
85
+ </nav>
86
+ <h1>Client de base Supabase qui tourne dans votre navigateur</h1>
87
+ <p>Planche est une GUI gratuite pour la base Postgres de <strong>Supabase</strong> — un client SQL de niveau bureau pour quand l'éditeur de tables du tableau de bord ne suffit plus. Collez la chaîne de connexion de votre projet et vous obtenez un éditeur SQL complet, un explorateur de schéma (<code>public</code>, <code>auth</code>, <code>storage</code>, …), une grille modifiable et un ERD.</p>
88
+ <a class="cta" href="/fr/supabase-client/">Ouvrir le client Supabase</a>
89
+
90
+ <h2>Fonctionnalités</h2>
91
+ <ul>
92
+ <li>Collez la chaîne du Session pooler ou de la connexion directe — hôte, utilisateur (<code>postgres.&lt;ref&gt;</code>), mot de passe et base se remplissent automatiquement</li>
93
+ <li>TLS toujours actif ; avertit si vous choisissez le transaction pooler (port 6543), où l'état de session n'est pas conservé</li>
94
+ <li>Parcourez chaque schéma — <code>public</code>, <code>auth</code>, <code>storage</code>, <code>extensions</code> — comme des espaces de noms séparés</li>
95
+ <li>Éditeur SQL conscient de PostgreSQL, grille de résultats modifiable avec prévisualisation des UPDATE, ERD à partir des clés étrangères</li>
96
+ <li>Connexions en lecture seule, couleur de production, confirmation des instructions destructrices</li>
97
+ <li>Historique des requêtes et instantanés locaux</li>
98
+ </ul>
99
+
100
+ <h2>Comment ça se connecte</h2>
101
+ <p>Lancez <code>npx planche</code> dans un terminal (Node 22+). Un petit agent local démarre sur votre machine, ouvre la connexion TLS vers Supabase (via Supavisor ou en direct) et ouvre cette page déjà appairée. Le navigateur ne parle qu'à <code>127.0.0.1</code> ; votre mot de passe de base n'est envoyé à aucun serveur autre que Supabase.</p>
102
+ <p>Supabase est du PostgreSQL standard, donc tout ce qui vaut pour le <a href="/fr/postgresql-client/">client PostgreSQL</a> s'applique. Utilisez le session pooler (port 5432) ou la connexion directe pour une session normale ; le transaction pooler est conçu pour les fonctions serverless, pas pour les clients interactifs.</p>
103
+ <p>Également disponibles : <a href="/fr/sqlite-viewer/">Visionneuse SQLite</a>, <a href="/fr/mysql-client/">Client MySQL</a>, <a href="/fr/mariadb-client/">Client MariaDB</a>, <a href="/fr/postgresql-client/">Client PostgreSQL</a>, <a href="/fr/sql-server-client/">Client SQL Server</a>, <a href="/fr/oracle-client/">Client Oracle</a>, <a href="/fr/neon-client/">Client Neon</a> et <a href="/fr/cloudflare-d1-client/">Client Cloudflare D1</a>.</p>
104
+ <h2>Gratuit</h2>
105
+ <p>Planche est gratuit, sans compte ni paywall, et ne collecte ni vos requêtes ni vos données — les profils de connexion restent uniquement dans votre navigateur.</p>
106
+ <footer>© Planche. Gratuit pour toujours, usage personnel et commercial.</footer>
107
+ </div>
108
+ </section>
109
+ <div id="root"></div>
110
+ </body>
111
+ </html>
package/app/icons.svg ADDED
@@ -0,0 +1,24 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg">
2
+ <symbol id="bluesky-icon" viewBox="0 0 16 17">
3
+ <g clip-path="url(#bluesky-clip)"><path fill="#08060d" d="M7.75 7.735c-.693-1.348-2.58-3.86-4.334-5.097-1.68-1.187-2.32-.981-2.74-.79C.188 2.065.1 2.812.1 3.251s.241 3.602.398 4.13c.52 1.744 2.367 2.333 4.07 2.145-2.495.37-4.71 1.278-1.805 4.512 3.196 3.309 4.38-.71 4.987-2.746.608 2.036 1.307 5.91 4.93 2.746 2.72-2.746.747-4.143-1.747-4.512 1.702.189 3.55-.4 4.07-2.145.156-.528.397-3.691.397-4.13s-.088-1.186-.575-1.406c-.42-.19-1.06-.395-2.741.79-1.755 1.24-3.64 3.752-4.334 5.099"/></g>
4
+ <defs><clipPath id="bluesky-clip"><path fill="#fff" d="M.1.85h15.3v15.3H.1z"/></clipPath></defs>
5
+ </symbol>
6
+ <symbol id="discord-icon" viewBox="0 0 20 19">
7
+ <path fill="#08060d" d="M16.224 3.768a14.5 14.5 0 0 0-3.67-1.153c-.158.286-.343.67-.47.976a13.5 13.5 0 0 0-4.067 0c-.128-.306-.317-.69-.476-.976A14.4 14.4 0 0 0 3.868 3.77C1.546 7.28.916 10.703 1.231 14.077a14.7 14.7 0 0 0 4.5 2.306q.545-.748.965-1.587a9.5 9.5 0 0 1-1.518-.74q.191-.14.372-.293c2.927 1.369 6.107 1.369 8.999 0q.183.152.372.294-.723.437-1.52.74.418.838.963 1.588a14.6 14.6 0 0 0 4.504-2.308c.37-3.911-.63-7.302-2.644-10.309m-9.13 8.234c-.878 0-1.599-.82-1.599-1.82 0-.998.705-1.82 1.6-1.82.894 0 1.614.82 1.599 1.82.001 1-.705 1.82-1.6 1.82m5.91 0c-.878 0-1.599-.82-1.599-1.82 0-.998.705-1.82 1.6-1.82.893 0 1.614.82 1.599 1.82 0 1-.706 1.82-1.6 1.82"/>
8
+ </symbol>
9
+ <symbol id="documentation-icon" viewBox="0 0 21 20">
10
+ <path fill="none" stroke="#aa3bff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="m15.5 13.333 1.533 1.322c.645.555.967.833.967 1.178s-.322.623-.967 1.179L15.5 18.333m-3.333-5-1.534 1.322c-.644.555-.966.833-.966 1.178s.322.623.966 1.179l1.534 1.321"/>
11
+ <path fill="none" stroke="#aa3bff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M17.167 10.836v-4.32c0-1.41 0-2.117-.224-2.68-.359-.906-1.118-1.621-2.08-1.96-.599-.21-1.349-.21-2.848-.21-2.623 0-3.935 0-4.983.369-1.684.591-3.013 1.842-3.641 3.428C3 6.449 3 7.684 3 10.154v2.122c0 2.558 0 3.838.706 4.726q.306.383.713.671c.76.536 1.79.64 3.581.66"/>
12
+ <path fill="none" stroke="#aa3bff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M3 10a2.78 2.78 0 0 1 2.778-2.778c.555 0 1.209.097 1.748-.047.48-.129.854-.503.982-.982.145-.54.048-1.194.048-1.749a2.78 2.78 0 0 1 2.777-2.777"/>
13
+ </symbol>
14
+ <symbol id="github-icon" viewBox="0 0 19 19">
15
+ <path fill="#08060d" fill-rule="evenodd" d="M9.356 1.85C5.05 1.85 1.57 5.356 1.57 9.694a7.84 7.84 0 0 0 5.324 7.44c.387.079.528-.168.528-.376 0-.182-.013-.805-.013-1.454-2.165.467-2.616-.935-2.616-.935-.349-.91-.864-1.143-.864-1.143-.71-.48.051-.48.051-.48.787.051 1.2.805 1.2.805.695 1.194 1.817.857 2.268.649.064-.507.27-.857.49-1.052-1.728-.182-3.545-.857-3.545-3.87 0-.857.31-1.558.8-2.104-.078-.195-.349-1 .077-2.078 0 0 .657-.208 2.14.805a7.5 7.5 0 0 1 1.946-.26c.657 0 1.328.092 1.946.26 1.483-1.013 2.14-.805 2.14-.805.426 1.078.155 1.883.078 2.078.502.546.799 1.247.799 2.104 0 3.013-1.818 3.675-3.558 3.87.284.247.528.714.528 1.454 0 1.052-.012 1.896-.012 2.156 0 .208.142.455.528.377a7.84 7.84 0 0 0 5.324-7.441c.013-4.338-3.48-7.844-7.773-7.844" clip-rule="evenodd"/>
16
+ </symbol>
17
+ <symbol id="social-icon" viewBox="0 0 20 20">
18
+ <path fill="none" stroke="#aa3bff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M12.5 6.667a4.167 4.167 0 1 0-8.334 0 4.167 4.167 0 0 0 8.334 0"/>
19
+ <path fill="none" stroke="#aa3bff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M2.5 16.667a5.833 5.833 0 0 1 8.75-5.053m3.837.474.513 1.035c.07.144.257.282.414.309l.93.155c.596.1.736.536.307.965l-.723.73a.64.64 0 0 0-.152.531l.207.903c.164.715-.213.991-.84.618l-.872-.52a.63.63 0 0 0-.577 0l-.872.52c-.624.373-1.003.094-.84-.618l.207-.903a.64.64 0 0 0-.152-.532l-.723-.729c-.426-.43-.289-.864.306-.964l.93-.156a.64.64 0 0 0 .412-.31l.513-1.034c.28-.562.735-.562 1.012 0"/>
20
+ </symbol>
21
+ <symbol id="x-icon" viewBox="0 0 19 19">
22
+ <path fill="#08060d" fill-rule="evenodd" d="M1.893 1.98c.052.072 1.245 1.769 2.653 3.77l2.892 4.114c.183.261.333.48.333.486s-.068.089-.152.183l-.522.593-.765.867-3.597 4.087c-.375.426-.734.834-.798.905a1 1 0 0 0-.118.148c0 .01.236.017.664.017h.663l.729-.83c.4-.457.796-.906.879-.999a692 692 0 0 0 1.794-2.038c.034-.037.301-.34.594-.675l.551-.624.345-.392a7 7 0 0 1 .34-.374c.006 0 .93 1.306 2.052 2.903l2.084 2.965.045.063h2.275c1.87 0 2.273-.003 2.266-.021-.008-.02-1.098-1.572-3.894-5.547-2.013-2.862-2.28-3.246-2.273-3.266.008-.019.282-.332 2.085-2.38l2-2.274 1.567-1.782c.022-.028-.016-.03-.65-.03h-.674l-.3.342a871 871 0 0 1-1.782 2.025c-.067.075-.405.458-.75.852a100 100 0 0 1-.803.91c-.148.172-.299.344-.99 1.127-.304.343-.32.358-.345.327-.015-.019-.904-1.282-1.976-2.808L6.365 1.85H1.8zm1.782.91 8.078 11.294c.772 1.08 1.413 1.973 1.425 1.984.016.017.241.02 1.05.017l1.03-.004-2.694-3.766L7.796 5.75 5.722 2.852l-1.039-.004-1.039-.004z" clip-rule="evenodd"/>
23
+ </symbol>
24
+ </svg>
package/app/index.html ADDED
@@ -0,0 +1,123 @@
1
+ <!doctype html>
2
+ <!-- Generated by scripts/build-landing.mjs from landing/content.mjs — edit the content module, not this file. -->
3
+ <html lang="en">
4
+ <head>
5
+ <meta charset="UTF-8" />
6
+ <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
7
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
8
+ <title>Planche — Free Online SQL Client for MySQL, PostgreSQL, SQLite, SQL Server, Oracle &amp; more</title>
9
+ <meta name="description" content="Planche is a free SQL client that runs in your browser. Query MySQL, MariaDB, PostgreSQL, SQL Server, Oracle, Neon, Supabase and Cloudflare D1 through a local agent, or open SQLite files with nothing leaving your computer. SQL editor, data grid, schema browser and ERD." />
10
+ <link rel="canonical" href="https://planche.dev/" />
11
+ <link rel="alternate" hreflang="en" href="https://planche.dev/" />
12
+ <link rel="alternate" hreflang="ko" href="https://planche.dev/ko/" />
13
+ <link rel="alternate" hreflang="ja" href="https://planche.dev/ja/" />
14
+ <link rel="alternate" hreflang="zh" href="https://planche.dev/zh/" />
15
+ <link rel="alternate" hreflang="de" href="https://planche.dev/de/" />
16
+ <link rel="alternate" hreflang="fr" href="https://planche.dev/fr/" />
17
+ <link rel="alternate" hreflang="x-default" href="https://planche.dev/" />
18
+ <meta property="og:type" content="website" />
19
+ <meta property="og:site_name" content="Planche" />
20
+ <meta property="og:title" content="Planche — Free Online SQL Client" />
21
+ <meta property="og:description" content="Free SQL client in your browser for MySQL, MariaDB, PostgreSQL, SQLite, SQL Server, Oracle, Neon, Supabase and Cloudflare D1. No sign-up, no upload." />
22
+ <meta property="og:url" content="https://planche.dev/" />
23
+ <meta property="og:image" content="https://planche.dev/og-image.png" />
24
+ <meta property="og:image:width" content="1200" />
25
+ <meta property="og:image:height" content="630" />
26
+ <meta property="og:image:alt" content="Planche — Free Online SQL Client" />
27
+ <meta property="og:locale" content="en_US" />
28
+ <meta property="og:locale:alternate" content="ko_KR" />
29
+ <meta property="og:locale:alternate" content="ja_JP" />
30
+ <meta property="og:locale:alternate" content="zh_CN" />
31
+ <meta property="og:locale:alternate" content="de_DE" />
32
+ <meta property="og:locale:alternate" content="fr_FR" />
33
+ <meta name="twitter:card" content="summary_large_image" />
34
+ <meta name="twitter:title" content="Planche — Free Online SQL Client" />
35
+ <meta name="twitter:description" content="Free SQL client in your browser for MySQL, MariaDB, PostgreSQL, SQLite, SQL Server, Oracle, Neon, Supabase and Cloudflare D1. No sign-up, no upload." />
36
+ <meta name="twitter:image" content="https://planche.dev/og-image.png" />
37
+ <link rel="stylesheet" href="/landing.css" />
38
+ <script type="application/ld+json">
39
+ {
40
+ "@context": "https://schema.org",
41
+ "@type": "SoftwareApplication",
42
+ "name": "Planche",
43
+ "applicationCategory": "DeveloperApplication",
44
+ "operatingSystem": "Any (web browser)",
45
+ "url": "https://planche.dev/",
46
+ "inLanguage": "en",
47
+ "image": "https://planche.dev/og-image.png",
48
+ "description": "Free SQL client in your browser for MySQL, MariaDB, PostgreSQL, SQLite, SQL Server, Oracle, Neon, Supabase and Cloudflare D1. No sign-up, no upload.",
49
+ "offers": { "@type": "Offer", "price": "0", "priceCurrency": "USD" }
50
+ }
51
+ </script>
52
+ <script type="module" crossorigin src="/assets/rolldown-runtime-hePW80VL.js"></script>
53
+ <script type="module" crossorigin src="/assets/ui-store-BPY9VfQP.js"></script>
54
+ <script type="module" crossorigin src="/assets/button-DkRlMkru.js"></script>
55
+ <script type="module" crossorigin src="/assets/preload-helper-Czpn1I53.js"></script>
56
+ <script type="module" crossorigin src="/assets/i18n-C7R6hKCp.js"></script>
57
+ <script type="module" crossorigin src="/assets/editor.api2-JBjomUWM.js"></script>
58
+ <script type="module" crossorigin src="/assets/dist-BV6Hwye5.js"></script>
59
+ <script type="module" crossorigin src="/assets/dist-C2pydad-.js"></script>
60
+ <script type="module" crossorigin src="/assets/dist-C3MLFgG1.js"></script>
61
+ <script type="module" crossorigin src="/assets/app-storage-B6v72zLH.js"></script>
62
+ <script type="module" crossorigin src="/assets/connection-store-CJ_al8qv.js"></script>
63
+ <script type="module" crossorigin src="/assets/settings-store-DxKFgC4Z.js"></script>
64
+ <script type="module" crossorigin src="/assets/query-store-DlzOIWw1.js"></script>
65
+ <script type="module" crossorigin src="/assets/database-BIhkgl2O.js"></script>
66
+ <script type="module" crossorigin src="/assets/dbms-Cq4imB7l.js"></script>
67
+ <script type="module" crossorigin src="/assets/engine-DBTzC3si.js"></script>
68
+ <script type="module" crossorigin src="/assets/schema-nodes-n_QZJb21.js"></script>
69
+ <script type="module" crossorigin src="/assets/query-execution-CR2mkIdH.js"></script>
70
+ <script type="module" crossorigin src="/assets/use-engine-F2Y_trPz.js"></script>
71
+ <script type="module" crossorigin src="/assets/table-definition-Bs5VSn0X.js"></script>
72
+ <script type="module" crossorigin src="/assets/table-copy-2y2RNth1.js"></script>
73
+ <script type="module" crossorigin src="/assets/main-NJl8KiiX.js"></script>
74
+ <link rel="stylesheet" crossorigin href="/assets/editor-Br_kD0ds.css">
75
+ <link rel="stylesheet" crossorigin href="/assets/main-DI8DxG3x.css">
76
+ </head>
77
+ <body>
78
+ <section id="landing">
79
+ <div>
80
+ <nav aria-label="Database clients">
81
+ <a href="/sqlite-viewer/">SQLite viewer</a>
82
+ <a href="/mysql-client/">MySQL client</a>
83
+ <a href="/mariadb-client/">MariaDB client</a>
84
+ <a href="/postgresql-client/">PostgreSQL client</a>
85
+ <a href="/sql-server-client/">SQL Server client</a>
86
+ <a href="/oracle-client/">Oracle client</a>
87
+ <a href="/neon-client/">Neon client</a>
88
+ <a href="/supabase-client/">Supabase client</a>
89
+ <a href="/cloudflare-d1-client/">Cloudflare D1 client</a>
90
+ </nav>
91
+ <nav class="languages" aria-label="Languages">
92
+ <a href="/" hreflang="en" lang="en" aria-current="true">English</a>
93
+ <a href="/ko/" hreflang="ko" lang="ko">한국어</a>
94
+ <a href="/ja/" hreflang="ja" lang="ja">日本語</a>
95
+ <a href="/zh/" hreflang="zh" lang="zh">中文</a>
96
+ <a href="/de/" hreflang="de" lang="de">Deutsch</a>
97
+ <a href="/fr/" hreflang="fr" lang="fr">Français</a>
98
+ </nav>
99
+ <h1>Planche — a free SQL client that runs in your browser</h1>
100
+ <p>Planche is a free database GUI for <strong>MySQL</strong>, <strong>MariaDB</strong>, <strong>PostgreSQL</strong>, <strong>SQLite</strong>, <strong>SQL Server</strong> and <strong>Oracle</strong>, and for hosted databases such as <strong>Neon</strong>, <strong>Supabase</strong> and <strong>Cloudflare D1</strong>. There is nothing to install for SQLite files, and a one-line local agent for network databases. No account, no upload of your data, no tracking of your queries.</p>
101
+ <a class="cta" href="/">Open Planche</a>
102
+
103
+ <h2>What you get</h2>
104
+ <ul>
105
+ <li>SQL editor with syntax highlighting, autocomplete and keyword help (Monaco, the editor behind VS Code)</li>
106
+ <li>Fast, virtualized result grid — edit cells and commit the generated UPDATE statements</li>
107
+ <li>Schema browser: databases, tables, views, columns, indexes, procedures, users</li>
108
+ <li>ERD viewer generated from foreign keys</li>
109
+ <li>Query history, local snapshots, read-only and production guard rails</li>
110
+ <li>SSH tunnels, multiple connections, nine color themes</li>
111
+ </ul>
112
+
113
+ <h2>How it connects</h2>
114
+ <p><strong>SQLite:</strong> pick a <code>.db</code> / <code>.sqlite</code> file and it is loaded with WebAssembly inside the page — the file never leaves your computer. See the <a href="/sqlite-viewer/">online SQLite viewer</a>.</p>
115
+ <p><strong>MySQL, MariaDB, PostgreSQL, SQL Server, Oracle, Neon, Supabase, Cloudflare D1:</strong> run <code>npx planche</code> in a terminal. It starts a small local agent that talks to your database and opens this page paired to it. Your credentials stay on your machine.</p>
116
+ <h2>Free to use</h2>
117
+ <p>Planche is free to use, with no account and no upload of your data. The local agent is published on npm as <a href="https://www.npmjs.com/package/planche">planche</a>.</p>
118
+ <footer>© Planche. Free forever for personal and commercial use.</footer>
119
+ </div>
120
+ </section>
121
+ <div id="root"></div>
122
+ </body>
123
+ </html>
@@ -0,0 +1,111 @@
1
+ <!doctype html>
2
+ <!-- Generated by scripts/build-landing.mjs from landing/content.mjs — edit the content module, not this file. -->
3
+ <html lang="ja">
4
+ <head>
5
+ <meta charset="UTF-8" />
6
+ <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
7
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
8
+ <title>ブラウザで使える無料 Cloudflare D1 クライアント — D1 データベースの GUI</title>
9
+ <meta name="description" content="ブラウザで動く Cloudflare D1 向けの無料 GUI クライアント。API トークンで Cloudflare API を介して D1 データベースのテーブルの閲覧、SQL の実行、行の編集、ERD の表示ができます。ローカルエージェント(npx planche)で接続します。" />
10
+ <link rel="canonical" href="https://planche.dev/ja/cloudflare-d1-client/" />
11
+ <link rel="alternate" hreflang="en" href="https://planche.dev/cloudflare-d1-client/" />
12
+ <link rel="alternate" hreflang="ko" href="https://planche.dev/ko/cloudflare-d1-client/" />
13
+ <link rel="alternate" hreflang="ja" href="https://planche.dev/ja/cloudflare-d1-client/" />
14
+ <link rel="alternate" hreflang="zh" href="https://planche.dev/zh/cloudflare-d1-client/" />
15
+ <link rel="alternate" hreflang="de" href="https://planche.dev/de/cloudflare-d1-client/" />
16
+ <link rel="alternate" hreflang="fr" href="https://planche.dev/fr/cloudflare-d1-client/" />
17
+ <link rel="alternate" hreflang="x-default" href="https://planche.dev/cloudflare-d1-client/" />
18
+ <meta property="og:type" content="website" />
19
+ <meta property="og:site_name" content="Planche" />
20
+ <meta property="og:title" content="ブラウザで使える無料 Cloudflare D1 クライアント" />
21
+ <meta property="og:description" content="ブラウザで動く Cloudflare D1 向けの無料 GUI クライアント。API トークンで Cloudflare API を介して D1 データベースのテーブルの閲覧、SQL の実行、行の編集、ERD の表示ができます。ローカルエージェント(npx planche)で接続します。" />
22
+ <meta property="og:url" content="https://planche.dev/ja/cloudflare-d1-client/" />
23
+ <meta property="og:image" content="https://planche.dev/og-image.png" />
24
+ <meta property="og:image:width" content="1200" />
25
+ <meta property="og:image:height" content="630" />
26
+ <meta property="og:image:alt" content="ブラウザで使える無料 Cloudflare D1 クライアント" />
27
+ <meta property="og:locale" content="ja_JP" />
28
+ <meta property="og:locale:alternate" content="en_US" />
29
+ <meta property="og:locale:alternate" content="ko_KR" />
30
+ <meta property="og:locale:alternate" content="zh_CN" />
31
+ <meta property="og:locale:alternate" content="de_DE" />
32
+ <meta property="og:locale:alternate" content="fr_FR" />
33
+ <meta name="twitter:card" content="summary_large_image" />
34
+ <meta name="twitter:title" content="ブラウザで使える無料 Cloudflare D1 クライアント" />
35
+ <meta name="twitter:description" content="ブラウザで動く Cloudflare D1 向けの無料 GUI クライアント。API トークンで Cloudflare API を介して D1 データベースのテーブルの閲覧、SQL の実行、行の編集、ERD の表示ができます。ローカルエージェント(npx planche)で接続します。" />
36
+ <meta name="twitter:image" content="https://planche.dev/og-image.png" />
37
+ <link rel="stylesheet" href="/landing.css" />
38
+ <script type="module" crossorigin src="/assets/rolldown-runtime-hePW80VL.js"></script>
39
+ <script type="module" crossorigin src="/assets/ui-store-BPY9VfQP.js"></script>
40
+ <script type="module" crossorigin src="/assets/button-DkRlMkru.js"></script>
41
+ <script type="module" crossorigin src="/assets/preload-helper-Czpn1I53.js"></script>
42
+ <script type="module" crossorigin src="/assets/i18n-C7R6hKCp.js"></script>
43
+ <script type="module" crossorigin src="/assets/editor.api2-JBjomUWM.js"></script>
44
+ <script type="module" crossorigin src="/assets/dist-BV6Hwye5.js"></script>
45
+ <script type="module" crossorigin src="/assets/dist-C2pydad-.js"></script>
46
+ <script type="module" crossorigin src="/assets/dist-C3MLFgG1.js"></script>
47
+ <script type="module" crossorigin src="/assets/app-storage-B6v72zLH.js"></script>
48
+ <script type="module" crossorigin src="/assets/connection-store-CJ_al8qv.js"></script>
49
+ <script type="module" crossorigin src="/assets/settings-store-DxKFgC4Z.js"></script>
50
+ <script type="module" crossorigin src="/assets/query-store-DlzOIWw1.js"></script>
51
+ <script type="module" crossorigin src="/assets/database-BIhkgl2O.js"></script>
52
+ <script type="module" crossorigin src="/assets/dbms-Cq4imB7l.js"></script>
53
+ <script type="module" crossorigin src="/assets/engine-DBTzC3si.js"></script>
54
+ <script type="module" crossorigin src="/assets/schema-nodes-n_QZJb21.js"></script>
55
+ <script type="module" crossorigin src="/assets/query-execution-CR2mkIdH.js"></script>
56
+ <script type="module" crossorigin src="/assets/use-engine-F2Y_trPz.js"></script>
57
+ <script type="module" crossorigin src="/assets/table-definition-Bs5VSn0X.js"></script>
58
+ <script type="module" crossorigin src="/assets/table-copy-2y2RNth1.js"></script>
59
+ <script type="module" crossorigin src="/assets/main-NJl8KiiX.js"></script>
60
+ <link rel="stylesheet" crossorigin href="/assets/editor-Br_kD0ds.css">
61
+ <link rel="stylesheet" crossorigin href="/assets/main-DI8DxG3x.css">
62
+ </head>
63
+ <body>
64
+ <section id="landing">
65
+ <div>
66
+ <nav aria-label="データベースクライアント">
67
+ <a href="/ja/">Planche</a>
68
+ <a href="/ja/sqlite-viewer/">SQLite ビューア</a>
69
+ <a href="/ja/mysql-client/">MySQL クライアント</a>
70
+ <a href="/ja/mariadb-client/">MariaDB クライアント</a>
71
+ <a href="/ja/postgresql-client/">PostgreSQL クライアント</a>
72
+ <a href="/ja/sql-server-client/">SQL Server クライアント</a>
73
+ <a href="/ja/oracle-client/">Oracle クライアント</a>
74
+ <a href="/ja/neon-client/">Neon クライアント</a>
75
+ <a href="/ja/supabase-client/">Supabase クライアント</a>
76
+ <a href="/ja/cloudflare-d1-client/" aria-current="page">Cloudflare D1 クライアント</a>
77
+ </nav>
78
+ <nav class="languages" aria-label="言語">
79
+ <a href="/cloudflare-d1-client/" hreflang="en" lang="en">English</a>
80
+ <a href="/ko/cloudflare-d1-client/" hreflang="ko" lang="ko">한국어</a>
81
+ <a href="/ja/cloudflare-d1-client/" hreflang="ja" lang="ja" aria-current="true">日本語</a>
82
+ <a href="/zh/cloudflare-d1-client/" hreflang="zh" lang="zh">中文</a>
83
+ <a href="/de/cloudflare-d1-client/" hreflang="de" lang="de">Deutsch</a>
84
+ <a href="/fr/cloudflare-d1-client/" hreflang="fr" lang="fr">Français</a>
85
+ </nav>
86
+ <h1>ブラウザで動く Cloudflare D1 クライアント</h1>
87
+ <p>Planche は <strong>Cloudflare D1</strong> 向けの無料 GUI — <code>wrangler d1 execute</code> のワンライナーの代わりに、Workers の背後にある SQLite データベースを扱う本物の SQL クライアントです。アカウント ID、データベース ID、API トークンを入力するだけで、SQL エディタ、スキーマブラウザ、編集可能なグリッド、ERD が使えます。</p>
88
+ <a class="cta" href="/ja/cloudflare-d1-client/">Cloudflare D1 クライアントを開く</a>
89
+
90
+ <h2>機能</h2>
91
+ <ul>
92
+ <li>スコープを絞った API トークン(<em>D1 Edit</em>、読み取り専用なら <em>D1 Read</em>)で D1 REST API と通信 — wrangler もデプロイする Worker も不要</li>
93
+ <li>SQLite を理解する SQL エディタ。<code>sqlite_master</code> と <code>PRAGMA</code> でテーブル、ビュー、トリガー、列、インデックスを取得</li>
94
+ <li>編集可能な結果グリッド: 単一テーブルの SELECT はテーブルに対応付けられ、行をその場で更新可能</li>
95
+ <li>CREATE TABLE DDL、外部キーからの ERD ビューア、読み取り専用・本番環境のガードレール</li>
96
+ <li>クエリ履歴とローカルスナップショット</li>
97
+ <li>すべてのリクエストが自動コミットされる(D1 の制約)ため、D1 プロファイルでは手動トランザクションは無効</li>
98
+ </ul>
99
+
100
+ <h2>接続のしくみ</h2>
101
+ <p>ターミナルで <code>npx planche</code> を実行します(Node 22 以上)。手元のマシンに小さなローカルエージェントが起動してトークンで <code>api.cloudflare.com</code> を呼び出し、このページをペアリング済みの状態で開きます。ブラウザは <code>127.0.0.1</code> とだけ通信するので、API トークンが Cloudflare 以外のサーバーに送られることはありません。</p>
102
+ <p>D1 は SQLite なので、書く SQL には <a href="/ja/sqlite-viewer/">SQLite ビューア</a>のすべてがそのまま当てはまります。D1 データベースのローカルコピー(<code>.wrangler/state</code>)は、SQLite ビューアでファイルを直接開いてください。</p>
103
+ <p>その他のクライアント: <a href="/ja/sqlite-viewer/">SQLite ビューア</a>, <a href="/ja/mysql-client/">MySQL クライアント</a>, <a href="/ja/mariadb-client/">MariaDB クライアント</a>, <a href="/ja/postgresql-client/">PostgreSQL クライアント</a>, <a href="/ja/sql-server-client/">SQL Server クライアント</a>, <a href="/ja/oracle-client/">Oracle クライアント</a>, <a href="/ja/neon-client/">Neon クライアント</a> および <a href="/ja/supabase-client/">Supabase クライアント</a>.</p>
104
+ <h2>無料で利用可能</h2>
105
+ <p>Planche は無料で、アカウントも有料機能もありません。クエリやデータを収集せず、接続プロファイルはブラウザ内にのみ保存されます。</p>
106
+ <footer>© Planche. 個人利用・商用利用ともに永久無料。</footer>
107
+ </div>
108
+ </section>
109
+ <div id="root"></div>
110
+ </body>
111
+ </html>