Eslint fixes

.bung.yml

@@ -12,4 +12,4 @@ dirs:
     - "./src/Misc"
 
   layouts:
-    - "./src/Layouts"
+    - "./src/Layouts"

.github/workflows/codeql-analysis.yml

@@ -13,12 +13,12 @@ name: "CodeQL"
 
 on:
   push:
-    branches: [ master ]
+    branches: [master]
   pull_request:
     # The branches below must be a subset of the branches above
-    branches: [ master ]
+    branches: [master]
   schedule:
-    - cron: '42 1 * * 0'
+    - cron: "42 1 * * 0"
 
 jobs:
   analyze:
@@ -32,39 +32,39 @@ jobs:
     strategy:
       fail-fast: false
       matrix:
-        language: [ 'javascript' ]
+        language: ["javascript"]
         # CodeQL supports [ 'cpp', 'csharp', 'go', 'java', 'javascript', 'python', 'ruby' ]
         # Learn more about CodeQL language support at https://git.io/codeql-language-support
 
     steps:
-    - name: Checkout repository
-      uses: actions/checkout@v3
+      - name: Checkout repository
+        uses: actions/checkout@v3
 
-    # Initializes the CodeQL tools for scanning.
-    - name: Initialize CodeQL
-      uses: github/codeql-action/init@v2
-      with:
-        languages: ${{ matrix.language }}
-        # If you wish to specify custom queries, you can do so here or in a config file.
-        # By default, queries listed here will override any specified in a config file.
-        # Prefix the list here with "+" to use these queries and those in the config file.
-        # queries: ./path/to/local/query, your-org/your-repo/queries@main
+      # Initializes the CodeQL tools for scanning.
+      - name: Initialize CodeQL
+        uses: github/codeql-action/init@v2
+        with:
+          languages: ${{ matrix.language }}
+          # If you wish to specify custom queries, you can do so here or in a config file.
+          # By default, queries listed here will override any specified in a config file.
+          # Prefix the list here with "+" to use these queries and those in the config file.
+          # queries: ./path/to/local/query, your-org/your-repo/queries@main
 
-    # Autobuild attempts to build any compiled languages  (C/C++, C#, or Java).
-    # If this step fails, then you should remove it and run the build manually (see below)
-    - name: Autobuild
-      uses: github/codeql-action/autobuild@v2
+      # Autobuild attempts to build any compiled languages  (C/C++, C#, or Java).
+      # If this step fails, then you should remove it and run the build manually (see below)
+      - name: Autobuild
+        uses: github/codeql-action/autobuild@v2
 
-    # ℹ️ Command-line programs to run using the OS shell.
-    # 📚 https://git.io/JvXDl
+      # ℹ️ Command-line programs to run using the OS shell.
+      # 📚 https://git.io/JvXDl
 
-    # ✏️ If the Autobuild fails above, remove it and uncomment the following three lines
-    #    and modify them (or add more) to build your code if your project
-    #    uses a compiled language
+      # ✏️ If the Autobuild fails above, remove it and uncomment the following three lines
+      #    and modify them (or add more) to build your code if your project
+      #    uses a compiled language
 
-    #- run: |
-    #   make bootstrap
-    #   make release
+      #- run: |
+      #   make bootstrap
+      #   make release
 
-    - name: Perform CodeQL Analysis
-      uses: github/codeql-action/analyze@v2
+      - name: Perform CodeQL Analysis
+        uses: github/codeql-action/analyze@v2

.storybook/main.js

@@ -1,11 +1,20 @@
 module.exports = {
-  "stories": ["../src/**/*.stories.mdx", "../src/**/*.stories.@(js|jsx|ts|tsx)"],
-  "addons": ["@storybook/addon-links", "@storybook/addon-essentials", "@storybook/preset-scss", "@storybook/addon-postcss", "@storybook/addon-interactions", "storybook-dark-mode", "@storybook/addon-mdx-gfm"],
-  "framework": {
-    name: "@storybook/react-vite",
+  stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)'],
+  addons: [
+    '@storybook/addon-links',
+    '@storybook/addon-essentials',
+    '@storybook/preset-scss',
+    '@storybook/addon-postcss',
+    '@storybook/addon-interactions',
+    'storybook-dark-mode',
+    '@storybook/addon-mdx-gfm',
+    '@chromatic-com/storybook'
+  ],
+  framework: {
+    name: '@storybook/react-vite',
     options: {}
   },
   docs: {
     autodocs: true
   }
-};
+}

.storybook/preview.js

@@ -1,9 +1,9 @@
 export const parameters = {
-  actions: { argTypesRegex: "^on[A-Z].*" },
+  actions: { argTypesRegex: '^on[A-Z].*' },
   controls: {
     matchers: {
       color: /(background|color)$/i,
-      date: /Date$/,
-    },
-  },
-}
+      date: /Date$/
+    }
+  }
+}

büng/src/Commands/MainCommand.js

@@ -1,9 +1,6 @@
 const { Command } = require('commander')
 const { version } = require('../../package.json')
-const {
-  makeComponent,
-  makeStory
-} = require('../Utils/CompntMgmt')
+const { makeComponent, makeStory } = require('../Utils/CompntMgmt')
 const program = new Command()
 
 function mainCommand (argv) {
@@ -12,12 +9,16 @@ function mainCommand (argv) {
     .description('Büng, the component maker.')
     .version(version)
 
-  program.command('make-component <name> <category>').description('Make a new component with story.')
+  program
+    .command('make-component <name> <category>')
+    .description('Make a new component with story.')
     .action((name, category) => {
       makeComponent(name, category)
     })
 
-  program.command('make-story <name> <category>').description('Make a new story.')
+  program
+    .command('make-story <name> <category>')
+    .description('Make a new story.')
     .action((name, category) => {
       makeStory(name, category)
     })

büng/src/Templates/Test.stories.tsx

@@ -1,14 +1,14 @@
-import React from 'react'
+import React from "react";
 
-import { Test } from './Test'
+import { Test } from "./Test";
 
 export default {
-  title: 'Category/Test',
-  component: Test
-}
+  title: "Category/Test",
+  component: Test,
+};
 
-const Template = (args :any) => <Test {...args} />
+const Template = (args: any) => <Test {...args} />;
 
-export const Default = Template.bind({})
+export const Default = Template.bind({});
 // @ts-ignore
-Default.args = {}
+Default.args = {};

büng/src/Templates/Test.tsx

@@ -1,24 +1,25 @@
-import React from 'react'
-import PropTypes, { InferProps } from 'prop-types'
-import styled from 'styled-components'
+import React from "react";
+import PropTypes, { InferProps } from "prop-types";
+import styled from "styled-components";
 
 const Div = styled.div`
   color: deeppink;
-`
+`;
 
-export function Test ({ children, className, ...props }: InferProps<typeof Test.propTypes>) {
+export function Test({
+  children,
+  className,
+  ...props
+}: InferProps<typeof Test.propTypes>) {
   return (
-    <Div
-        className={['CATEGORY__test', 'test', className].join(' ')}
-        {...props}
-    >
-        Hello World !
+    <Div className={["CATEGORY__test", "test", className].join(" ")} {...props}>
+      Hello World !
     </Div>
-  )
+  );
 }
 
 Test.propTypes = {
   className: PropTypes.string,
   children: PropTypes.any,
-  props: PropTypes.any
-}
+  props: PropTypes.any,
+};