StoryBook и Typescrypt

.github/workflows/main.yml

@@ -2,7 +2,8 @@ name: Test, Lint, Build and Deploy on Github Pages
 
 on:
   push:
-    branches: ["master", "main"]
+    branches: 
+      - main
 
   # Позволяет запустить этот рабочий процесс вручную на вкладке Actions
   workflow_dispatch:
@@ -12,7 +13,7 @@ permissions:
 
 jobs:
   build-and-deploy:
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-latest 
 
     strategy:
       matrix:
@@ -34,28 +35,28 @@ jobs:
       - name: Run tests and linter
         run: npm run lint && npm test
 
-      # Собираем приложение
+      # # Собираем приложение
       - name: Build Application
         run: npm run build
 
-      # Публикуем приложение на Github Pages
+      # # Публикуем приложение на Github Pages
       - name: Deploy to Github Pages
         uses: JamesIves/[email protected]
         with:
           branch: gh-pages
           folder: dist
 
-      #      # Собираем Storybook
-      #      - name: Build Storybook
-      #        run: npm run build-storybook
-      #
-      #      # Публикуем Storybook на Github Pages
-      #      - name: Deploy Storybook to Github Pages
-      #        uses: JamesIves/[email protected]
-      #        with:
-      #          branch: gh-pages
-      #          folder: storybook-static
-      #          commit-message: "Automatically publish Storybook"
+      # Собираем Storybook
+      #- name: Build Storybook
+      #  run: npm run build-storybook
+
+      # Публикуем Storybook на Github Pages
+      #- name: Deploy Storybook to Github Pages
+      #  uses: JamesIves/[email protected]
+      #  with:
+      #    branch: gh-pages
+      #    folder: storybook-static
+      #    commit-message: "Automatically publish Storybook"
 
       # Останавливаем выполнение строго при неудачных тестах
       - name: Fail on failed tests

.github/workflows/main_test.yml

@@ -0,0 +1,10 @@
+name: Print workflow #Название workflow
+on: workflow_dispatch #Триггер, который будет вызывать workflow
+
+jobs: #Начало секции джобов
+
+  print_hello: #Начало секции первой джобы
+    runs-on: ubuntu-latest #Среда выполнения джоба
+    steps: #Начало секции шагов
+      - name: Print hello #Название шага
+        run: echo "Hello world!" #Команда, которая будет выполнена в терминале

.storybook/main.ts → .storybook/main.tsx

@@ -14,5 +14,9 @@ const config = {
   docs: {
     autodocs: "tag",
   },
+  webpack: (config, options) => {
+    options.cache.set = () => Promise.resolve(); 
+    return config;
+  }
 };
 export default config;

.storybook/preview.tsx

@@ -0,0 +1,25 @@
+import { type Preview } from "@storybook/react";
+import { ThemeProvider } from "../src/components/ThemeProvider"
+import { LanguageProvider } from "../src/components/LanguageProvider"
+
+const preview: Preview = {
+  parameters: {
+    actions: { argTypesRegex: "^on[A-Z].*" },
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/,
+      },
+    },
+  },
+    decorators: [
+        (Story) => (
+          <LanguageProvider>
+            <ThemeProvider>
+                <Story/>
+            </ThemeProvider>
+          </LanguageProvider>
+    )]
+};
+
+export default preview;