@itcase/storybook-config 1.1.33 → 1.1.34

package/dist/config/addons/addonThemes.js

@@ -0,0 +1,13 @@
+/* eslint-disable perfectionist/sort-objects */
+const ADDON_THEMES = {
+  defaultTheme: 'am',
+  themes: {
+    am: 'am',
+    baikal: 'baikal',
+    itcase: 'itcase',
+    dark: 'dark',
+    light: 'light',
+  },
+}
+
+export { ADDON_THEMES }

package/dist/config/addons/addonsNextJs.js

@@ -0,0 +1,17 @@
+const ADDONS_NEXTJS = [
+  '@storybook/addon-links',
+  '@itcase/storybook-addon-auth',
+  '@storybook/addon-themes',
+  '@storybook/addon-designs',
+  '@storybook/addon-docs',
+  // 'storybook-addon-source-link',
+  '@etchteam/storybook-addon-status',
+  {
+    name: '@newhighsco/storybook-addon-transpile-modules',
+    options: {
+      transpileModules: ['@itcase/icons', '@itcase/next'],
+    },
+  },
+]
+
+export { ADDONS_NEXTJS }

package/dist/config/addons/addonsReact.js

@@ -0,0 +1,31 @@
+const ADDONS_REACT = [
+  '@storybook/addon-webpack5-compiler-swc',
+  '@storybook/addon-themes',
+  '@storybook/addon-designs',
+  '@storybook/addon-docs',
+  // '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',
+            },
+          ],
+        },
+      ],
+    },
+  },
+]
+
+export { ADDONS_REACT }

package/dist/config/addons/addonsReactVite.js

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

package/dist/config/framework/frameworkNextJs.js

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

package/dist/config/framework/frameworkReact.js

@@ -0,0 +1,12 @@
+const FRAMEWORK_REACT = {
+  framework: {
+    name: '@storybook/react-webpack5',
+    options: {
+      builder: {
+        useSWC: true,
+      },
+    },
+  },
+}
+
+export { FRAMEWORK_REACT }

package/dist/config/framework/frameworkReactVite.js

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

package/dist/config/index.js

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

package/dist/config/main/index.js

@@ -0,0 +1,33 @@
+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 { 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 { 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 { 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,
+  MAIN_CONFIG_VITE,
+  REFS,
+}

package/dist/config/preview/index.js

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

package/dist/config/static/staticDirsNextJs.js

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

package/dist/config/static/staticDirsReact.js

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

package/dist/config/static/staticDirsReactVite.js

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

package/dist/config/status.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/storybook-config",
-  "version": "1.1.33",
+  "version": "1.1.34",
   "author": "ITCase",
   "description": "Code style linter configuration presets",
   "engines": {
@@ -29,9 +29,13 @@
       "import": "./dist/components/*.js",
       "require": "./dist/cjs/components/*.js"
     },
-    "./config": {
-      "import": "./dist/config/index.js",
-      "require": "./dist/config/index.js"
+    "./config/main": {
+      "import": "./dist/config/main/index.js",
+      "require": "./dist/config/main/index.js"
+    },
+    "./config/preview": {
+      "import": "./dist/config/preview/index.js",
+      "require": "./dist/config/preview/index.js"
     },
     "./css/*.css": {
       "import": "./dist/css/*.css",

package/dist/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 }