fg-devkit 1.5.3 → 1.6.1

package/configs/dependency-policy.vue-workspace.json

@@ -23,7 +23,7 @@
       "content-disposition-header": "0.6.0",
       "date-fns": "4.1.0",
       "element-plus": "2.9.7",
-      "fds-vue-core": "6.2.5",
+      "fds-vue-core": "6.2.6",
       "imask": "7.6.1",
       "leaflet": "1.8.0",
       "lexical": "0.30.0",
@@ -56,7 +56,7 @@
       "@storybook/addon-vitest": "10.2.12",
       "@storybook/vue3": "10.2.12",
       "@storybook/vue3-vite": "10.2.12",
-      "@tanstack/vue-query-devtools": "6.1.18",
+      "@tanstack/vue-query-devtools": "6.1.20",
       "@tsconfig/node22": "22.0.5",
       "@types/lodash-es": "4.17.12",
       "@types/node": "22.16.5",
@@ -64,7 +64,7 @@
       "@vue/compiler-dom": "3.5.33",
       "@vue/eslint-config-standard": "8.0.1",
       "@vue/server-renderer": "3.5.33",
-      "@vue/test-utils": "2.4.6",
+      "@vue/test-utils": "2.4.8",
       "@vuepic/vue-datepicker": "6.0.3",
       "arg": "5.0.2",
       "babel-eslint": "10.1.0",

package/configs/vscode-settings.json

@@ -36,9 +36,9 @@
   "editor.parameterHints.enabled": false,
   "editor.inlayHints.enabled": "off",
   "editor.suggest.filterGraceful": true,
+  "eslint.nodePath": "node_modules/.pnpm",
   "eslint.validate": ["javascript", "javascriptreact", "typescript", "typescriptreact", "vue"],
   "css.customData": [".vscode/tailwind.json"],
-  "typescript.tsdk": "node_modules/typescript/lib",
   "typescript.enablePromptUseWorkspaceTsdk": true,
   "typescript.preferences.includePackageJsonAutoImports": "on",
   "typescript.suggest.autoImports": true,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fg-devkit",
-  "version": "1.5.3",
+  "version": "1.6.1",
   "description": "Shared configs, scripts, and DX tooling for Vue / TypeScript frontend repos",
   "type": "module",
   "license": "UNLICENSED",
@@ -32,11 +32,17 @@
     "./scripts/policy-vulns.mjs": "./scripts/policy-vulns.mjs",
     "./scripts/repo-vulns.mjs": "./scripts/repo-vulns.mjs",
     "./scripts/fleet-vulns.mjs": "./scripts/fleet-vulns.mjs",
+    "./scripts/fleet-bump-fg-devkit.mjs": "./scripts/fleet-bump-fg-devkit.mjs",
     "./scripts/policy-upgrade.mjs": "./scripts/policy-upgrade.mjs",
     "./scripts/check-dependency-policy.mjs": "./scripts/check-dependency-policy.mjs",
     "./scripts/sync-dependency-policy.mjs": "./scripts/sync-dependency-policy.mjs",
     "./scripts/resolve-dependency-policy-path.mjs": "./scripts/resolve-dependency-policy-path.mjs",
     "./scripts/refresh-dependency-policy-from-repos.mjs": "./scripts/refresh-dependency-policy-from-repos.mjs",
+    "./scripts/sync-scaffold-vue-deps.mjs": "./scripts/sync-scaffold-vue-deps.mjs",
+    "./scripts/poeditor-common.mjs": "./scripts/poeditor-common.mjs",
+    "./scripts/poeditor-download.mjs": "./scripts/poeditor-download.mjs",
+    "./scripts/poeditor-upload.mjs": "./scripts/poeditor-upload.mjs",
+    "./scripts/scaffold-vue.mjs": "./scripts/scaffold-vue.mjs",
     "./scripts/fg-devkit.mjs": "./scripts/fg-devkit.mjs",
     "./scripts/release.sh": "./scripts/release.sh",
     "./scripts/cz/cz-adapter.cjs": "./scripts/cz/cz-adapter.cjs",
@@ -45,7 +51,9 @@
   },
   "files": [
     "configs",
+    "scaffold",
     "scripts",
+    "tsconfig.json",
     ".cursor/rules/core-coding-standards.mdc"
   ],
   "engines": {

package/scaffold/vue/.browserslistrc

@@ -0,0 +1,3 @@
+> 1%
+last 2 versions
+not dead

package/scaffold/vue/.editorconfig

@@ -0,0 +1,5 @@
+[*.{js,jsx,ts,tsx,vue}]
+indent_style = space
+indent_size = 2
+trim_trailing_whitespace = true
+insert_final_newline = true

package/scaffold/vue/Dockerfile

@@ -0,0 +1,18 @@
+FROM nginx
+RUN echo "daemon off;" >> /etc/nginx/nginx.conf
+ENV CONFIG_FILE_PATH=/usr/share/nginx/html/config.json
+RUN apt-get update && apt-get install -y vim curl
+COPY nginx/*.conf /etc/nginx/conf.d/
+COPY dist /usr/share/nginx/html
+COPY start-container.sh /usr/local/bin/start-container
+RUN chmod +x /usr/local/bin/start-container
+COPY build_date.txt build_hash.txt version.txt ./
+
+COPY env-adjustment.sh /env-adjustment.sh
+RUN cat /env-adjustment.sh > /tempentrypoint.sh
+RUN tail -n+2 /usr/local/bin/start-container >> /tempentrypoint.sh
+RUN cat /tempentrypoint.sh > /usr/local/bin/start-container
+RUN rm -f /tempentrypoint.sh
+
+ENTRYPOINT ["start-container"]
+CMD ["nginx"]

package/scaffold/vue/Dockerfile.local

@@ -0,0 +1,16 @@
+FROM node:22-bookworm AS build
+WORKDIR /src
+COPY . /src
+RUN corepack enable && corepack prepare pnpm@10.17.1 --activate
+RUN pnpm install
+RUN pnpm build
+
+FROM nginx
+RUN echo "daemon off;" >> /etc/nginx/nginx.conf
+ENV CONFIG_FILE_PATH=/usr/share/nginx/html/config.json
+COPY --from=build /src/dist /usr/share/nginx/html
+COPY nginx/*.conf /etc/nginx/conf.d/
+COPY start-container.sh /usr/local/bin/start-container
+RUN chmod +x /usr/local/bin/start-container
+ENTRYPOINT ["start-container"]
+CMD ["nginx"]

package/scaffold/vue/Jenkinsfile

@@ -0,0 +1,130 @@
+@Library('PLACEHOLDER_JENKINS_SHARED_LIBRARY')_
+
+pipeline {
+  environment {
+    registry="PLACEHOLDER_DOCKER_REGISTRY_IMAGE"
+    registryCredential='PLACEHOLDER_DOCKER_REGISTRY_CREDENTIAL_ID'
+    POEDITOR_API_KEY = credentials('PLACEHOLDER_POEDITOR_CREDENTIAL_ID')
+    devBranch='PLACEHOLDER_PRIMARY_DEV_BRANCH'
+    NPM_CONFIG_STORE_DIR='/home/jenkins/.cache/pnpm-store'
+  }
+
+  agent any
+  options {
+    ansiColor('xterm')
+  }
+  stages {
+    stage('Run tests') {
+      agent {
+        docker {
+          image "PLACEHOLDER_JENKINS_NODE_IMAGE"
+          args "-v /home/jenkins/.cache:/home/jenkins/.cache:rw,z -v /home/jenkins/tools:/home/jenkins/tools:rw,z"
+        }
+      }
+      stages {
+        stage('Dependency Check: OWASP Scan') {
+          when {
+            not {
+              expression {
+                env.BRANCH_NAME?.contains('dependabot')
+              }
+            }
+          }
+          steps {
+            owaspDependencyCheck()
+          }
+        }
+        stage('Install dependencies') {
+          steps {
+            sh '''
+            pnpm store path
+            pnpm install --frozen-lockfile --prefer-offline
+            '''
+          }
+        }
+        stage('Lint ESLint') {
+          steps {
+            sh '''pnpm run lint-check'''
+          }
+        }
+        stage('Lint TypeScript') {
+          steps {
+            sh '''pnpm run lint:ts'''
+          }
+        }
+      }
+    }
+    stage('Build and publish application') {
+      when {
+        anyOf {
+          branch 'master'
+          branch devBranch
+          buildingTag()
+        }
+      }
+      stages {
+        stage('Build dist') {
+          agent {
+            docker {
+              image "PLACEHOLDER_JENKINS_NODE_IMAGE"
+              args "-v /home/jenkins/.cache:/home/jenkins/.cache:rw,z"
+            }
+          }
+          steps {
+            sh '''
+            pnpm store path
+            pnpm install --frozen-lockfile --prefer-offline
+            '''
+            sh 'sed -i "s/POEDITOR_DUMMY_API_KEY/${POEDITOR_API_KEY}/" ./public/config.json'
+            sh 'pnpm run poeditor:download'
+            sh 'pnpm run build'
+            stash includes: 'dist/**/*', name: 'distfiles'
+          }
+        }
+        stage('Build and push Docker image') {
+          agent {
+            node {
+              label 'PLACEHOLDER_JENKINS_DOCKER_BUILD_LABEL'
+            }
+          }
+          steps {
+            checkout scm
+            unstash 'distfiles'
+            script {
+              def tag = sh(returnStdout: true, script: "git tag --contains | head -1 | sed 's/^v//'").trim()
+              def build_hash = sh(returnStdout: true, script: "git log --pretty=format:'%h' -n 1").trim()
+              writeFile file: 'build_hash.txt', text: build_hash
+              def build_date = sh(returnStdout: true, script: "git log --pretty=format:'%cI' -n 1").trim()
+              writeFile file: 'build_date.txt', text: build_date
+              def version = tag
+              if (env.BRANCH_NAME == 'master') {
+                tag = 'latest'
+                version = build_hash + '-' + build_date
+
+                if (devBranch == 'master') {
+                  writeFile file: 'version.txt', text: version
+                  def image = docker.build(registry + ':' + tag)
+                  image.push()
+                }
+              }
+
+              if (env.BRANCH_NAME == devBranch) {
+                tag = 'dev'
+                version = build_hash + '-' + build_date
+              }
+              writeFile file: 'version.txt', text: version
+              def image = docker.build(registry + ':' + tag)
+              image.push()
+            }
+          }
+        }
+      }
+    }
+  }
+  post {
+    always {
+       slackBuildStatus(currentBuild.currentResult)
+       deleteDir()
+    }
+  }
+}

package/scaffold/vue/LICENSE

@@ -0,0 +1,19 @@
+PROPRIETARY LICENSE
+
+Copyright (c) PLACEHOLDER_COPYRIGHT_YEAR PLACEHOLDER_COPYRIGHT_HOLDER
+
+All rights reserved.
+
+This software and associated documentation files (the "Software") are the
+proprietary and confidential property of PLACEHOLDER_COPYRIGHT_HOLDER.
+
+The Software is protected by copyright laws and international copyright
+treaties, as well as other intellectual property laws and treaties.
+
+Unauthorized copying, modification, distribution, or use of this Software,
+via any medium, is strictly prohibited and may result in severe civil and
+criminal penalties.
+
+The Software is provided "AS IS", without warranty of any kind, express or
+implied, including but not limited to the warranties of merchantability,
+fitness for a particular purpose and noninfringement.

package/scaffold/vue/env-adjustment.sh

@@ -0,0 +1,19 @@
+#!/bin/bash
+touch ~/newvars.env
+env | while IFS= read -r line; do
+  value=${line#*=}
+  name=${line%%=*}
+  nameupper=${name^^}
+  if [[ "$nameupper" == *_FILE ]]
+  then
+    if [ -n "$value" ] && [ -f "$value" ]
+    then
+        file_value=`cat ${value}`
+        varname=${nameupper::-5}
+        echo "export ${varname}='${file_value}'" >> ~/newvars.env
+        echo "export VITE_${varname}='${file_value}'" >> ~/newvars.env
+    fi
+  fi
+done
+. ~/newvars.env
+rm ~/newvars.env

package/scaffold/vue/index.html

@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="sv">
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width,initial-scale=1.0">
+    <title>PLACEHOLDER_APP_NAME</title>
+  </head>
+  <body class="font-main text-base font-normal tracking-wide text-gray-900 bg-blue-100 leading-lg antialiased">
+    <noscript>
+      <strong>This application requires JavaScript.</strong>
+    </noscript>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>

package/scaffold/vue/nginx/default.conf

@@ -0,0 +1,23 @@
+server {
+    listen 80;
+    server_name localhost;
+    large_client_header_buffers 4 32k;
+    index  index.html;
+    root   /usr/share/nginx/html;
+
+    location / {
+        index index.html;
+        try_files $uri $uri/ /index.html;
+        add_header Cache-Control "no-store, no-cache, must-revalidate, proxy-revalidate, max-age=0" always;
+        add_header Pragma "no-cache" always;
+        add_header Expires "0" always;
+
+        etag off;
+        if_modified_since off;
+    }
+
+    error_page 500 502 503 504 /50x.html;
+    location = /50x.html {
+        root /usr/share/nginx/html;
+    }
+}

package/scaffold/vue/nginx/gzip.conf

@@ -0,0 +1,10 @@
+gzip on;
+gzip_disable "msie6";
+
+gzip_vary on;
+gzip_proxied any;
+gzip_comp_level 6;
+gzip_buffers 16 8k;
+gzip_http_version 1.1;
+gzip_min_length 256;
+gzip_types text/plain text/css application/json application/javascript application/x-javascript text/xml application/xml application/xml+rss text/javascript application/vnd.ms-fontobject application/x-font-ttf font/opentype image/svg+xml image/x-icon application/font-woff application/font-woff2;

package/scaffold/vue/nginx/security.conf

@@ -0,0 +1,6 @@
+add_header Server "-";
+add_header Strict-Transport-Security "max-age=31536000" always;
+add_header X-Content-Type-Options "nosniff" always;
+add_header X-Frame-Options SAMEORIGIN;
+add_header Referrer-Policy "no-referrer-when-downgrade";
+add_header X-XSS-Protection "1; mode=block" always;

package/scaffold/vue/package.json

@@ -0,0 +1,44 @@
+{
+  "type": "module",
+  "name": "PLACEHOLDER_APP_SLUG",
+  "version": "1.0.0",
+  "private": true,
+  "scripts": {
+    "serve": "vite",
+    "build": "vite build",
+    "preview": "vite preview",
+    "lint:ts": "pnpm exec fgd typecheck",
+    "lint": "pnpm exec fgd lint --fix .",
+    "lint-check": "pnpm exec fgd lint .",
+    "lint:all": "pnpm lint && pnpm lint:ts",
+    "poeditor:download": "pnpm exec fg-devkit poeditor-download --format json",
+    "poeditor:upload": "pnpm exec fg-devkit poeditor-upload --language sv --file ./src/lang/sv.json"
+  },
+  "dependencies": {
+    "@tailwindcss/postcss": "4.2.4",
+    "@tailwindcss/vite": "4.2.4",
+    "@tanstack/vue-query": "5.99.2",
+    "axios": "1.15.2",
+    "content-disposition-header": "0.6.0",
+    "date-fns": "4.1.0",
+    "dotenv": "16.4.5",
+    "fds-vue-core": "6.2.6",
+    "pinia": "3.0.4",
+    "qrcode.vue": "3.8.1",
+    "vue": "3.5.33",
+    "vue-i18n": "11.3.2",
+    "vue-router": "4.6.3"
+  },
+  "devDependencies": {
+    "@intlify/unplugin-vue-i18n": "11.0.7",
+    "@tanstack/vue-query-devtools": "6.1.20",
+    "@types/node": "22.16.5",
+    "@vitejs/plugin-vue": "6.0.6",
+    "fg-devkit": "1.6.0",
+    "start-server-and-test": "2.1.3",
+    "tailwindcss": "4.2.4",
+    "tsx": "4.21.0",
+    "vite": "7.3.2"
+  },
+  "packageManager": "pnpm@10.17.1"
+}

package/scaffold/vue/poeditor/.poeditor.json

@@ -0,0 +1,8 @@
+{
+  "projectId": "PLACEHOLDER_POEDITOR_PROJECT_ID",
+  "downloadPath": "./src/lang/",
+  "languages": ["sv", "en"],
+  "defaultLanguage": "sv",
+  "defaultFormat": "json",
+  "uploadFile": "./src/lang/sv.json"
+}

package/scaffold/vue/public/config.json

@@ -0,0 +1,8 @@
+{
+  "APP_API_URL": "http://localhost:8080/",
+  "POEDITOR_API_KEY": "POEDITOR_DUMMY_API_KEY",
+  "VERSION": {
+    "hash": "dev",
+    "date": "1970-01-01T00:00:00Z"
+  }
+}

package/scaffold/vue/src/App.vue

@@ -0,0 +1,10 @@
+<script setup lang="ts">
+import { VueQueryDevtools } from '@tanstack/vue-query-devtools'
+</script>
+
+<template>
+  <div>
+    <router-view />
+    <VueQueryDevtools />
+  </div>
+</template>

package/scaffold/vue/src/api/client.ts

@@ -0,0 +1,114 @@
+import { QueryClient } from '@tanstack/vue-query'
+import axios, { type AxiosError, type AxiosRequestConfig, type AxiosResponse } from 'axios'
+import { getApiBaseUrl } from './runtimeConfig'
+
+export const api = axios.create({
+  timeout: Infinity,
+})
+
+api.interceptors.request.use((config) => {
+  const baseURL = getApiBaseUrl()
+
+  if (!baseURL) {
+    return Promise.reject(new Error('baseURL missing - request blocked'))
+  }
+
+  config.baseURL = baseURL
+  config.headers = config.headers || {}
+
+  return config
+})
+
+type EnhancedAxiosError = AxiosError & { data?: unknown }
+
+const handleError = (error: unknown): never => {
+  const axiosError = error as AxiosError
+  if (axiosError.response?.data) {
+    ;(axiosError as EnhancedAxiosError).data = axiosError.response.data
+  }
+  return Promise.reject(axiosError) as never
+}
+
+export const useApi = () => {
+  const get = async <T>(url: string, config?: AxiosRequestConfig): Promise<T> => {
+    try {
+      const { data } = await api.get<T>(url, config)
+      return data
+    } catch (error) {
+      return handleError(error)
+    }
+  }
+
+  const post = async <T>(url: string, body?: unknown, config?: AxiosRequestConfig): Promise<T> => {
+    try {
+      const { data } = await api.post<T>(url, body, config)
+      return data
+    } catch (error) {
+      return handleError(error)
+    }
+  }
+
+  const postWithResponse = async <T>(
+    url: string,
+    body?: unknown,
+    config?: AxiosRequestConfig,
+  ): Promise<AxiosResponse<T>> => {
+    try {
+      return await api.post<T>(url, body, config)
+    } catch (error) {
+      return handleError(error)
+    }
+  }
+
+  const put = async <T>(url: string, body?: unknown, config?: AxiosRequestConfig): Promise<T> => {
+    try {
+      const { data } = await api.put<T>(url, body, config)
+      return data
+    } catch (error) {
+      return handleError(error)
+    }
+  }
+
+  const patch = async <T>(url: string, body?: unknown, config?: AxiosRequestConfig): Promise<T> => {
+    try {
+      const { data } = await api.patch<T>(url, body, config)
+      return data
+    } catch (error) {
+      return handleError(error)
+    }
+  }
+
+  const del = async <T>(url: string, config?: AxiosRequestConfig): Promise<T> => {
+    try {
+      const { data } = await api.delete<T>(url, config)
+      return data
+    } catch (error) {
+      return handleError(error)
+    }
+  }
+
+  return { get, post, postWithResponse, put, patch, del }
+}
+
+const NO_RETRY_STATUSES = [400, 401, 403, 404, 406, 409, 422, 498, 500]
+const MAX_RETRIES = 3
+
+const retryFunction = (failureCount: number, error: unknown): boolean => {
+  if (failureCount >= MAX_RETRIES) return false
+
+  const axiosError = error as AxiosError
+  const status = axiosError?.response?.status
+
+  return status ? !NO_RETRY_STATUSES.includes(status) : true
+}
+
+export const queryClient = new QueryClient({
+  defaultOptions: {
+    queries: {
+      retry: retryFunction,
+    },
+    mutations: {
+      retry: retryFunction,
+    },
+  },
+})

package/scaffold/vue/src/api/runtimeConfig.ts

@@ -0,0 +1,10 @@
+let apiBaseUrl = ''
+
+export function setApiBaseUrlFromConfig(config: Record<string, unknown>) {
+  const value = config.APP_API_URL
+  apiBaseUrl = typeof value === 'string' ? value : ''
+}
+
+export function getApiBaseUrl() {
+  return apiBaseUrl
+}

package/scaffold/vue/src/config/env.ts

@@ -0,0 +1,45 @@
+type EnvironmentConstants = {
+  environment: 'localhost' | 'development' | 'preprod' | 'production'
+}
+
+const local: EnvironmentConstants = {
+  environment: 'localhost',
+}
+
+const development: EnvironmentConstants = {
+  environment: 'development',
+}
+
+const preprod: EnvironmentConstants = {
+  environment: 'preprod',
+}
+
+const production: EnvironmentConstants = {
+  environment: 'production',
+}
+
+/**
+ * Map hostnames to deployment environments. Replace placeholders with your own hosts.
+ */
+const getEnvironment = (): EnvironmentConstants => {
+  const { hostname, host } = window.location
+
+  if (hostname === 'localhost') {
+    return local
+  }
+
+  switch (host) {
+    case 'PLACEHOLDER_ENV_DEV_HOST':
+      return development
+    case 'PLACEHOLDER_ENV_PREPROD_HOST':
+      return preprod
+    case 'PLACEHOLDER_ENV_PROD_HOST':
+      return production
+    default:
+      return local
+  }
+}
+
+const env = getEnvironment()
+
+export default env

package/scaffold/vue/src/i18n.ts

@@ -0,0 +1,11 @@
+import { createI18n } from 'vue-i18n'
+import sv from './lang/sv.json'
+
+const i18n = createI18n({
+  legacy: false,
+  locale: 'sv',
+  fallbackLocale: 'sv',
+  messages: { sv },
+})
+
+export default i18n

package/scaffold/vue/src/lang/sv.json

@@ -0,0 +1 @@
+{}

package/scaffold/vue/src/main.ts

@@ -0,0 +1,29 @@
+import { VueQueryPlugin } from '@tanstack/vue-query'
+import FDSVueCore from 'fds-vue-core'
+import { createPinia } from 'pinia'
+import { createApp } from 'vue'
+import { queryClient } from './api/client'
+import { setApiBaseUrlFromConfig } from './api/runtimeConfig'
+import App from './App.vue'
+import i18n from './i18n'
+import router from './router'
+import './style.css'
+
+const app = createApp(App)
+const pinia = createPinia()
+
+async function bootstrap() {
+  const response = await fetch(`${import.meta.env.BASE_URL}config.json`)
+  const config = (await response.json()) as Record<string, unknown>
+  setApiBaseUrlFromConfig(config)
+
+  app
+    .use(pinia)
+    .use(router)
+    .use(i18n)
+    .use(VueQueryPlugin, { queryClient })
+    .use(FDSVueCore)
+  app.mount('#app')
+}
+
+void bootstrap()