Docs - Add docker documentation (#209)

makinacorpus · Feb 20, 2025 · 7137cdf · 7137cdf
1 parent 5fccc39
commit 7137cdf
Show file tree

Hide file tree

Showing 40 changed files with 885 additions and 714 deletions.
diff --git a/UPGRADE.md b/UPGRADE.md
@@ -2,10 +2,10 @@
 
 ## Next
 
-### Configuration file structure change
+### Configuration file structure changes
 
 The 2.0 version introduces many configuration changes. Most of them will
-gracefuly fallback to older version until 3.0, but some have been removed
+gracefully fallback to older version until 3.0, but some have been removed
 and will cause exceptions.
 
 Rationale is that now, all top-level configuration options can be directly
@@ -16,7 +16,7 @@ Please read carefully the new sample configuration files:
  - For Symfony: [config/packages/db_tools.yaml](./config/packages/db_tools.yaml)
  - For standalone: [config/db_tools.standalone.yaml](./config/db_tools.standalone.yaml)
 
-And the the [CHANGELOG.md](./CHANGELOG.md) file and fix your configuration accordingly.
+And the [changelog](./changelog) file and fix your configuration accordingly.
 
 The `backupper_binaries` and `backupper_options` as well as the `restorer_binaries`
 and `restorer_options` options have been removed and will raise exception when

diff --git a/docs/.vitepress/config.ts b/docs/.vitepress/config.ts
@@ -1,10 +1,12 @@
 import { defineConfig } from 'vitepress'
+import MarkdownItContainer from 'markdown-it-container'
+import { flavorList } from './theme/components/flavor'
 
 // https://vitepress.dev/reference/site-config
 export default defineConfig({
   lang: 'en',
   title: 'DbToolsBundle',
-  description: 'A Symfony bundle to backup, restore and anonymize your data',
+  description: 'A PHP library to backup, restore and anonymize databases',
   srcDir: "content",
   base: "/",
   metaChunk: false,
@@ -27,31 +29,6 @@ export default defineConfig({
     nav: [
       { text: 'Home', link: '/' },
     ],
-    editLink: {
-      pattern: 'https://github.com/makinacorpus/DbToolsBundle/blob/main/docs/content/:path',
-      text: 'Edit this page on Github'
-    },
-    docFooter: {
-      prev: 'Previous page',
-      next: 'Next page'
-    },
-    outlineTitle: 'On this page',
-    lastUpdated: {
-      text: 'Last updated',
-      formatOptions: {
-        dateStyle: 'short'
-      }
-    },
-    search: {
-      provider: 'local'
-    },
-    footer: {
-      message: 'Released under the MIT License.',
-      copyright: 'Copyright © 2023-present <a href="https://makina-corpus.com">Makina Corpus</a>'
-    },
-    socialLinks: [
-      { icon: 'github', link: 'https://github.com/makinacorpus/DbToolsBundle' }
-    ],
     sidebar: [
       {
         text: 'Getting Started',
@@ -87,6 +64,8 @@ export default defineConfig({
           { text: 'Statistics', link: '/stats' },
           { text: 'Configuration basics', link: '/configuration/basics' },
           { text: 'Configuration reference', link: '/configuration/reference' },
+          { text: 'Changelog', link: '/changelog'},
+          { text: 'Upgrade guide', link: '/upgrade'},
         ]
       },
       {
@@ -96,8 +75,54 @@ export default defineConfig({
           { text: 'How to help ?', link: '/contribute/contribute' },
           { text: 'Development guide', link: '/contribute/guide' },
           { text: 'Creating a pack of anonymizers', link: '/contribute/pack' },
+          { text: 'Code of conduct', link: '/contribute/code-of-conduct' },
         ]
       },
-    ]
+    ],
+    editLink: {
+      pattern: 'https://github.com/makinacorpus/DbToolsBundle/blob/main/docs/content/:path',
+      text: 'Edit this page on Github'
+    },
+    docFooter: {
+      prev: 'Previous page',
+      next: 'Next page'
+    },
+    outlineTitle: 'On this page',
+    lastUpdated: {
+      text: 'Last updated',
+      formatOptions: {
+        dateStyle: 'short'
+      }
+    },
+    search: {
+      provider: 'local'
+    },
+    footer: {
+      message: 'Released under the MIT License.',
+      copyright: 'Copyright © 2023-present <a href="https://makina-corpus.com">Makina Corpus</a>'
+    },
+    socialLinks: [
+      { icon: 'github', link: 'https://github.com/makinacorpus/DbToolsBundle' }
+    ],
+  },
+  markdown: {
+    config: (md) => {
+      function render(tokens, idx) {
+        const m: string = tokens[idx].info.trim()
+
+        if (tokens[idx].nesting === 1) {
+          const flavors = m.split(' ').join('-')
+          // opening tag
+          return '<div db-tools-flavor="' + flavors + '" >\n'
+        } else {
+          // closing tag
+          return '</div>\n'
+        }
+      }
+
+      flavorList.forEach(f => {
+        md.use(MarkdownItContainer, f, { marker: '@', render })
+      })
+    }
   }
 })
diff --git a/docs/.vitepress/theme/components/DbToolsBundleFlavorSwitcher.vue b/docs/.vitepress/theme/components/DbToolsBundleFlavorSwitcher.vue
@@ -1,5 +1,7 @@
 <script setup lang="ts">
-import { useFlavor } from './flavor';
+import { useFlavor } from './flavor'
+import { withBase } from 'vitepress'
+
 const { flavor } = useFlavor()
 const id = Math.random().toString(36).substring(2, 6);
 </script>
@@ -19,22 +21,29 @@ const id = Math.random().toString(36).substring(2, 6);
       </svg>
       Symfony
     </label>
-    <input type="radio" :id="'laravel-' + id" :name="'flavor-' + id" value="laravel" disabled>
+    <input type="radio" :id="'docker-' + id" :name="'flavor-' + id" value="docker" v-model="flavor">
+    <label :for="'docker-' + id">
+      <svg width="20px" height="20px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg">
+        <path d="M30.679 13.367c-0.613-0.404-1.366-0.645-2.175-0.645-0.093 0-0.185 0.003-0.276 0.009l0.012-0.001c-0.446 0.001-0.882 0.041-1.306 0.115l0.046-0.007c-0.235-1.357-1.025-2.495-2.122-3.191l-0.019-0.011-0.429-0.248-0.282 0.408c-0.336 0.512-0.599 1.108-0.756 1.745l-0.008 0.039c-0.089 0.324-0.14 0.696-0.14 1.080 0 0.831 0.24 1.605 0.654 2.258l-0.010-0.017c-0.637 0.299-1.381 0.488-2.164 0.524l-0.013 0h-19.729c-0.516 0.001-0.934 0.418-0.936 0.933v0c-0.001 0.056-0.001 0.123-0.001 0.19 0 1.751 0.317 3.428 0.897 4.977l-0.032-0.098c0.558 1.633 1.612 2.975 2.98 3.881l0.028 0.017c1.744 0.903 3.808 1.432 5.995 1.432 0.207 0 0.412-0.005 0.617-0.014l-0.029 0.001c0.018 0 0.039 0 0.060 0 1.272 0 2.515-0.121 3.72-0.352l-0.123 0.020c1.795-0.336 3.395-0.939 4.845-1.773l-0.074 0.039c1.257-0.735 2.331-1.621 3.245-2.652l0.012-0.014c1.325-1.56 2.403-3.381 3.145-5.365l0.041-0.125h0.276c0.055 0.002 0.119 0.004 0.183 0.004 1.226 0 2.34-0.481 3.163-1.265l-0.002 0.002c0.377-0.358 0.676-0.793 0.873-1.281l0.009-0.024 0.122-0.359zM3.79 14.849h2.646c0.127-0.001 0.23-0.104 0.23-0.231 0 0 0 0 0 0v0-2.355c0-0 0-0.001 0-0.001 0-0.127-0.103-0.23-0.23-0.231h-2.646c-0.127 0.001-0.23 0.104-0.23 0.231v0 2.356c0 0 0 0 0 0.001 0 0.127 0.103 0.23 0.23 0.23 0 0 0 0 0.001 0h-0zM7.434 14.849h2.644c0.127 0 0.231-0.103 0.231-0.231 0 0 0 0 0-0v0-2.355c0-0 0-0.001 0-0.001 0-0.127-0.103-0.23-0.23-0.231h-2.646c-0 0-0 0-0 0-0.128 0-0.232 0.104-0.232 0.232 0 0 0 0 0 0v0 2.355c0.001 0.128 0.104 0.231 0.232 0.231v0zM11.132 14.849h2.646c0.127-0.001 0.23-0.104 0.23-0.231 0 0 0 0 0 0v0-2.355c0-0 0-0.001 0-0.001 0-0.127-0.103-0.23-0.23-0.231h-2.646c-0.127 0.001-0.23 0.104-0.23 0.231v0 2.356c0 0.127 0.103 0.231 0.231 0.231v0zM14.788 14.849h2.643c0 0 0 0 0 0 0.128 0 0.231-0.103 0.232-0.231v-2.355c0-0 0-0 0-0 0-0.128-0.104-0.232-0.232-0.232-0 0-0 0-0 0h-2.643c-0.127 0-0.231 0.103-0.231 0.231v0 2.356c0 0 0 0 0 0.001 0 0.127 0.103 0.23 0.23 0.23 0 0 0 0 0.001 0h-0zM7.434 11.461h2.644c0.128-0.001 0.231-0.104 0.231-0.232 0 0 0 0 0 0v0-2.355c0 0 0 0 0-0 0-0.127-0.103-0.231-0.231-0.231h-2.644c-0.128 0-0.231 0.103-0.232 0.231v2.355c0.001 0.128 0.104 0.231 0.232 0.232h0zM11.132 11.461h2.646c0.127-0.001 0.23-0.105 0.23-0.232v0-2.355c0 0 0 0 0-0 0-0.127-0.103-0.231-0.231-0.231h-2.643c-0.127 0-0.231 0.103-0.231 0.231 0 0 0 0 0 0v0 2.355c0.001 0.128 0.103 0.231 0.231 0.232h0zM14.788 11.461h2.643c0.128-0.001 0.231-0.104 0.232-0.232v-2.355c-0.001-0.128-0.104-0.231-0.232-0.231h-2.643c-0.127 0-0.231 0.103-0.231 0.231 0 0 0 0 0 0v0 2.355c0 0.128 0.103 0.231 0.231 0.232h0zM14.788 8.073h2.643c0 0 0 0 0 0 0.128 0 0.232-0.104 0.232-0.232 0-0 0-0 0-0v0-2.356c-0.001-0.128-0.104-0.231-0.232-0.231 0 0-0 0-0 0h-2.643c-0.127 0-0.231 0.103-0.231 0.231v0 2.356c0 0 0 0 0 0.001 0 0.127 0.103 0.23 0.23 0.23 0 0 0 0 0.001 0h-0zM18.475 14.849h2.644c0 0 0 0 0 0 0.128 0 0.231-0.103 0.232-0.231v-2.355c0-0 0-0 0-0 0-0.128-0.104-0.232-0.232-0.232-0 0-0 0-0 0h-2.644c0 0 0 0-0 0-0.128 0-0.231 0.103-0.231 0.231v2.356c0 0.127 0.103 0.231 0.231 0.231v0z"/>
+      </svg>
+      Docker
+    </label>
+    <!--
+    <input type="radio" :id="'laravel-' + id" :name="'flavor-' + id" value="laravel" v-model="flavor">
     <label :for="'laravel-' + id">
       <svg width="20px" height="20px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg">
         <path d="M13.143 23.585l10.46-5.97-4.752-2.736-10.453 6.019zM24.084 11.374l-4.757-2.736v5.417l4.758 2.737zM24.559 5.078l-4.756 2.736 4.756 2.736 4.755-2.737zM9.911 18.928l2.76-1.589v-11.934l-4.758 2.738v11.934zM7.437 1.846l-4.756 2.737 4.756 2.737 4.753-2.737zM2.204 5.406v18.452l10.464 6.022v-5.471l-5.472-3.096c-0.018-0.013-0.032-0.027-0.051-0.039-0.014-0.013-0.030-0.023-0.044-0.034l-0.001-0.003c-0.015-0.015-0.028-0.031-0.039-0.049l-0.001-0.001c-0.014-0.013-0.025-0.028-0.035-0.045l-0.001-0.001h-0.003c-0.008-0.015-0.016-0.035-0.024-0.055l-0.001-0.004c-0.007-0.015-0.015-0.032-0.022-0.051l-0.001-0.003c-0.004-0.020-0.008-0.045-0.010-0.070l-0-0.002c-0.003-0.015-0.006-0.033-0.008-0.051l-0-0.001v-12.759l-2.757-1.59zM24.085 23.857v-5.422l-10.464 5.974v5.47zM29.789 14.055v-5.417l-4.756 2.737v5.417zM30.725 7.69c0.011 0.038 0.018 0.081 0.018 0.126v0 6.513c-0 0.176-0.095 0.329-0.237 0.411l-0.002 0.001-5.468 3.149v6.241c-0 0.175-0.095 0.328-0.236 0.411l-0.002 0.001-11.416 6.57c-0.024 0.013-0.052 0.025-0.081 0.033l-0.003 0.001-0.030 0.013c-0.036 0.011-0.078 0.017-0.121 0.017s-0.085-0.006-0.125-0.018l0.003 0.001c-0.015-0.004-0.027-0.009-0.039-0.016l0.001 0.001c-0.031-0.011-0.057-0.021-0.082-0.033l0.004 0.002-11.413-6.57c-0.144-0.084-0.239-0.237-0.239-0.412v0-19.548c0-0.044 0.007-0.087 0.019-0.127l-0.001 0.003c0.004-0.015 0.013-0.025 0.018-0.040 0.009-0.029 0.019-0.053 0.030-0.076l-0.001 0.003c0.008-0.016 0.018-0.030 0.029-0.042l-0 0 0.042-0.057 0.047-0.034c0.018-0.015 0.034-0.030 0.052-0.043h0.001l5.708-3.285c0.068-0.040 0.15-0.064 0.237-0.064s0.169 0.024 0.239 0.065l-0.002-0.001 5.71 3.285c0.019 0.013 0.035 0.027 0.051 0.042l-0-0 0.048 0.034c0.016 0.018 0.025 0.038 0.042 0.057 0.012 0.012 0.022 0.026 0.031 0.041l0.001 0.001c0.010 0.020 0.020 0.044 0.029 0.069l0.001 0.004 0.016 0.040c0.011 0.035 0.018 0.076 0.018 0.118 0 0.002 0 0.004-0 0.006v-0 12.208l4.756-2.737v-6.241c0-0.001 0-0.002 0-0.002 0-0.043 0.006-0.085 0.017-0.125l-0.001 0.003c0.004-0.013 0.013-0.025 0.016-0.040 0.010-0.030 0.020-0.054 0.032-0.078l-0.002 0.004c0.009-0.015 0.023-0.025 0.032-0.042 0.015-0.019 0.027-0.038 0.042-0.054 0.014-0.013 0.029-0.025 0.045-0.035l0.001-0.001c0.018-0.013 0.033-0.029 0.052-0.040h0.001l5.708-3.286c0.068-0.040 0.15-0.064 0.237-0.064s0.169 0.024 0.239 0.065l-0.002-0.001 5.708 3.286c0.020 0.013 0.034 0.027 0.053 0.039 0.015 0.013 0.032 0.023 0.046 0.035 0.016 0.018 0.028 0.038 0.043 0.056 0.011 0.012 0.021 0.026 0.030 0.040l0.001 0.001c0.012 0.022 0.022 0.047 0.030 0.073l0.001 0.003c0.008 0.012 0.014 0.025 0.019 0.039l0 0.001z"/>
       </svg>
       Laravel
-      <small>(soon)</small>
     </label>
-    <input type="radio" :id="'docker-' + id" :name="'flavor-' + id" value="docker" disabled>
-    <label :for="'docker-' + id">
+    -->
+    <a :href="withBase('/getting-started/flavors#laravel')" class="button">
       <svg width="20px" height="20px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg">
-        <path d="M30.679 13.367c-0.613-0.404-1.366-0.645-2.175-0.645-0.093 0-0.185 0.003-0.276 0.009l0.012-0.001c-0.446 0.001-0.882 0.041-1.306 0.115l0.046-0.007c-0.235-1.357-1.025-2.495-2.122-3.191l-0.019-0.011-0.429-0.248-0.282 0.408c-0.336 0.512-0.599 1.108-0.756 1.745l-0.008 0.039c-0.089 0.324-0.14 0.696-0.14 1.080 0 0.831 0.24 1.605 0.654 2.258l-0.010-0.017c-0.637 0.299-1.381 0.488-2.164 0.524l-0.013 0h-19.729c-0.516 0.001-0.934 0.418-0.936 0.933v0c-0.001 0.056-0.001 0.123-0.001 0.19 0 1.751 0.317 3.428 0.897 4.977l-0.032-0.098c0.558 1.633 1.612 2.975 2.98 3.881l0.028 0.017c1.744 0.903 3.808 1.432 5.995 1.432 0.207 0 0.412-0.005 0.617-0.014l-0.029 0.001c0.018 0 0.039 0 0.060 0 1.272 0 2.515-0.121 3.72-0.352l-0.123 0.020c1.795-0.336 3.395-0.939 4.845-1.773l-0.074 0.039c1.257-0.735 2.331-1.621 3.245-2.652l0.012-0.014c1.325-1.56 2.403-3.381 3.145-5.365l0.041-0.125h0.276c0.055 0.002 0.119 0.004 0.183 0.004 1.226 0 2.34-0.481 3.163-1.265l-0.002 0.002c0.377-0.358 0.676-0.793 0.873-1.281l0.009-0.024 0.122-0.359zM3.79 14.849h2.646c0.127-0.001 0.23-0.104 0.23-0.231 0 0 0 0 0 0v0-2.355c0-0 0-0.001 0-0.001 0-0.127-0.103-0.23-0.23-0.231h-2.646c-0.127 0.001-0.23 0.104-0.23 0.231v0 2.356c0 0 0 0 0 0.001 0 0.127 0.103 0.23 0.23 0.23 0 0 0 0 0.001 0h-0zM7.434 14.849h2.644c0.127 0 0.231-0.103 0.231-0.231 0 0 0 0 0-0v0-2.355c0-0 0-0.001 0-0.001 0-0.127-0.103-0.23-0.23-0.231h-2.646c-0 0-0 0-0 0-0.128 0-0.232 0.104-0.232 0.232 0 0 0 0 0 0v0 2.355c0.001 0.128 0.104 0.231 0.232 0.231v0zM11.132 14.849h2.646c0.127-0.001 0.23-0.104 0.23-0.231 0 0 0 0 0 0v0-2.355c0-0 0-0.001 0-0.001 0-0.127-0.103-0.23-0.23-0.231h-2.646c-0.127 0.001-0.23 0.104-0.23 0.231v0 2.356c0 0.127 0.103 0.231 0.231 0.231v0zM14.788 14.849h2.643c0 0 0 0 0 0 0.128 0 0.231-0.103 0.232-0.231v-2.355c0-0 0-0 0-0 0-0.128-0.104-0.232-0.232-0.232-0 0-0 0-0 0h-2.643c-0.127 0-0.231 0.103-0.231 0.231v0 2.356c0 0 0 0 0 0.001 0 0.127 0.103 0.23 0.23 0.23 0 0 0 0 0.001 0h-0zM7.434 11.461h2.644c0.128-0.001 0.231-0.104 0.231-0.232 0 0 0 0 0 0v0-2.355c0 0 0 0 0-0 0-0.127-0.103-0.231-0.231-0.231h-2.644c-0.128 0-0.231 0.103-0.232 0.231v2.355c0.001 0.128 0.104 0.231 0.232 0.232h0zM11.132 11.461h2.646c0.127-0.001 0.23-0.105 0.23-0.232v0-2.355c0 0 0 0 0-0 0-0.127-0.103-0.231-0.231-0.231h-2.643c-0.127 0-0.231 0.103-0.231 0.231 0 0 0 0 0 0v0 2.355c0.001 0.128 0.103 0.231 0.231 0.232h0zM14.788 11.461h2.643c0.128-0.001 0.231-0.104 0.232-0.232v-2.355c-0.001-0.128-0.104-0.231-0.232-0.231h-2.643c-0.127 0-0.231 0.103-0.231 0.231 0 0 0 0 0 0v0 2.355c0 0.128 0.103 0.231 0.231 0.232h0zM14.788 8.073h2.643c0 0 0 0 0 0 0.128 0 0.232-0.104 0.232-0.232 0-0 0-0 0-0v0-2.356c-0.001-0.128-0.104-0.231-0.232-0.231 0 0-0 0-0 0h-2.643c-0.127 0-0.231 0.103-0.231 0.231v0 2.356c0 0 0 0 0 0.001 0 0.127 0.103 0.23 0.23 0.23 0 0 0 0 0.001 0h-0zM18.475 14.849h2.644c0 0 0 0 0 0 0.128 0 0.231-0.103 0.232-0.231v-2.355c0-0 0-0 0-0 0-0.128-0.104-0.232-0.232-0.232-0 0-0 0-0 0h-2.644c0 0 0 0-0 0-0.128 0-0.231 0.103-0.231 0.231v2.356c0 0.127 0.103 0.231 0.231 0.231v0z"/>
+        <path d="M13.143 23.585l10.46-5.97-4.752-2.736-10.453 6.019zM24.084 11.374l-4.757-2.736v5.417l4.758 2.737zM24.559 5.078l-4.756 2.736 4.756 2.736 4.755-2.737zM9.911 18.928l2.76-1.589v-11.934l-4.758 2.738v11.934zM7.437 1.846l-4.756 2.737 4.756 2.737 4.753-2.737zM2.204 5.406v18.452l10.464 6.022v-5.471l-5.472-3.096c-0.018-0.013-0.032-0.027-0.051-0.039-0.014-0.013-0.030-0.023-0.044-0.034l-0.001-0.003c-0.015-0.015-0.028-0.031-0.039-0.049l-0.001-0.001c-0.014-0.013-0.025-0.028-0.035-0.045l-0.001-0.001h-0.003c-0.008-0.015-0.016-0.035-0.024-0.055l-0.001-0.004c-0.007-0.015-0.015-0.032-0.022-0.051l-0.001-0.003c-0.004-0.020-0.008-0.045-0.010-0.070l-0-0.002c-0.003-0.015-0.006-0.033-0.008-0.051l-0-0.001v-12.759l-2.757-1.59zM24.085 23.857v-5.422l-10.464 5.974v5.47zM29.789 14.055v-5.417l-4.756 2.737v5.417zM30.725 7.69c0.011 0.038 0.018 0.081 0.018 0.126v0 6.513c-0 0.176-0.095 0.329-0.237 0.411l-0.002 0.001-5.468 3.149v6.241c-0 0.175-0.095 0.328-0.236 0.411l-0.002 0.001-11.416 6.57c-0.024 0.013-0.052 0.025-0.081 0.033l-0.003 0.001-0.030 0.013c-0.036 0.011-0.078 0.017-0.121 0.017s-0.085-0.006-0.125-0.018l0.003 0.001c-0.015-0.004-0.027-0.009-0.039-0.016l0.001 0.001c-0.031-0.011-0.057-0.021-0.082-0.033l0.004 0.002-11.413-6.57c-0.144-0.084-0.239-0.237-0.239-0.412v0-19.548c0-0.044 0.007-0.087 0.019-0.127l-0.001 0.003c0.004-0.015 0.013-0.025 0.018-0.040 0.009-0.029 0.019-0.053 0.030-0.076l-0.001 0.003c0.008-0.016 0.018-0.030 0.029-0.042l-0 0 0.042-0.057 0.047-0.034c0.018-0.015 0.034-0.030 0.052-0.043h0.001l5.708-3.285c0.068-0.040 0.15-0.064 0.237-0.064s0.169 0.024 0.239 0.065l-0.002-0.001 5.71 3.285c0.019 0.013 0.035 0.027 0.051 0.042l-0-0 0.048 0.034c0.016 0.018 0.025 0.038 0.042 0.057 0.012 0.012 0.022 0.026 0.031 0.041l0.001 0.001c0.010 0.020 0.020 0.044 0.029 0.069l0.001 0.004 0.016 0.040c0.011 0.035 0.018 0.076 0.018 0.118 0 0.002 0 0.004-0 0.006v-0 12.208l4.756-2.737v-6.241c0-0.001 0-0.002 0-0.002 0-0.043 0.006-0.085 0.017-0.125l-0.001 0.003c0.004-0.013 0.013-0.025 0.016-0.040 0.010-0.030 0.020-0.054 0.032-0.078l-0.002 0.004c0.009-0.015 0.023-0.025 0.032-0.042 0.015-0.019 0.027-0.038 0.042-0.054 0.014-0.013 0.029-0.025 0.045-0.035l0.001-0.001c0.018-0.013 0.033-0.029 0.052-0.040h0.001l5.708-3.286c0.068-0.040 0.15-0.064 0.237-0.064s0.169 0.024 0.239 0.065l-0.002-0.001 5.708 3.286c0.020 0.013 0.034 0.027 0.053 0.039 0.015 0.013 0.032 0.023 0.046 0.035 0.016 0.018 0.028 0.038 0.043 0.056 0.011 0.012 0.021 0.026 0.030 0.040l0.001 0.001c0.012 0.022 0.022 0.047 0.030 0.073l0.001 0.003c0.008 0.012 0.014 0.025 0.019 0.039l0 0.001z"/>
       </svg>
-      Docker
-      <small>(soon)</small>
-    </label>
+      Laravel
+      <small>(experimental)</small>
+    </a>
   </div>
 </template>
 
@@ -60,29 +69,25 @@ input[type="radio"] {
   opacity: 0;
   pointer-events: none;
 }
-input[type="radio"] + label {
+input[type="radio"] + label, .flavor-switch .button {
   cursor: pointer;
   padding: 0px 4px;
   border-radius: 4px;
   border: solid 1px transparent;
-  /* var(--vp-c-text-1); */
   display: flex;
   gap: 2px;
   align-items: center;
+  text-decoration: none;
+  color: var(--vp-c-text-1);
+  font-weight: 400;
 }
-input[type="radio"] + label > svg {
+input[type="radio"] + label > svg, .flavor-switch .button > svg {
   fill: var(--vp-c-text-1);
 }
-
-input[type="radio"][disabled] + label {
-  color: var(--vp-c-border);
-  /* border-color: var(--vp-c-border); */
-  cursor: not-allowed;
-}
-input[type="radio"][disabled] + label > svg {
-  fill: var(--vp-c-border);
+input[type="radio"]:hover:not(:checked) + label, .flavor-switch .button:hover {
+  background-color: color-mix(in oklab, var(--vp-makina-logo-text) 20%, transparent);
+  color: var(--vp-c-text-1);
 }
-
 input[type="radio"]:checked + label {
   color: var(--vp-c-brand-lighter);
   background-color: var(--vp-c-brand-1);
@@ -91,6 +96,43 @@ input[type="radio"]:checked + label {
 input[type="radio"]:checked + label > svg {
   fill: var(--vp-c-brand-lighter);
 }
+
+input[value="symfony"]:checked + label {
+  color: #FFFFFF;
+  background-color: #000000;
+  border-color: #000000;
+}
+input[value="symfony"]:checked + label > svg {
+  fill: #FFFFFF;
+}
+.dark {
+  input[value="symfony"]:checked + label {
+    color: #000000;
+    background-color: #FFFFFF;
+    border-color: #FFFFFF;
+  }
+  input[value="symfony"]:checked + label > svg {
+    fill: #000000;
+  }
+}
+
+input[value="laravel"]:checked + label {
+  color: #FFFFFF;
+  background-color: #F5382E;
+  border-color: #F5382E;
+}
+input[value="laravel"]:checked + label > svg {
+  fill: #FFFFFF;
+}
+
+input[value="docker"]:checked + label {
+  color: #FFFFFF;
+  background-color: #1D63ED;
+  border-color: #1D63ED;
+}
+input[value="docker"]:checked + label > svg {
+  fill: #FFFFFF;
+}
 small {
   font-size: 10px;
 }

diff --git a/docs/.vitepress/theme/components/DbToolsBundleFlavorSwitcherWrapper.vue b/docs/.vitepress/theme/components/DbToolsBundleFlavorSwitcherWrapper.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import DbToolsBundleFlavorSwitcher from './DbToolsBundleFlavorSwitcher.vue';
+import DbToolsBundleFlavorSwitcher from './DbToolsBundleFlavorSwitcher.vue'
 import { withBase } from 'vitepress'
 </script>
 
@@ -21,7 +21,7 @@ details {
   border-bottom: 1px solid var(--vt-c-divider-light);
   transition: border-color .5s,background-color .5s ease;
   position: sticky;
-  top: -.5px;
+  top: -33px;
   background-color: var(--vp-c-bg-alt);
   padding-top: 10px;
   padding-bottom: 1px;
@@ -48,4 +48,10 @@ a.info {
   border-radius: 100%;
   line-height: 14px;
 }
+
+@media (min-width: 960px) {
+  details {
+    top: -.5px;
+  }
+}
 </style>