@itcase/storybook-config 1.0.41 → 1.0.43

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/storybook-config",
-  "version": "1.0.41",
+  "version": "1.0.43",
   "author": "ITCase",
   "description": "Code style linter configuration presets",
   "engines": {
@@ -38,12 +38,14 @@
     "./config/*": {
       "import": "./config/*.js",
       "require": "./config/*.js"
+    },
+    "./utils/*": {
+      "import": "./utils/*.js",
+      "require": "./utils/*.js"
     }
   },
   "files": [
     "README.md",
-    "config",
-    "utils",
     "dist"
   ],
   "publishConfig": {

package/config/addonThemes.js

@@ -1,12 +0,0 @@
-const ADDON_THEMES = {
-  defaultTheme: 'am',
-  themes: {
-    am: 'am',
-    baikal: 'baikal',
-    dark: 'dark',
-    itcase: 'itcase',
-    light: 'light',
-  },
-}
-
-export { ADDON_THEMES }

package/config/addonsNextJs.js

@@ -1,12 +0,0 @@
-const ADDONS_NEXTJS = [
-  '@storybook/addon-links',
-  '@storybook/addon-essentials',
-  '@storybook/addon-interactions',
-  '@itcase/storybook-addon-auth',
-  '@storybook/addon-themes',
-  '@storybook/addon-designs',
-  'storybook-addon-source-link',
-  '@etchteam/storybook-addon-status',
-]
-
-export { ADDONS_NEXTJS }

package/config/addonsReact.js

@@ -1,33 +0,0 @@
-const ADDONS_REACT = [
-  '@storybook/addon-webpack5-compiler-swc',
-  '@storybook/addon-essentials',
-  '@storybook/addon-themes',
-  '@storybook/addon-interactions',
-  '@storybook/addon-designs',
-  'storybook-addon-source-link',
-  '@storybook/addon-themes',
-  '@etchteam/storybook-addon-status',
-  {
-    name: '@storybook/addon-styling-webpack',
-    options: {
-      rules: [
-        {
-          test: /\.css$/,
-          use: [
-            'style-loader',
-            {
-              loader: 'css-loader',
-              options: { importLoaders: 1 },
-            },
-            {
-              loader: 'postcss-loader',
-              options: { implementation: require.resolve('postcss') },
-            },
-          ],
-        },
-      ],
-    },
-  },
-]
-
-export { ADDONS_REACT }

package/config/addonsReactVite.js

@@ -1,11 +0,0 @@
-const ADDONS_REACT_VITE = [
-  '@storybook/addon-links',
-  '@storybook/addon-essentials',
-  '@storybook/addon-interactions',
-  '@storybook/addon-themes',
-  '@storybook/addon-designs',
-  'storybook-addon-source-link',
-  '@etchteam/storybook-addon-status',
-]
-
-export { ADDONS_REACT_VITE }

package/config/appearance.js

@@ -1 +0,0 @@
-import '../../../../src/config/appearance'

package/config/authorization.js

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

package/config/backgrounds.js

@@ -1,20 +0,0 @@
-const BACKGROUNDS = {
-  baikal: {
-    name: 'Baikal',
-    value: '#4CB7EA',
-  },
-  dark: {
-    name: 'Dark',
-    value: '#000000',
-  },
-  default: {
-    name: 'Default',
-    value: 'none',
-  },
-  light: {
-    name: 'Light',
-    value: '#fff',
-  },
-}
-
-export { BACKGROUNDS }

package/config/frameworkNextJs.js

@@ -1,5 +0,0 @@
-const FRAMEWORK_NEXTJS = {
-  framework: '@storybook/nextjs',
-}
-
-export { FRAMEWORK_NEXTJS }

package/config/frameworkReact.js

@@ -1,21 +0,0 @@
-const FRAMEWORK_REACT = {
-  framework: {
-    name: '@storybook/react-webpack5',
-    options: {
-      builder: {
-        useSWC: true,
-      },
-    },
-  },
-  swc: () => ({
-    jsc: {
-      transform: {
-        react: {
-          runtime: 'automatic',
-        },
-      },
-    },
-  }),
-}
-
-export { FRAMEWORK_REACT }

package/config/frameworkReactVite.js

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

package/config/index.js

@@ -1,43 +0,0 @@
-import { ADDONS_NEXTJS } from './addonsNextJs'
-import { ADDONS_REACT } from './addonsReact'
-import { ADDONS_REACT_VITE } from './addonsReactVite'
-import { ADDON_THEMES } from './addonThemes'
-import { AUTHORIZATION } from './authorization'
-import { BACKGROUNDS } from './backgrounds'
-import { FRAMEWORK_NEXTJS } from './frameworkNextJs'
-import { FRAMEWORK_REACT } from './frameworkReact'
-import { FRAMEWORK_REACT_VITE } from './frameworkReactVite'
-import { MAIN_CONFIG } from './mainConfig'
-import { MAIN_CONFIG_VITE } from './mainConfigVite'
-import { REFS } from './refs'
-import { SOURCELINK } from './sourceLink'
-import { STATIC_DIRS_NEXTJS } from './staticDirsNextJs'
-import { STATIC_DIRS_REACT } from './staticDirsReact'
-import { STATIC_DIRS_REACT_VITE } from './staticDirsReactVite'
-import { STATUS } from './status'
-import { STORYSORT, STORYSORT_DOCUMENTATION, STORYSORT_ICONS } from './storySort'
-import { VIEWPORTS } from './viewports'
-
-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,
-  SOURCELINK,
-  ADDONS_REACT_VITE,
-  BACKGROUNDS,
-  MAIN_CONFIG,
-  MAIN_CONFIG_VITE,
-  REFS,
-  VIEWPORTS,
-  STORYSORT,
-  STORYSORT_ICONS,
-  STORYSORT_DOCUMENTATION,
-}

package/config/mainConfig.js

@@ -1,31 +0,0 @@
-const MAIN_CONFIG = {
-  core: {
-    disableTelemetry: true,
-    disableWhatsNewNotifications: true,
-  },
-  features: {
-    backgroundsStoryGlobals: true,
-    viewportStoryGlobals: true,
-  },
-  layout: 'fullscreen',
-  tags: ['autodocs'],
-  webpackFinal: async (config) => {
-    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'],
-    })
-    return config
-  },
-}
-
-export { MAIN_CONFIG }

package/config/mainConfigVite.js

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

package/config/preview.css

@@ -1,68 +0,0 @@
-.sb-main-centered {
-  & #storybook-root {
-    min-height: 100%;
-    align-items: center;
-  }
-}
-
-.sb-main-fullscreen {
-  height: auto;
-}
-
-#storybook-root {
-  width: 100%;
-  min-height: 100%;
-  display: flex;
-  justify-content: center;
-}
-
-.docs-story {
-  padding: 40px;
-  display: flex;
-  justify-content: center;
-}
-
-.icon-gallery {
-  &__block {
-    display: flex;
-    flex-direction: column;
-    gap: 20px;
-    &-title {
-      font-size: 20px;
-      font-weight: bold;
-      text-transform: capitalize;
-    }
-    &-group {
-      display: flex;
-      flex-flow: wrap;
-      &-link {
-        min-width: 120px;
-        margin: 0 10px 30px 0;
-        position: relative;
-        display: inline-flex;
-        flex: 0 1 calc(20% - 10px);
-        flex-direction: row;
-        align-items: center;
-        cursor: pointer;
-        &:hover {
-          ^^&-hint {
-            visibility: visible;
-          }
-        }
-      }
-      &-hint {
-        white-space: nowrap;
-        background: #fff;
-        padding: 4px 8px;
-        border-radius: 8px;
-        position: absolute;
-        visibility: hidden;
-        box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.2);
-        left: 50%;
-        top: 80%;
-        z-index: 2;
-        transform: translate(-50%, 0%);
-      }
-    }
-  }
-}

package/config/refs.js

@@ -1,14 +0,0 @@
-const REFS = {
-  'itcase-storybook': {
-    expanded: false,
-    title: 'Introduction',
-    url: 'https://itcase.pro/storybook/',
-  },
-  'itcase-ui': {
-    expanded: false,
-    title: 'ITCase UI',
-    url: 'https://itcase.pro/ui/',
-  },
-}
-
-export { REFS }

package/config/sourceLink.js

@@ -1,25 +0,0 @@
-import { getFileUrl } from 'storybook-addon-source-link'
-
-const SOURCELINK = {
-  links: {
-    before: { label: '', href: '', order: 0, icon: '' },
-    'component-vscode': ({ importPath, rootPath }) => {
-      if (!rootPath) return undefined
-      const componentPath = importPath.replace(/\.stories\.(js|tsx)?$/, '.js')
-      const labelPath = 'Source — ' + importPath.replace(/\.stories\.(js|tsx)?$/, '')
-      const componentFileUrl = getFileUrl(rootPath, componentPath)
-      const href = `vscode://${componentFileUrl.href}`
-      return { label: labelPath, href, icon: 'VSCodeIcon' }
-    },
-    'story-vscode': ({ importPath, rootPath }) => {
-      if (!rootPath) return undefined
-      const fileUrl = getFileUrl(rootPath, importPath)
-      const labelPath = 'Story — ' + importPath.replace(/\.(js|tsx)?$/, '')
-      const href = `vscode://${fileUrl.href}`
-      return { label: labelPath, href, icon: 'StorybookIcon' }
-    },
-    'addon-powered-by': { label: '', href: '', order: 1000, icon: '' },
-  },
-}
-
-export { SOURCELINK }

package/config/staticDirsNextJs.js

@@ -1,6 +0,0 @@
-const STATIC_DIRS_NEXTJS = [
-  { from: '../public', to: '/' },
-  { from: '../src/appearance/', to: 'src/appearance/' },
-  { from: '../public/img', to: 'img/' },
-]
-export { STATIC_DIRS_NEXTJS }

package/config/staticDirsReact.js

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

package/config/staticDirsReactVite.js

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

package/config/status.js

@@ -1,26 +0,0 @@
-const STATUS = {
-  statuses: {
-    emailDevelopServer: {
-      color: '#ffffff',
-      background: 'red',
-      description: 'Story use template from local django-server',
-    },
-    emailRemoteServer: {
-      color: '#ffffff',
-      background: 'green',
-      description: 'Story use template from remote server',
-    },
-    emailServerUrlNotSet: {
-      color: '#ffffff',
-      background: 'red',
-      description: 'Please set EMAIL_URL in .env.local',
-    },
-  },
-  type: !process.env.EMAIL_URL
-    ? 'emailServerUrlNotSet'
-    : process.env.EMAIL_URL.includes('http://')
-      ? 'emailDevelopServer'
-      : 'emailRemoteServer',
-}
-
-export { STATUS }

package/config/storySort.js

@@ -1,174 +0,0 @@
-const defaultDocSort = [
-  'Introduction',
-  'Overview',
-  'Designer',
-  'Developer',
-  'Properties',
-  'Accessibility',
-]
-
-const defaultSortFirst = [
-  'Regular',
-  'All or Nothing',
-  'Mix',
-  'Tile',
-  'List',
-  'Item',
-  'Detail',
-  'Desktop',
-  'Mobile',
-  'Before',
-  'Header',
-  'Content',
-  'Item',
-  'Image',
-  'Data',
-]
-
-const defaultStateSort = ['Data', 'Verify', 'Error', 'Success']
-
-const defaultFormSort = [
-  'Default',
-  'Require',
-  'Required',
-  'Validation',
-  'Server Error',
-  'Filled',
-  'Error 400',
-  'Error 500',
-  'Loading',
-  'Response',
-  'Success',
-]
-
-const defaultSortLast = ['Footer', 'After']
-
-const STORYSORT = [
-  '*',
-  'Tokens',
-  'API',
-  'Components',
-  [
-    ...defaultDocSort,
-    ...defaultSortFirst,
-    '*',
-    ...defaultSortLast,
-    [
-      ...defaultDocSort,
-      ...defaultSortFirst,
-      '*',
-      ...defaultSortLast,
-      [
-        'Components',
-        [
-          ...defaultDocSort,
-          ...defaultSortFirst,
-          '*',
-          ...defaultSortLast,
-          [
-            ...defaultDocSort,
-            ...defaultSortFirst,
-            '*',
-            ...defaultSortLast,
-            [...defaultDocSort, ...defaultSortFirst, '*', ...defaultSortLast],
-            [
-              'First',
-              'First Bet',
-              'Bet',
-              'New Offer',
-              'Wait',
-              'Finished',
-              'Stopped',
-              'Canceled',
-              'Need Confirm',
-              'Confirmed',
-              'Refused',
-              '*',
-            ],
-            '*',
-            ...defaultSortLast,
-          ],
-        ],
-      ],
-    ],
-  ],
-  'Pages',
-  'Page Blocks',
-  [
-    ...defaultDocSort,
-    ...defaultSortFirst,
-    ...defaultStateSort,
-    '*',
-    ...defaultSortLast,
-    [
-      ...defaultDocSort,
-      ...defaultSortFirst,
-      ...defaultStateSort,
-      '*',
-      ...defaultSortLast,
-      [
-        ...defaultDocSort,
-        ...defaultSortFirst,
-        ...defaultStateSort,
-        '*',
-        ...defaultSortLast,
-        [...defaultDocSort, ...defaultSortFirst, ...defaultStateSort, '*', ...defaultSortLast],
-      ],
-    ],
-  ],
-  'Page Components',
-  [
-    ...defaultDocSort,
-    ...defaultSortFirst,
-    ...defaultStateSort,
-    '*',
-    ...defaultSortLast,
-    [
-      ...defaultDocSort,
-      ...defaultSortFirst,
-      ...defaultStateSort,
-      '*',
-      ...defaultSortLast,
-      [
-        ...defaultDocSort,
-        ...defaultSortFirst,
-        ...defaultStateSort,
-        '*',
-        ...defaultSortLast,
-        [...defaultDocSort, ...defaultSortFirst, ...defaultStateSort, '*', ...defaultSortLast],
-      ],
-    ],
-  ],
-  'Forms',
-  [...defaultDocSort, ...defaultFormSort, '*'],
-  'Email',
-  [...defaultDocSort, '*'],
-]
-
-const STORYSORT_DOCUMENTATION = [
-  '*',
-  [
-    'Introduction',
-    'Frontend',
-    [
-      'Overview',
-      'Structure',
-      'Packages',
-      'Pages',
-      'PageBlocks',
-      'PageComponents',
-      'Forms',
-      'Icons',
-    ],
-    'Backend',
-    'Design',
-    'Email',
-    'Storybook',
-    '*',
-    'FAQ',
-  ],
-]
-
-const STORYSORT_ICONS = ['Overview', 'Usage', 'Default Icons', '*']
-
-export { STORYSORT, STORYSORT_DOCUMENTATION, STORYSORT_ICONS }

package/config/users.js

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

package/config/viewports.js

@@ -1,22 +0,0 @@
-import { INITIAL_VIEWPORTS, MINIMAL_VIEWPORTS } from '@storybook/addon-viewport'
-
-const VIEWPORTS = {
-  desktop: {
-    name: 'Desktop',
-    styles: {
-      width: '1440px',
-      height: '100%',
-    },
-  },
-  mobile: {
-    name: 'Mobile',
-    styles: {
-      width: '375px',
-      height: '667px',
-    },
-  },
-  ...INITIAL_VIEWPORTS,
-  ...MINIMAL_VIEWPORTS,
-}
-
-export { VIEWPORTS }

package/utils/getStoryInfoblocks.js

@@ -1,55 +0,0 @@
-import axios from 'axios'
-import camelCase from 'lodash/camelCase'
-
-async function getStoryInfoBlocks(infoBlockSlugsList = []) {
-  const slugsList = []
-  const regExpsList = []
-
-  infoBlockSlugsList.forEach((slug) => {
-    if (slug instanceof RegExp) {
-      regExpsList.push(slug)
-    } else {
-      slugsList.push(slug)
-    }
-  })
-
-  const restBaseUrl = process.env.REST_BASE_URL
-  const slugsQuery = slugsList.join(',')
-  const response = await axios.get(`${restBaseUrl}rest/infoblocks/?active=true&slugs=${slugsQuery}`)
-  const infoBlocksList = response.data.results || []
-  const infoBlocks = infoBlocksList.reduce((resultData, infoBlockItem) => {
-    const targetSlugRegExp = regExpsList.find((slugRegExp) => {
-      return slugRegExp.test(infoBlockItem.slug)
-    })
-
-    if (targetSlugRegExp) {
-      const key = camelCase(infoBlockItem.slug)
-      if (resultData[key]) {
-        resultData[key].push(infoBlockItem)
-      } else {
-        resultData[key] = [infoBlockItem]
-      }
-      return resultData
-    }
-
-    const targetSlug = slugsList.find((slug) => {
-      return slug === infoBlockItem.slug
-    })
-
-    if (targetSlug) {
-      const key = camelCase(targetSlug)
-      resultData[key] = infoBlockItem
-      return resultData
-    }
-
-    // If no specific infoBlocks are assigned to this page,
-    // then we use the "slug" as a key for the infoBlocks dictionary.
-    const infoBlockKey = camelCase(infoBlockItem.slug)
-    resultData[infoBlockKey] = infoBlockItem
-    return resultData
-  }, {})
-
-  return infoBlocks
-}
-
-export { getStoryInfoBlocks }