@dcrackel/hematournamentui 1.0.21 → 1.0.23

package/tailwind/tailwind.css

@@ -1,4 +1,4 @@
-@import 'tailwindcss/base';
-@import 'tailwindcss/components';
-@import 'tailwindcss/utilities';
-@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600;700&display=swap');
+@import 'tailwindcss/base';
+@import 'tailwindcss/components';
+@import 'tailwindcss/utilities';
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600;700&display=swap');

package/tailwind.config.js

@@ -1,50 +1,50 @@
-/** @type {import('tailwindcss').Config} */
-export default {
-  content: [
-    "./index.html",
-    "./src/**/*.{vue,js,ts,jsx,tsx}",
-  ],
-  theme: {
-    extend: {
-      fontFamily: {
-        sans: ['Inter', 'system-ui', '-apple-system', 'BlinkMacSystemFont']
-      },
-      lineHeight: {
-        'h1': '1.25',
-        'h2': '1.5',
-        'h3': '1.75'
-      },
-      colors: {
-        primary: '#141B33',
-        primaryHighlight: '#52586C',
-        secondary: '#2B324B',
-        quaternary: '#8991AC',
-        tertiary: '#F6FAFD',
-        dropdownSelect: '#D5E4EE',
-        neutral: '#FFFFFF',
-        bright: '#6190f2',
-        alarm: '#FD546F',
-        alarmText: '#F90229',
-        alert: '#FFD255'
-      }
-    },
-  },
-  plugins: [
-    function ({ addBase, theme }) {
-      addBase({
-        h1: {
-          fontSize: theme('fontSize.3xl'),
-          lineHeight: theme('lineHeight.leading-h1'),
-        },
-        h2: {
-          fontSize: theme('fontSize.2xl'),
-          lineHeight: theme('lineHeight.h2'),
-        },
-        h3: {
-          fontSize: theme('fontSize.xl'),
-          lineHeight: theme('lineHeight.h3'),
-        },
-      });
-    },
-  ],
-}
+/** @type {import('tailwindcss').Config} */
+export default {
+  content: [
+    "./index.html",
+    "./src/**/*.{vue,js,ts,jsx,tsx}",
+  ],
+  theme: {
+    extend: {
+      fontFamily: {
+        sans: ['Inter', 'system-ui', '-apple-system', 'BlinkMacSystemFont']
+      },
+      lineHeight: {
+        'h1': '1.25',
+        'h2': '1.5',
+        'h3': '1.75'
+      },
+      colors: {
+        primary: '#141B33',
+        primaryHighlight: '#52586C',
+        secondary: '#2B324B',
+        quaternary: '#8991AC',
+        tertiary: '#F6FAFD',
+        dropdownSelect: '#D5E4EE',
+        neutral: '#FFFFFF',
+        bright: '#6190f2',
+        alarm: '#FD546F',
+        alarmText: '#F90229',
+        alert: '#FFD255'
+      }
+    },
+  },
+  plugins: [
+    function ({ addBase, theme }) {
+      addBase({
+        h1: {
+          fontSize: theme('fontSize.3xl'),
+          lineHeight: theme('lineHeight.leading-h1'),
+        },
+        h2: {
+          fontSize: theme('fontSize.2xl'),
+          lineHeight: theme('lineHeight.h2'),
+        },
+        h3: {
+          fontSize: theme('fontSize.xl'),
+          lineHeight: theme('lineHeight.h3'),
+        },
+      });
+    },
+  ],
+}

package/vite.config.js

@@ -1,23 +1,23 @@
-import { defineConfig } from 'vite'
-import vue from '@vitejs/plugin-vue'
-export default defineConfig({
-  plugins: [vue()],
-  test: {
-      environment: "happy-dom",
-  },
-  build: {
-    lib: {
-      entry: 'src/index.js',  // this will be your entry point file where you export components
-      name: 'HemaTournamentUI',     // this is the name of your library
-      fileName: (format) => `HemaTouranmentUI-lib.${format}.js`
-    },
-    rollupOptions: {
-      external: ['vue'],     // add external dependencies here
-      output: {
-        globals: {
-          vue: 'Vue'
-        }
-      }
-    }
-  }
-})
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+export default defineConfig({
+  plugins: [vue()],
+  test: {
+      environment: "happy-dom",
+  },
+  build: {
+    lib: {
+      entry: 'src/index.js',  // this will be your entry point file where you export components
+      name: 'HemaTournamentUI',     // this is the name of your library
+      fileName: (format) => `HemaTouranmentUI-lib.${format}.js`
+    },
+    rollupOptions: {
+      external: ['vue'],     // add external dependencies here
+      output: {
+        globals: {
+          vue: 'Vue'
+        }
+      }
+    }
+  }
+})

package/package/.eslintrc.js

@@ -1,18 +0,0 @@
-module.exports = {
-    root: true,
-    env: {
-        node: true,
-        'jest/globals': true
-    },
-    extends: ['plugin:vue/vue3-recommended', 'eslint:recommended', 'plugin:jest/recommended', 'prettier', 'plugin:storybook/recommended'],
-    parserOptions: {
-        parser: 'babel-eslint'
-    },
-    rules: {
-        'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
-        'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off'
-    },
-    plugins: [
-        'jest'
-    ]
-}

package/package/.gitattributes

@@ -1,2 +0,0 @@
-# Auto detect text files and perform LF normalization
-* text=auto

package/package/.prettierignore

@@ -1 +0,0 @@
-node_modules/

package/package/.storybook/main.js

@@ -1,18 +0,0 @@
-/** @type { import('@storybook/vue3-vite').StorybookConfig } */
-const config = {
-  stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
-  addons: [
-    "@storybook/addon-links",
-    "@storybook/addon-essentials",
-    "@storybook/addon-interactions",
-    "@storybook/addon-mdx-gfm"
-  ],
-  framework: {
-    name: "@storybook/vue3-vite",
-    options: {},
-  },
-  docs: {
-    autodocs: "tag",
-  },
-};
-export default config;

package/package/.storybook/mockRoutes.js

@@ -1,9 +0,0 @@
-// .storybook/mockRoutes.js
-import config from "./main.js";
-
-export const routes = [
-    { path: '/', component: { template: '<div>Home</div>' } },
-    { path: '/event', component: { template: '<div>Event</div>' } },
-];
-
-export default routes;

package/package/.storybook/preview-head.html

@@ -1 +0,0 @@
-<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" rel="stylesheet">

package/package/.storybook/preview.js

@@ -1,17 +0,0 @@
-/** @type { import('@storybook/vue3').Preview } */
-import '../tailwind/output.css';
-import 'font-awesome/css/font-awesome.min.css';
-
-const preview = {
-  parameters: {
-    actions: { argTypesRegex: "^on[A-Z].*" },
-    controls: {
-      matchers: {
-        color: /(background|color)$/i,
-        date: /Date$/,
-      },
-    },
-  },
-};
-
-export default preview;

package/package/LICENSE

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2023 Dwain Crackel
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.

package/package/README.md

@@ -1,83 +0,0 @@
-# Vue 3 + Vite
-
-This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
-
-## Recommended IDE Setup
-
-- [VS Code](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur) + [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin).
-
-
-
-
-
-## Publishing a Storybook Library to NPM
-Follow this guide to publish your Storybook library to NPM, making it available for others to easily npm install.
-
-# 1. Setup & Prerequisites
-Ensure you have an account on npm. If not, you can create one for free.
-Verify node and npm installations:
-```
-Copy code
-node -v
-npm -v
-```
-
-# 2. Preparing Your Storybook Library
-a. Building the Library
-Compile your library with Vite or your bundler:
-
-```
-vite build
-```
-
-b. Update package.json
-Ensure the following fields are set:
-
-name: Name of your package.
-version: Version number.
-main: Main entry file (e.g., dist/index.js).
-files: Files to include, e.g., ["dist"].
-
-# 3. Logging in to NPM
-Login to npm (if you haven't already):
-
-```
-npm login
-```
-Provide your username, password, and email.
-
-# 4. Publishing to NPM
-a. Default (Private Package)
-For scoped private packages (@username/project-name):
-
-```
-npm publish
-```
-b. Public Package
-For public packages:
-
-```
-npm publish --access=public
-```
-
-# 5. Verifying Your Package
-Check on the npm website to verify your package's publication.
-
-Check the registry name
-```
-npm get registry
-```
-
-# 6. Installing and Using the Library
-To install the library:
-
-```
-npm install your-library-name
-```
-
-Users can then import and utilize your library's components.
-
-Notes:
-
-Always update the version in package.json before republishing.
-Ensure only necessary files are bundled to prevent package bloat.

package/package/index.html

@@ -1,12 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>StoryBookLib !!!!!</title>
-  </head>
-  <body>
-    <div id="app"></div>
-    <script type="module" src="/src/main.js"></script>
-  </body>
-</html>

package/package/package.json

@@ -1,49 +0,0 @@
-{
-  "name": "@dcrackel/hematournamentui",
-  "private": false,
-  "version": "1.0.7",
-  "type": "module",
-  "main": "dist/HemaTouranmentUI-lib.umd.js",
-  "module": "dist/HemaTouranmentUI-lib.es.js",
-  "scripts": {
-    "dev": "vite",
-    "build": "npm version patch && vite build",
-    "publish:package": "npm publish",
-    "preview": "vite preview",
-    "build-storybook": "npm run build:tailwind && storybook build",
-    "build:tailwind": "tailwindcss build ./tailwind/tailwind.css -o ./tailwind/output.css",
-    "storybook": "concurrently \"npm run watch:tailwind\" \"npm run watch:storybook\"",
-    "watch:storybook": "storybook dev -p 6006",
-    "watch:tailwind": "tailwindcss build ./tailwind/tailwind.css -o ./tailwind/output.css --watch",
-    "test": "vitest",
-    "coverage": "vitest run --coverage"
-  },
-  "dependencies": {
-    "@storybook/addon-actions": "^7.4.5",
-    "concurrently": "^8.2.1",
-    "font-awesome": "^4.7.0",
-    "happy-dom": "^12.8.0",
-    "vue": "^3.3.4"
-  },
-  "devDependencies": {
-    "@storybook/addon-docs": "^7.4.5",
-    "@storybook/addon-essentials": "^7.4.5",
-    "@storybook/addon-interactions": "^7.4.5",
-    "@storybook/addon-links": "^7.4.5",
-    "@storybook/addon-mdx-gfm": "^7.4.5",
-    "@storybook/blocks": "^7.4.5",
-    "@storybook/testing-library": "^0.2.2",
-    "@storybook/vue3": "^7.4.5",
-    "@storybook/vue3-vite": "^7.4.5",
-    "@vitejs/plugin-vue": "^4.2.3",
-    "@vitest/coverage-v8": "^0.34.6",
-    "@vue/cli-plugin-babel": "^5.0.8",
-    "@vue/test-utils": "^2.4.0-alpha.2",
-    "autoprefixer": "^10.4.16",
-    "storybook": "^7.4.5",
-    "storybook-vue3-router": "^4.0.1",
-    "tailwindcss": "^3.3.3",
-    "vite": "^4.4.5",
-    "vitest": "^0.34.6"
-  }
-}

package/package/postcss.config.js

@@ -1,6 +0,0 @@
-export default {
-  plugins: {
-    tailwindcss: {},
-    autoprefixer: {},
-  },
-}

package/package/prettier.config.js

@@ -1,10 +0,0 @@
-module.exports = {
-    semi: true, // Remove semicolons
-    trailingComma: 'none', // No trailing commas
-    singleQuote: true, // Use single quotes instead of double quotes
-    printWidth: 120, // Wrap lines at 120 characters
-    tabWidth: 2, // Use 2 spaces for indentation
-    useTabs: false, // Use spaces instead of tabs
-    bracketSpacing: true, // Space between object literals
-    arrowParens: 'avoid' // Avoid parentheses around single arrow function parameters
-};

package/package/src/index.js

@@ -1,15 +0,0 @@
-export { default as BaseInput } from './stories/Base/Input/BaseInput.vue';
-export { default as BaseButton } from './stories/Base/Button/BaseButton.vue';
-export { default as BaseTag } from './stories/Base/Tag/BaseTag.vue';
-export { default as BaseText } from './stories/Base/Text/BaseText.vue';
-
-export { default as TournamentCard } from './stories/Cards/TournamentCard/TournamentCard.vue';
-export { default as TournamentCardDetails } from './stories/Cards/TournamentCard/Detail/TournamentCardDetail.vue';
-export { default as TournamentCardHeader } from './stories/Cards/TournamentCard/Header/TournamentCardHeader.vue';
-
-export { default as GridContainer } from './stories/Containers/Grid/GridContainer.vue';
-
-export { default as FilterAndSortBar } from './stories/Filters/FilterAndSortBar/FilterAndSortBar.vue';
-export { default as AdminLeftMenu } from './stories/Menu/Admin/AdminLeftMenu.vue';
-export { default as DropDownMenu } from './stories/Menu/DropDown/DropDownMenu.vue';
-

package/package/src/main.js

@@ -1,2 +0,0 @@
-import '../tailwind/output.css'
-

package/package/src/mocks/fileMock.js

@@ -1 +0,0 @@
-module.exports = 'test-file-stub';

package/package/src/mocks/tournamentMock.js

@@ -1,34 +0,0 @@
-const mockTournaments = [
-  {
-    id: 1,
-    artwork: 'https://node.ferrotas.com:5000/uploads/t-450.png',
-    tags: ['Tag1', 'Tag2'],
-    name: 'Summer Slam 2023',
-    description: 'Join us for the hottest tournament this summer!',
-    date: '15 June 2023',
-    closes: 'Status Line',
-    location: 'Amber Arena, Miami, FL'
-  },
-  {
-    id: 2,
-    artwork: 'https://node.ferrotas.com:5000/uploads/t-196.png',
-    tags: ['Tag3', 'Tag4', 'Tag5'],
-    name: 'Winter Showdown 2023',
-    description: 'Cold weather, hot competition!',
-    date: '10 December 2023',
-    closes: 'Registration Closes 1 December 2023',
-    location: 'Snowy Mountain Stadium, Denver, CO'
-  },
-  {
-    id: 3,
-    artwork: 'https://usahema.org/img/tournaments/usahema-tournament-45.jpg',
-    tags: ['Tag6'],
-    name: 'Autumn Cup 2023',
-    description: 'Celebrate fall with intense matches!',
-    date: '20 October 2023',
-    closes: 'Registration Closes 18th October 2023',
-    location: 'Withers Field, Portland, OR'
-  }
-];
-
-export default mockTournaments;

package/package/src/stories/Base/Button/BaseButton.stories.js

@@ -1,69 +0,0 @@
-import BaseButton from './BaseButton.vue';
-
-export default {
-    title: 'Base/BaseButton',
-    component: BaseButton,
-    tags: ['autodocs'],
-    argTypes: {
-        onClick: {},
-        size: {
-            control: {
-                type: 'select'
-            },
-            options: ['small', 'medium', 'large']
-        },
-        iconClass: {
-            control: {
-                type: 'text'
-            },
-            defaultValue: ''
-        },
-        type: {
-            control: {
-                type: 'select'
-            },
-            options: ['primary', 'secondary', 'tertiary', 'bright', 'admin']
-        }
-    }
-};
-export const Primary = {
-    args: {
-        type: 'primary',
-        label: 'Button'
-    }
-};
-export const PrimaryButtonWithIcon = {
-    args: {
-        type: 'primary',
-        label: 'Button',
-        iconClass: 'fas fa-check'
-    }
-};
-export const Secondary = {
-    args: {
-        label: 'Button'
-    }
-};
-export const HighlightedButton = {
-    args: {
-        type: 'bright',
-        size: 'large',
-        label: 'Button'
-    }
-};
-export const SmallTertiary = {
-    args: {
-        type: 'tertiary',
-        size: 'small',
-        label: 'Button'
-    }
-};
-
-export const AdminMunuButton = {
-    args: {
-        type: 'admin',
-        size: 'small',
-        label: 'Admin Button',
-        hoverColor: 'highlightPrimary'
-    }
-};