@itcase/storybook-config 1.1.41 → 1.1.45

package/dist/config/addonThemes.js

@@ -1,4 +1,5 @@
 /* eslint-disable perfectionist/sort-objects */
+
 const ADDON_THEMES = {
   defaultTheme: 'am',
   themes: {

package/dist/config/addons/addonThemes.js

@@ -1,4 +1,5 @@
 /* eslint-disable perfectionist/sort-objects */
+
 const ADDON_THEMES = {
   defaultTheme: 'am',
   themes: {

package/dist/config/addons/{addonsReactVite.js → addonsVite.js}

@@ -1,4 +1,4 @@
-const ADDONS_REACT_VITE = [
+const ADDONS_VITE = [
   '@storybook/addon-links',
   '@storybook/addon-themes',
   '@storybook/addon-designs',
@@ -7,4 +7,4 @@ const ADDONS_REACT_VITE = [
   '@etchteam/storybook-addon-status',
 ]
 
-export { ADDONS_REACT_VITE }
+export { ADDONS_VITE }

package/dist/config/addons/{addonsReact.js → addonsWebpack.js}

@@ -1,4 +1,4 @@
-const ADDONS_REACT = [
+const ADDONS_WEBPACK = [
   '@storybook/addon-webpack5-compiler-swc',
   '@storybook/addon-themes',
   '@storybook/addon-designs',
@@ -28,4 +28,4 @@ const ADDONS_REACT = [
   },
 ]
 
-export { ADDONS_REACT }
+export { ADDONS_WEBPACK }

package/dist/config/addons/index.js

@@ -0,0 +1,5 @@
+import { ADDONS_NEXTJS } from './addonsNextJs'
+import { ADDONS_VITE } from './addonsVite'
+import { ADDONS_WEBPACK } from './addonsWebpack'
+
+export { ADDONS_NEXTJS, ADDONS_VITE, ADDONS_WEBPACK }

package/dist/config/{addonsReactVite.js → addonsVite.js}

@@ -1,4 +1,4 @@
-const ADDONS_REACT_VITE = [
+const ADDONS_VITE = [
   '@storybook/addon-links',
   '@storybook/addon-themes',
   '@storybook/addon-designs',
@@ -7,4 +7,4 @@ const ADDONS_REACT_VITE = [
   '@etchteam/storybook-addon-status',
 ]
 
-export { ADDONS_REACT_VITE }
+export { ADDONS_VITE }

package/dist/config/{addonsReact.js → addonsWebpack.js}

@@ -1,4 +1,4 @@
-const ADDONS_REACT = [
+const ADDONS_WEBPACK = [
   '@storybook/addon-webpack5-compiler-swc',
   '@storybook/addon-themes',
   '@storybook/addon-designs',
@@ -28,4 +28,4 @@ const ADDONS_REACT = [
   },
 ]
 
-export { ADDONS_REACT }
+export { ADDONS_WEBPACK }

package/dist/config/config/index.js

@@ -0,0 +1,4 @@
+import { MAIN_CONFIG_VITE } from './mainConfigVite'
+import { MAIN_CONFIG_WEBPACK } from './mainConfigWebpack'
+
+export { MAIN_CONFIG_VITE, MAIN_CONFIG_WEBPACK }

package/dist/config/config/mainConfigVite.js

@@ -0,0 +1,13 @@
+const MAIN_CONFIG_VITE = {
+  layout: 'fullscreen',
+  core: {
+    disableTelemetry: true,
+  },
+  features: {
+    backgroundsStoryGlobals: true,
+    viewportStoryGlobals: true,
+  },
+  tags: ['autodocs'],
+}
+
+export { MAIN_CONFIG_VITE }

package/dist/config/{mainConfig.js → config/mainConfigWebpack.js}

@@ -6,7 +6,7 @@ const WEBPACK_ALIAS = {
   '@itcase/ui': `${process.cwd()}/node_modules/@itcase/ui/dist`,
 }
 
-const MAIN_CONFIG = {
+const MAIN_CONFIG_WEBPACK = {
   webpackFinal: async (config) => {
     console.log(
       chalk.green(
@@ -55,7 +55,6 @@ const MAIN_CONFIG = {
 
     return config
   },
-  layout: 'fullscreen',
   core: {
     disableTelemetry: true,
     disableWhatsNewNotifications: true,
@@ -63,4 +62,4 @@ const MAIN_CONFIG = {
   tags: ['autodocs'],
 }
 
-export { MAIN_CONFIG }
+export { MAIN_CONFIG_WEBPACK }

package/dist/config/framework/frameworkVite.js

@@ -0,0 +1,5 @@
+const FRAMEWORK_VITE = {
+  framework: '@storybook/react-vite',
+}
+
+export { FRAMEWORK_VITE }

package/dist/config/framework/{frameworkReact.js → frameworkWebpack.js}

@@ -1,4 +1,4 @@
-const FRAMEWORK_REACT = {
+const FRAMEWORK_WEBPACK = {
   framework: {
     name: '@storybook/react-webpack5',
     options: {
@@ -9,4 +9,4 @@ const FRAMEWORK_REACT = {
   },
 }
 
-export { FRAMEWORK_REACT }
+export { FRAMEWORK_WEBPACK }

package/dist/config/framework/index.js

@@ -0,0 +1,5 @@
+import { FRAMEWORK_NEXTJS } from './frameworkNextJs'
+import { FRAMEWORK_VITE } from './frameworkVite'
+import { FRAMEWORK_WEBPACK } from './frameworkWebpack'
+
+export { FRAMEWORK_NEXTJS, FRAMEWORK_VITE, FRAMEWORK_WEBPACK }

package/dist/config/frameworkVite.js

@@ -0,0 +1,5 @@
+const FRAMEWORK_VITE = {
+  framework: '@storybook/react-vite',
+}
+
+export { FRAMEWORK_VITE }

package/dist/config/{frameworkReact.js → frameworkWebpack.js}

@@ -1,4 +1,4 @@
-const FRAMEWORK_REACT = {
+const FRAMEWORK_WEBPACK = {
   framework: {
     name: '@storybook/react-webpack5',
     options: {
@@ -9,4 +9,4 @@ const FRAMEWORK_REACT = {
   },
 }
 
-export { FRAMEWORK_REACT }
+export { FRAMEWORK_WEBPACK }

package/dist/config/index.js

@@ -1,5 +1,50 @@
-import { ADDON_THEMES } from '../addons/addonThemes.js'
-import { BACKGROUNDS } from '../backgrounds.js'
-import { VIEWPORTS } from '../viewports.js'
+import { INITIAL_VIEWPORTS, MINIMAL_VIEWPORTS } from 'storybook/viewport'
 
-export { ADDON_THEMES, BACKGROUNDS, VIEWPORTS }
+const VIEWPORTS = {
+  desktop: {
+    name: 'Desktop',
+    styles: {
+      width: '1440px',
+      height: '100%',
+    },
+  },
+  form: {
+    name: 'Form',
+    styles: {
+      width: '520px',
+      height: '800px',
+    },
+  },
+  formLarge: {
+    name: 'Form',
+    styles: {
+      width: '800px',
+      height: '800px',
+    },
+  },
+  formSmall: {
+    name: 'Form Small',
+    styles: {
+      width: '360px',
+      height: '800px',
+    },
+  },
+  mobile: {
+    name: 'Mobile',
+    styles: {
+      width: '375px',
+      height: '667px',
+    },
+  },
+  standalone: {
+    name: 'Standalone',
+    styles: {
+      width: '480px',
+      height: '640px',
+    },
+  },
+  ...INITIAL_VIEWPORTS,
+  ...MINIMAL_VIEWPORTS,
+}
+
+export { VIEWPORTS }

package/dist/config/main/index.js

@@ -1,33 +1,32 @@
-import { ADDONS_NEXTJS } from '../addons/addonsNextJs.js'
-import { ADDONS_REACT } from '../addons/addonsReact.js'
-import { ADDONS_REACT_VITE } from '../addons/addonsReactVite.js'
-import { ADDON_THEMES } from '../addons/addonThemes.js'
+import { ADDONS_NEXTJS, ADDONS_VITE, ADDONS_WEBPACK } from '../addons/'
 import { AUTHORIZATION } from '../authorization.js'
-import { FRAMEWORK_NEXTJS } from '../framework/frameworkNextJs.js'
-import { FRAMEWORK_REACT } from '../framework/frameworkReact.js'
-import { FRAMEWORK_REACT_VITE } from '../framework/frameworkReactVite.js'
-import { MAIN_CONFIG } from '../mainConfig.js'
-import { MAIN_CONFIG_VITE } from '../mainConfigVite.js'
+import { MAIN_CONFIG_VITE, MAIN_CONFIG_WEBPACK } from '../config/'
+import {
+  FRAMEWORK_NEXTJS,
+  FRAMEWORK_VITE,
+  FRAMEWORK_WEBPACK,
+} from '../framework/'
 import { REFS } from '../refs.js'
-import { STATIC_DIRS_NEXTJS } from '../static/staticDirsNextJs.js'
-import { STATIC_DIRS_REACT } from '../static/staticDirsReact.js'
-import { STATIC_DIRS_REACT_VITE } from '../static/staticDirsReactVite.js'
+import {
+  STATIC_DIRS_NEXTJS,
+  STATIC_DIRS_VITE,
+  STATIC_DIRS_WEBPACK,
+} from '../static'
 import { STATUS } from '../status.js'
 
 export {
-  AUTHORIZATION,
-  ADDON_THEMES,
   ADDONS_NEXTJS,
-  STATIC_DIRS_REACT,
-  STATIC_DIRS_NEXTJS,
-  STATUS,
-  STATIC_DIRS_REACT_VITE,
-  FRAMEWORK_NEXTJS,
-  FRAMEWORK_REACT,
-  FRAMEWORK_REACT_VITE,
-  ADDONS_REACT,
-  ADDONS_REACT_VITE,
-  MAIN_CONFIG,
+  ADDONS_VITE,
+  ADDONS_WEBPACK,
+  AUTHORIZATION,
   MAIN_CONFIG_VITE,
+  MAIN_CONFIG_WEBPACK,
+  FRAMEWORK_NEXTJS,
+  FRAMEWORK_VITE,
+  FRAMEWORK_WEBPACK,
   REFS,
+  STATIC_DIRS_NEXTJS,
+  STATIC_DIRS_VITE,
+  STATIC_DIRS_WEBPACK,
+  STATUS,
 }

package/dist/config/mainConfigWebpack.js

@@ -0,0 +1,65 @@
+import chalk from 'chalk'
+
+const STORYBOOK_PUBLIC_PATH = null
+const WEBPACK_ALIAS = {
+  src: `${process.cwd()}/src`,
+  '@itcase/ui': `${process.cwd()}/node_modules/@itcase/ui/dist`,
+}
+
+const MAIN_CONFIG_WEBPACK = {
+  webpackFinal: async (config) => {
+    console.log(
+      chalk.green(
+        'info =>',
+        chalk.white(
+          'Using default "publicPath" set "STORYBOOK_PUBLIC_PATH" variable to use another one',
+        ),
+      ),
+    )
+
+    if (STORYBOOK_PUBLIC_PATH) {
+      config.output.publicPath = STORYBOOK_PUBLIC_PATH
+    }
+    // @svgr/webpack
+    const imageRule = config.module?.rules?.find((rule) => {
+      const test = rule.test
+      if (!test) {
+        return false
+      }
+      return test.test('.svg')
+    })
+
+    imageRule.exclude = /\.svg$/
+
+    config.module?.rules?.push({
+      test: /\.svg$/,
+      use: ['@svgr/webpack'],
+    })
+
+    // update webpack alias
+    console.log(
+      chalk.green(
+        'info =>',
+        chalk.white('Using default "WEBPACK_ALIAS" from'),
+        chalk.cyan('src'),
+        chalk.white('to'),
+        chalk.cyan(`${process.cwd()}/src`),
+        chalk.white('change it to use another one'),
+      ),
+    )
+
+    config.resolve.alias = {
+      ...config.resolve.alias,
+      ...WEBPACK_ALIAS,
+    }
+
+    return config
+  },
+  core: {
+    disableTelemetry: true,
+    disableWhatsNewNotifications: true,
+  },
+  tags: ['autodocs'],
+}
+
+export { MAIN_CONFIG_WEBPACK }

package/dist/config/msw/index.js

@@ -0,0 +1,7 @@
+import {
+  error500Handler,
+  loadingHandler,
+  serverErrorHandler,
+} from './mswHandlers'
+
+export { serverErrorHandler, error500Handler, loadingHandler }

package/dist/config/msw/mswHandlers.js

@@ -0,0 +1,32 @@
+import { delay, http, HttpResponse } from 'msw'
+
+const serverErrorHandler = (formUrl, errors) => {
+  return http.post(formUrl, async () => {
+    return HttpResponse.json(errors, { status: 400 })
+  })
+}
+
+const error500Handler = (formUrl) => {
+  http.post(formUrl, async () => {
+    return HttpResponse.json(
+      {},
+      {
+        status: 500,
+      },
+    )
+  })
+}
+
+const loadingHandler = (formUrl) => {
+  http.post(formUrl, async () => {
+    await delay(60000)
+    return HttpResponse(
+      {},
+      {
+        status: 200,
+      },
+    )
+  })
+}
+
+export { serverErrorHandler, error500Handler, loadingHandler }

package/dist/config/preview/index.js

@@ -1,5 +1,5 @@
-import { ADDON_THEMES } from '../addons/addonThemes.js'
-import { BACKGROUNDS } from '../backgrounds.js'
-import { VIEWPORTS } from '../viewports.js'
+import { ADDON_THEMES } from '../addons'
+import { BACKGROUNDS } from '../backgrounds'
+import { VIEWPORTS } from '../viewports'
 
 export { ADDON_THEMES, BACKGROUNDS, VIEWPORTS }

package/dist/config/static/index.js

@@ -0,0 +1,5 @@
+import { STATIC_DIRS_NEXTJS } from './staticDirsNextJs'
+import { STATIC_DIRS_VITE } from './staticDirsVite'
+import { STATIC_DIRS_WEBPACK } from './staticDirsWebpack'
+
+export { STATIC_DIRS_NEXTJS, STATIC_DIRS_VITE, STATIC_DIRS_WEBPACK }

package/dist/config/static/staticDirsVite.js

@@ -0,0 +1,3 @@
+const STATIC_DIRS_VITE = [{ from: '../public', to: '/' }]
+
+export { STATIC_DIRS_VITE }

package/dist/config/static/staticDirsWebpack.js

@@ -0,0 +1,3 @@
+const STATIC_DIRS_WEBPACK = [{ from: '../public', to: '/' }]
+
+export { STATIC_DIRS_WEBPACK }

package/dist/config/staticDirsVite.js

@@ -0,0 +1,3 @@
+const STATIC_DIRS_VITE = [{ from: '../public', to: '/' }]
+
+export { STATIC_DIRS_VITE }

package/dist/config/staticDirsWebpack.js

@@ -0,0 +1,3 @@
+const STATIC_DIRS_WEBPACK = [{ from: '../public', to: '/' }]
+
+export { STATIC_DIRS_WEBPACK }

package/dist/config/users/authorization.js

@@ -0,0 +1,9 @@
+import { USERS } from './users.js'
+
+const AUTHORIZATION = {
+  profileUrl: `${process.env.REST_BASE_URL}/rest/profile/`,
+  signInUrl: `${process.env.REST_BASE_URL}/rest/sign-in/`,
+  values: USERS,
+}
+
+export { AUTHORIZATION }

package/dist/config/users/users.js

@@ -0,0 +1,22 @@
+import { DEFAULT_USERS } from '@itcase/storybook-addon-auth/defaults'
+
+const USERS = {
+  admin: {
+    name: 'Admin',
+    color: '#1EA5FC',
+    token: process.env.ADMIN_AUTH_TOKEN,
+  },
+  manager: {
+    name: 'Manager',
+    color: '#D80E4F',
+    token: process.env.MANAGER_AUTH_TOKEN,
+  },
+  user: {
+    name: 'User',
+    color: '#777777',
+    token: process.env.USER_AUTH_TOKEN,
+  },
+  ...DEFAULT_USERS,
+}
+
+export { USERS }

package/dist/utils/handleMSWParameters.js

@@ -2,7 +2,7 @@ import {
   error500Handler,
   loadingHandler,
   serverErrorHandler,
-} from '../config/mswHandlers'
+} from '../config/msw'
 
 function handleMSWParameters(parameters, args) {
   let mswHandlersParams = {}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/storybook-config",
-  "version": "1.1.41",
+  "version": "1.1.45",
   "author": "ITCase",
   "description": "Code style linter configuration presets",
   "engines": {

package/dist/config/framework/frameworkReactVite.js

@@ -1,5 +0,0 @@
-const FRAMEWORK_REACT_VITE = {
-  framework: '@storybook/react-vite',
-}
-
-export { FRAMEWORK_REACT_VITE }

package/dist/config/frameworkReactVite.js

@@ -1,5 +0,0 @@
-const FRAMEWORK_REACT_VITE = {
-  framework: '@storybook/react-vite',
-}
-
-export { FRAMEWORK_REACT_VITE }

package/dist/config/static/staticDirsReact.js

@@ -1,3 +0,0 @@
-const STATIC_DIRS_REACT = [{ from: '../public', to: '/' }]
-
-export { STATIC_DIRS_REACT }

package/dist/config/static/staticDirsReactVite.js

@@ -1,3 +0,0 @@
-const STATIC_DIRS_REACT_VITE = [{ from: '../public', to: '/' }]
-
-export { STATIC_DIRS_REACT_VITE }

package/dist/config/staticDirsReact.js

@@ -1,3 +0,0 @@
-const STATIC_DIRS_REACT = [{ from: '../public', to: '/' }]
-
-export { STATIC_DIRS_REACT }

package/dist/config/staticDirsReactVite.js

@@ -1,3 +0,0 @@
-const STATIC_DIRS_REACT_VITE = [{ from: '../public', to: '/' }]
-
-export { STATIC_DIRS_REACT_VITE }