@wavelengthusaf/client-router 0.0.1

package/.gitlab-ci.yml

@@ -0,0 +1,84 @@
+stages:
+  - setup
+  - build
+  - test
+  - security
+  - deploy
+
+variables:
+  GIT_CLONE_PATH: $CI_BUILDS_DIR/$CI_CONCURRENT_ID/$CI_PROJECT_PATH
+  NODE_VERSION: '22'
+
+cache:
+  key: ${CI_COMMIT_REF_SLUG}
+  paths:
+    - node_modules/
+
+include:
+  - template: Jobs/SAST.gitlab-ci.yml
+  - template: Jobs/Secret-Detection.gitlab-ci.yml
+  - template: Jobs/Dependency-Scanning.gitlab-ci.yml
+
+setup:
+  stage: setup
+  image: node:${NODE_VERSION}-alpine
+  before_script:
+    - npm ci
+  script:
+    - echo "Dependencies installed"
+  artifacts:
+    paths:
+      - node_modules/
+    expire_in: 1 week
+
+build:
+  stage: build
+  needs: ['setup']
+  image: node:${NODE_VERSION}-alpine
+  script:
+    - npm run build
+  artifacts:
+    paths:
+      - dist/
+
+lint:
+  stage: test
+  needs: ['setup']
+  image: node:${NODE_VERSION}-alpine
+  script:
+    - npm run lint
+  allow_failure: false
+
+test:
+  stage: test
+  needs: ['setup']
+  image: node:${NODE_VERSION}-alpine
+  script:
+    - npm run test
+  allow_failure: false
+  coverage: '/All files[^|]*\|[^|]*\s+([\d\.]+)/'
+
+publish:npm:
+  stage: deploy
+  image: node:${NODE_VERSION}-alpine
+  needs: ['setup', 'test']
+  script:
+    - echo "//registry.npmjs.org/:_authToken=$NPM_AUTH_TOKEN" > .npmrc
+    - npm publish --access public
+  rules:
+    - if: $CI_COMMIT_TAG =~ /^v\d+\.\d+\.\d+$/
+    - if: $CI_COMMIT_BRANCH == "master"
+
+pages:
+  stage: deploy
+  image: node:${NODE_VERSION}-alpine
+  needs: ['setup', 'build']
+  script:
+    - npm run build-storybook -- -o public
+    - echo '<meta name="robots" content="noindex" />' >> public/index.html
+  artifacts:
+    paths:
+      - public/
+    expire_in: 30 days
+  rules:
+    - if: $CI_COMMIT_BRANCH == "master"

package/.husky/pre-commit

@@ -0,0 +1,38 @@
+#!/usr/bin/env sh
+echo ------------------------------
+echo Running Husky Pre-Commit Hooks
+echo ------------------------------
+echo
+echo
+echo ----------------------------------
+echo Running Unit Tests
+echo ----------------------------------
+npm run test -- $(git diff --diff-filter=d --name-only --staged) --passWithNoTests
+if [ $? -ne 0 ]; then
+  echo
+  echo "Unit tests failed!"
+  echo
+  exit 1
+else
+  echo
+  echo "Unit tests passed!"
+  echo
+fi
+echo ---------------------------
+echo Running Eslint and Prettier
+echo ---------------------------
+npx eslint --fix $(git diff --diff-filter=d --name-only --staged | grep -E '\.(js|ts|tsx)$')
+if [ $? -ne 0 ]; then
+  echo
+  echo "ESLint failed with errors."
+  echo
+  exit 1
+else
+  echo
+  echo "ESLint passed successfully."
+  echo
+fi
+echo
+echo Pre-commit checks passed!
+exit 0
+

package/.storybook/main.ts

@@ -0,0 +1,16 @@
+const config = {
+  stories: ['../src/stories/**/*.stories.ts'],
+
+  framework: {
+    name: '@storybook/web-components-vite',
+    options: {},
+  },
+
+  addons: [
+    '@storybook/addon-links',
+    '@storybook/addon-docs',
+    '@storybook/addon-a11y',
+  ],
+};
+
+export default config;

package/.storybook/manager.ts

@@ -0,0 +1,7 @@
+import { addons } from 'storybook/manager-api';
+
+import theme from './theme.ts';
+
+addons.setConfig({
+  theme,
+});

package/.storybook/preview.ts

@@ -0,0 +1,23 @@
+import type { Preview } from '@storybook/web-components';
+
+const preview: Preview = {
+  parameters: {
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/i,
+      },
+    },
+    docs: {
+      source: {
+        language: 'ts',
+        format: 'dedent',
+      },
+    },
+    a11y: {
+      element: 'wavelength-router',
+    },
+  },
+};
+
+export default preview;

package/.storybook/theme.ts

@@ -0,0 +1,30 @@
+import { create } from 'storybook/theming';
+
+export default create({
+  base: 'light',
+
+  colorPrimary: '#007fff',
+  colorSecondary: '#007fff',
+
+  appBg: '#ffffff',
+  appContentBg: '#ffffff',
+  appBorderColor: '#e0e0e0',
+  appBorderRadius: 4,
+
+  textColor: 'rgba(0, 0, 0, 0.87)',
+  textInverseColor: '#ffffff',
+  textMutedColor: 'rgba(0, 0, 0, 0.6)',
+
+  barTextColor: 'rgba(0, 0, 0, 0.6)',
+  barSelectedColor: '#007fff',
+  barBg: '#ffffff',
+  barHoverColor: '#f0f0f0',
+
+  inputBg: '#ffffff',
+  inputBorder: '#e0e0e0',
+  inputTextColor: 'rgba(0, 0, 0, 0.87)',
+  inputBorderRadius: 4,
+
+  booleanBg: '#f6f8fa',
+  booleanSelectedBg: '#e6f4ff',
+});

package/.storybook/vitest.setup.ts

@@ -0,0 +1,7 @@
+import { setProjectAnnotations } from '@storybook/web-components-vite';
+
+import * as projectAnnotations from './preview.ts';
+
+// This is an important step to apply the right configuration when testing your stories.
+// More info at: https://storybook.js.org/docs/api/portable-stories/portable-stories-vitest#setprojectannotations
+setProjectAnnotations([projectAnnotations]);