Maintenance: Mobile - Use Histoire

.eslintignore

@@ -3,7 +3,6 @@
 # Skip auto generated files.
 app/frontend/**/graphql/**/*.api.ts
 app/frontend/shared/graphql/types.ts
-.storybook/storybook-static/**
 
 # Skip legacy files
 public/assets/tests/**/*.js

.eslintrc.js

@@ -46,14 +46,17 @@ module.exports = {
       'error',
       {
         devDependencies: [
+          'histoire.config.ts',
           'tailwind.config.js',
           'vite.config.*',
           'app/frontend/build/**',
           'app/frontend/**/*.spec.*',
           'app/frontend/**/__tests__/**/*',
           'app/frontend/tests/**/*',
           'app/frontend/**/*.stories.ts',
-          '.storybook/**/*',
+          'app/frontend/**/*.story.vue',
+          'app/frontend/**/*.story.vue',
+          'app/frontend/stories/**/*.ts',
           'app/frontend/cypress/**/*',
         ],
       },
@@ -139,12 +142,6 @@ module.exports = {
         '@typescript-eslint/no-var-requires': 'off',
       },
     },
-    {
-      files: ['.storybook/config/*'],
-      rules: {
-        'import/no-extraneous-dependencies': 'off',
-      },
-    },
     {
       files: [
         'app/frontend/tests/**',
@@ -153,6 +150,7 @@ module.exports = {
         'app/frontend/stories/**',
         'app/frontend/cypress/**',
         'app/frontend/**/*.stories.ts',
+        'app/frontend/**/*.story.vue',
         '.eslint-plugin-zammad/**',
         '.eslintrc.js',
       ],
@@ -199,12 +197,18 @@ module.exports = {
               'node_modules/vue-easy-lightbox/dist/external-css/vue-easy-lightbox.css',
             ),
           ],
+          [
+            'histoire',
+            path.resolve(
+              __dirname,
+              './node_modules/histoire/dist/node/index.js',
+            ),
+          ],
         ],
         extensions: ['.js', '.jsx', '.ts', '.tsx', '.vue'],
       },
       node: {
         extensions: ['.js', '.jsx', '.ts', '.tsx', '.vue'],
-        paths: [path.resolve(__dirname, '.storybook/node_modules/')],
       },
     },
     // Adding typescript file types, because airbnb doesn't allow this by default.

.github/workflows/ci/pre.sh

@@ -10,6 +10,5 @@ bundle config set --local frozen 'true'
 bundle config set --local path 'vendor'
 bundle install -j "$(nproc)"
 yarn install
-yarn storybook:install
 yarn cypress:install
 bundle exec ruby .gitlab/configure_environment.rb

.gitignore

@@ -94,9 +94,6 @@
 yarn-error.log
 .yarn/cache
 
-# Storybook
-.storybook/storybook-static
-
 # Cypress
 .cypress/screenshots/*
 .cypress/videos/*

.gitlab/ci/__includes__/scripts.yml

@@ -14,7 +14,6 @@
   yarn_install_all:
     # retry on errors
     - yarn install || yarn install || yarn install
-    - yarn storybook:install || yarn storybook:install || yarn storybook:install
     - yarn cypress:install || yarn cypress:install || yarn cypress:install
     - yarn --cwd .eslint-plugin-zammad install || yarn --cwd .eslint-plugin-zammad install || yarn --cwd .eslint-plugin-zammad install
     - yarn --cwd public/assets/chat install || yarn --cwd public/assets/chat install || yarn --cwd public/assets/chat install

.gitlab/ci/lint.yml

@@ -81,10 +81,9 @@
     - !reference [.scripts, yarn_install]
     - yarn lint:css
     - echo "ESLint check..."
-    - yarn storybook:install
     - yarn lint
-    - echo "Storybook test build..."
-    - yarn storybook:build
+    - echo "Histoire test build..."
+    - yarn story:build
 
 # Must be a separate job because it may fail and is only executed manually.
 'lint: orphaned ruby gems':

.gitlab/ci/pre.yml

@@ -14,6 +14,8 @@
   before_script: []
   script:
     - !reference [.scripts, yarn_install_all]
+    - yarn cypress:install
+    - yarn --cwd ./.eslint-plugin-zammad install
   after_script: []
 
 # Executed on a dedicated runner.