Feat/faq baserow

.github/workflows/database_update.yml

@@ -14,7 +14,7 @@ jobs:
 
     strategy:
       matrix:
-        node-version: ['20.x']
+        node-version: ['22.x']
 
     steps:
       - uses: actions/checkout@v4

.github/workflows/playwright.yml

@@ -12,7 +12,7 @@ jobs:
     runs-on: ubuntu-latest
     strategy:
       matrix:
-        node-version: [ '20.x' ]
+        node-version: [ '22.x' ]
 
     steps:
     - uses: actions/checkout@v4

.github/workflows/tests.yml

@@ -15,7 +15,7 @@ jobs:
     runs-on: ubuntu-latest
     strategy:
       matrix:
-        node-version: [ '20.x' ]
+        node-version: [ '22.x' ]
 
     steps:
       - uses: actions/checkout@v4
@@ -33,7 +33,7 @@ jobs:
     runs-on: ubuntu-latest
     strategy:
       matrix:
-        node-version: [ '20.x' ]
+        node-version: [ '22.x' ]
 
     steps:
       - uses: actions/checkout@v4
@@ -51,7 +51,7 @@ jobs:
     runs-on: ubuntu-latest
     strategy:
       matrix:
-        node-version: [ '20.x' ]
+        node-version: [ '22.x' ]
 
     steps:
       - uses: actions/checkout@v4
@@ -70,7 +70,7 @@ jobs:
     runs-on: ubuntu-latest
     strategy:
       matrix:
-        node-version: [ '20.x' ]
+        node-version: [ '22.x' ]
 
     steps:
       - uses: actions/checkout@v4
@@ -88,7 +88,7 @@ jobs:
     runs-on: ubuntu-latest
     strategy:
       matrix:
-        node-version: ['20.x']
+        node-version: ['22.x']
 
     steps:
       - uses: actions/checkout@v4

.github/workflows/update_data.yml

@@ -14,7 +14,7 @@ jobs:
     runs-on: ubuntu-latest
     strategy:
       matrix:
-        node-version: ['20.x']
+        node-version: ['22.x']
 
     steps:
       - uses: actions/checkout@v4
@@ -69,7 +69,7 @@ jobs:
     runs-on: ubuntu-latest
     strategy:
       matrix:
-        node-version: ['20.x']
+        node-version: ['22.x']
 
     steps:
       - uses: actions/checkout@v4
@@ -123,7 +123,7 @@ jobs:
     runs-on: ubuntu-latest
     strategy:
       matrix:
-        node-version: ['20.x']
+        node-version: ['22.x']
 
     steps:
       - uses: actions/checkout@v4
@@ -154,3 +154,52 @@ jobs:
 
           draft: false
 
+  update-faq:
+    runs-on: ubuntu-latest
+    strategy:
+      matrix:
+        node-version: ['22.x']
+
+    steps:
+      - uses: actions/checkout@v4
+      - name: Use Node.js ${{ matrix.node-version }}
+        uses: actions/setup-node@v3
+        with:
+          node-version: ${{ matrix.node-version }}
+          cache: 'npm'
+
+      - run: npm clean-install --foreground-scripts
+
+      - name: Generate FAQ
+        env:
+          BASEROW_TOKEN: '${{secrets.BASEROW_TOKEN}}'
+        run: npm run generate:faq
+
+      - name: Read Log File
+        id: read-log
+        run: |
+          echo "log_content<<EOF" >> $GITHUB_ENV
+          cat libs/data/generateFaqJson.log >> $GITHUB_ENV
+          echo "EOF" >> $GITHUB_ENV
+
+      - name: Create Pull Request
+        uses: peter-evans/create-pull-request@v6
+        with:
+          base: main
+          branch: chore/update_faq
+          commit-message: 'chore: update FAQ'
+          title: 'chore: update FAQ'
+          body: |
+            Cette pull request a été crée automatiquement pour mettre à jour les FAQ.
+
+            ### :warning: Merci de bien vérifier les changements avant de merge. :warning:
+
+            ### Liste de points problématiques automatiquement détectés:
+
+            :fire: :fire: :fire: :fire: critique
+            :fire: :fire:  important
+            :fire: mineur
+            :warning:  info
+
+            ${{ env.log_content }}
+          draft: false

apps/nuxt/src/assets/scss/grid.scss

@@ -69,7 +69,7 @@
       &#{$modifier} {
         position: sticky;
         top: 0;
-        z-index: 50;
+        z-index: 501;
       }
     }
   }

apps/nuxt/src/components/element/TeeContentBlock.vue

@@ -23,6 +23,7 @@ interface Props {
 }
 
 withDefaults(defineProps<Props>(), {
+  title: undefined,
   content: undefined,
   containerFrom: undefined,
   titleTag: 'h3',

apps/nuxt/src/components/faq/Faq.vue

@@ -18,11 +18,11 @@
 </template>
 <script lang="ts" setup>
 import FaqSection from '@/components/faq/FaqSection.vue'
-import { FaqItem } from '@/tools/faq/faqType'
 import { Marked } from '@/tools/marked'
+import { FaqSectionType } from '@/types'
 
 interface Props {
-  faqItems: FaqItem[]
+  faqItems: FaqSectionType[]
 }
 const props = defineProps<Props>()
 

apps/nuxt/src/components/faq/FaqCatalog.vue

@@ -1,10 +1,9 @@
 <script lang="ts" setup>
-import { FaqJson } from '@/tools/faq/FaqJson'
-import { FaqPage } from '@/tools/faq/faqType'
+import { FaqSectionType } from '@/types'
 import Navigation from '@/tools/navigation'
 
 interface Props {
-  faqPage: FaqPage
+  faqItems: FaqSectionType[]
   hasSideMenu: boolean
 }
 defineProps<Props>()
@@ -23,5 +22,5 @@ defineProps<Props>()
       </p>
     </div>
   </div>
-  <Faq :faq-items="FaqJson.pages[faqPage]" />
+  <Faq :faq-items="faqItems" />
 </template>

apps/nuxt/src/components/faq/FaqSection.vue

@@ -25,11 +25,11 @@
   </div>
 </template>
 <script lang="ts" setup>
-import { FaqItem } from '@/tools/faq/faqType'
+import { FaqSectionType } from '@/types'
 import { Marked } from '@/tools/marked'
 
 interface Props {
-  faqItem: FaqItem
+  faqItem: FaqSectionType
 }
 defineProps<Props>()
 

apps/nuxt/src/components/home/TeeHomeProjectList.vue

@@ -39,10 +39,9 @@
 import { useProjectStore } from '@/stores/project'
 import ProjectFilter from '@/tools/project/projectFilter'
 import { ProjectManager } from '@/tools/project/projectManager'
-import { ProjectSorter } from '@tee/data'
 import { Theme } from '@/tools/theme'
 import { CompanyData } from '@/tools/companyData'
-import { RouteName } from '@/types'
+import { RouteName, ProjectSorter } from '@/types'
 
 interface Props {
   limit: number

apps/nuxt/src/components/home/TeeHomeTestimonies.vue

@@ -9,7 +9,7 @@
       </div>
       <div class="fr-grid-row fr-grid-row--center fr-mt-4w">
         <div class="fr-col-md-10 fr-col-xl-10">
-          <Testimony
+          <LazyTestimony
             v-for="(testimony, index) in testimoniesToDisplay"
             :key="testimony.slug"
             :class="[index === testimoniesToDisplay.length - 1 ? 'fr-mb-md-3w fr-bg-sm--none' : 'fr-mb-6w']"
@@ -22,10 +22,13 @@
 </template>
 
 <script lang="ts" setup>
-import { testimonies } from '@tee/data/static'
+import { Testimony } from '@/types'
+
+const { default: testimoniesJson } = await import('@/public/json/testimony/testimonies.json')
+const testimonies = testimoniesJson as unknown as Testimony[]
 
 const testimoniesToDisplay = testimonies
-  .filter((testimonie) => testimonie.homePageHighlight > 0)
+  .filter((testimony) => testimony.homePageHighlight > 0)
   .sort((a, b) => a.homePageHighlight - b.homePageHighlight)
 </script>
 

apps/nuxt/src/components/layout/LayoutCatalog.vue

@@ -57,13 +57,13 @@
       :count-items="countItems"
     />
     <template
-      v-if="$slots.faq || faqPage"
+      v-if="$slots.faq || faqItems"
       #faq
     >
       <slot name="faq">
         <FaqCatalog
-          v-if="faqPage"
-          :faq-page="faqPage"
+          v-if="faqItems"
+          :faq-items="faqItems"
           :has-side-menu="hasSideMenu"
         />
       </slot>
@@ -76,18 +76,17 @@ import FaqCatalog from '@/components/faq/FaqCatalog.vue'
 import Layout from '@/components/layout/Layout.vue'
 import { useFiltersStore } from '@/stores/filters'
 import { useNavigationStore } from '@/stores/navigation'
-import { FaqPage } from '@/tools/faq/faqType'
 import Navigation from '@/tools/navigation'
 import { Theme } from '@/tools/theme'
-import { ThemeId } from '@/types'
+import { ThemeId, FaqSectionType } from '@/types'
 import { computed } from 'vue'
 
 interface Props {
   hasSideMenu: boolean
   title?: string
   hasError?: boolean
   countItems: number
-  faqPage?: FaqPage
+  faqItems?: FaqSectionType[]
 }
 const props = defineProps<Props>()
 

apps/nuxt/src/components/program/list/filters/ProgramFilterByOperator.vue

@@ -7,10 +7,9 @@
 </template>
 
 <script setup lang="ts">
+import { enrichedOperators } from '@/tools/operator'
 import { DsfrCheckboxSetProps } from '@gouvminint/vue-dsfr'
 import { FilterItemKeys, FiltersType, OperatorFilter } from '@/types'
-
-import { enrichedOperators } from '@tee/data/static'
 import { useFiltersStore } from '@/stores/filters'
 
 const filters: FiltersType = useFiltersStore().filters

apps/nuxt/src/components/project/details/ProjectSideNav.vue

@@ -22,7 +22,9 @@
 <script setup lang="ts">
 import { ProjectType } from '@/types'
 import { Scroll } from '@/tools/scroll'
-import { testimonies } from '@tee/data/static'
+import { Testimony } from '@/types'
+
+const testimonies: Testimony[] = []
 
 interface Props {
   project: ProjectType

apps/nuxt/src/components/project/details/ProjectTestimonies.vue

@@ -10,7 +10,7 @@
   >
     <template #content>
       <p class="fr-hidden fr-unhidden-md fr-mb-0">Ces entreprises sont passées à l'action et en récoltent déjà les bénéfices.</p>
-      <Testimony
+      <LazyTestimony
         v-for="(testimony, index) in testimoniesToDisplay"
         :key="testimony.slug"
         :class="[index === testimoniesToDisplay.length - 1 ? 'fr-mt-4w fr-bg-sm--none' : 'fr-mt-4w fr-mb-6w']"
@@ -21,8 +21,10 @@
 </template>
 
 <script lang="ts" setup>
-import type { ProjectType } from '@/types' // adjust path as needed
-import { testimonies } from '@tee/data/static'
+import { ProjectType, Testimony } from '@/types' // adjust path as needed
+
+const { default: testimoniesJson } = await import('@/public/json/testimony/testimonies.json')
+const testimonies = testimoniesJson as unknown as Testimony[]
 
 const props = defineProps<{
   project: ProjectType | undefined

apps/nuxt/src/components/project/list/SimpleProjectList.vue

@@ -35,8 +35,7 @@
   </LayoutList>
 </template>
 <script setup lang="ts">
-import { ProjectType } from '@tee/data'
-import { FilterItemKeys } from '@/types'
+import { FilterItemKeys, ProjectType } from '@/types'
 import ProjectPriority from '@/tools/project/projectPriority'
 
 const { filters } = storeToRefs(useFiltersStore())

apps/nuxt/src/components/questionnaire/track/form/theme/TrackThemeCard.vue

@@ -51,8 +51,7 @@
 </template>
 <script setup lang="ts">
 import Breakpoint from '@/tools/breakpoints'
-import { Color } from '@/types'
-import { ProjectType } from '@tee/data'
+import { Color, ProjectType } from '@/types'
 
 export interface TrackThemeOptionProps {
   value: string | undefined

apps/nuxt/src/components/questionnaire/track/form/theme/TrackThemeCards.vue

@@ -25,10 +25,9 @@ import { useTrackStore } from '@/stores/track'
 import { useUsedTrackStore } from '@/stores/usedTrack'
 import { ProjectManager } from '@/tools/project/projectManager'
 import ProjectFilter from '@/tools/project/projectFilter'
-import type { TrackOptionItem } from '@/types'
+import type { TrackOptionItem, ProjectType } from '@/types'
 import { computed } from 'vue'
 import { Theme } from '@/tools/theme'
-import { ProjectType } from '@tee/data'
 import { useProjectStore } from '@/stores/project'
 import { useNavigationStore } from '@/stores/navigation'
 

apps/nuxt/src/pages/TeeHomePage.vue

@@ -28,8 +28,8 @@
             Trouvez ici des réponses concrètes sur les aides, démarches et outils pour réussir votre transition écologique.
           </p>
         </div>
-        <Faq
-          :faq-items="FaqJson.pages[FaqPage.Home]"
+        <LazyFaq
+          :faq-items="faqHomeJson"
           class="fr-container fr-px-md-0"
         />
       </div>
@@ -40,14 +40,15 @@
 <script setup lang="ts">
 import { defineRouteRules } from '#imports'
 import { MiddlewareName } from '@/middleware/type/middlewareName'
-import { FaqPage } from '@/tools/faq/faqType'
 import { MetaRobots } from '@/tools/metaRobots'
 import Navigation from '@/tools/navigation'
-import { FilterItemKeys, RouteName } from '@/types'
+import { FaqSectionType, FilterItemKeys, RouteName } from '@/types'
 
 const { filters } = storeToRefs(useFiltersStore())
 const navigation = new Navigation()
-const { FaqJson } = await import('@/tools/faq/FaqJson')
+
+const { default: json } = await import('@/public/json/faq/home.json')
+const faqHomeJson = json as unknown as FaqSectionType[]
 
 definePageMeta({
   path: '/',