@assembly-js/design-system 2.4.0

package/.eslintrc.cjs

@@ -0,0 +1,45 @@
+/** @type {import("eslint").Linter.Config} */
+const config = {
+  parser: '@typescript-eslint/parser',
+  parserOptions: {
+    project: true,
+  },
+  ignorePatterns: [
+    '*.config.js',
+    '*.config.ts',
+    '*.config.cjs',
+    'dist/**/*',
+    'scripts',
+  ],
+  plugins: ['@typescript-eslint'],
+  extends: [
+    'next/core-web-vitals',
+    'plugin:@typescript-eslint/recommended-type-checked',
+    'plugin:@typescript-eslint/stylistic-type-checked',
+    'plugin:storybook/recommended',
+  ],
+  rules: {
+    // These opinionated rules are enabled in stylistic-type-checked above.
+    // Feel free to reconfigure them to your own preference.
+    '@typescript-eslint/array-type': 'off',
+    '@typescript-eslint/consistent-type-definitions': 'off',
+
+    '@typescript-eslint/consistent-type-imports': [
+      'warn',
+      {
+        prefer: 'type-imports',
+        fixStyle: 'inline-type-imports',
+      },
+    ],
+    '@typescript-eslint/no-unused-vars': ['warn', { argsIgnorePattern: '^_' }],
+    '@typescript-eslint/require-await': 'off',
+    '@typescript-eslint/no-misused-promises': [
+      'error',
+      {
+        checksVoidReturn: { attributes: false },
+      },
+    ],
+  },
+};
+
+module.exports = config;

package/.github/workflows/chromatic.yml

@@ -0,0 +1,21 @@
+name: "Chromatic"
+
+on: push
+
+
+jobs:
+  chromatic:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+
+      - name: Install dependencies
+        run: yarn install 
+
+      - name: Run Chromatic
+        uses: chromaui/action@latest
+        with:
+          projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}

package/.github/workflows/npm-publish.yml

@@ -0,0 +1,50 @@
+name: NPM Publish
+
+on:
+  workflow_dispatch:
+
+permissions:
+  contents: read
+  id-token: write
+
+jobs:
+  publish:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v4
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: '22'
+          registry-url: 'https://registry.npmjs.org'
+
+      - name: Install dependencies
+        run: yarn install --immutable
+
+      - name: Build
+        run: yarn build
+
+      # Publish to @assembly-js/design-system
+      - name: Publish @assembly-js/design-system
+        run: |
+          node -e "
+            const pkg = require('./package.json');
+            pkg.name = '@assembly-js/design-system';
+            delete pkg.deprecated;
+            require('fs').writeFileSync('./package.json', JSON.stringify(pkg, null, 2));
+          "
+          npm publish --provenance --access public
+
+      # Publish to copilot-design-system (legacy)
+      - name: Publish copilot-design-system (legacy)
+        run: |
+          node -e "
+            const pkg = require('./package.json');
+            pkg.name = 'copilot-design-system';
+            pkg.deprecated = 'This package has been renamed to @assembly-js/design-system';
+            require('fs').writeFileSync('./package.json', JSON.stringify(pkg, null, 2));
+          "
+          npm publish --provenance --access public

package/.github/workflows/tsc.yml

@@ -0,0 +1,32 @@
+name: TypeScript Compilation
+
+on:
+  # Trigger the workflow on push and pull requests to main branch
+  push:
+    branches: ['main']
+  pull_request:
+    branches: ['main']
+
+jobs:
+  build:
+    # Using the latest Ubuntu runner
+    runs-on: ubuntu-latest
+
+    steps:
+      # Checkout the repository code
+      - uses: actions/checkout@v4
+
+      # Set up Node.js with specific version
+      - name: Use Node.js 20.13.1
+        uses: actions/setup-node@v4
+        with:
+          node-version: 20.13.1
+          cache: 'yarn'
+
+      # Install dependencies using Yarn
+      - name: Install dependencies
+        run: yarn install --frozen-lockfile
+
+      # Run TypeScript compiler
+      - name: Run TypeScript Compilation
+        run: yarn tsc --noEmit

package/.nvmrc

@@ -0,0 +1 @@
+v20.13.1

package/.prettierignore

@@ -0,0 +1,2 @@
+build
+dist

package/.prettierrc.js

@@ -0,0 +1,7 @@
+module.exports = {
+  plugins: ['prettier-plugin-tailwindcss'],
+  singleQuote: true,
+  trailingComma: 'all',
+  printWidth: 80,
+  endOfLine: 'auto',
+};

package/.storybook/main.ts

@@ -0,0 +1,40 @@
+import type { StorybookConfig } from '@storybook/nextjs';
+
+const config: StorybookConfig = {
+  stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
+  addons: [
+    '@storybook/addon-links',
+    '@storybook/addon-essentials',
+    '@storybook/addon-onboarding',
+    '@storybook/addon-interactions',
+    '@storybook/addon-styling-webpack',
+    '@storybook/addon-webpack5-compiler-swc',
+    'storybook-addon-pseudo-states',
+  ],
+  framework: {
+    name: '@storybook/nextjs',
+    options: {
+      builder: {
+        useSWC: true,
+      },
+    },
+  },
+  swc: () => ({
+    jsc: {
+      transform: {
+        react: {
+          runtime: 'automatic',
+        },
+      },
+    },
+  }),
+
+  docs: {
+    autodocs: 'tag',
+  },
+  typescript: {
+    reactDocgen: 'react-docgen-typescript',
+  },
+};
+
+export default config;

package/.storybook/preview.ts

@@ -0,0 +1,11 @@
+import type { Preview } from "@storybook/react";
+import "../src/styles/main.css";
+
+const preview: Preview = {
+  parameters: {
+    actions: {},
+    controls: {},
+  },
+};
+
+export default preview;

package/.vscode/css_custom_data.json

@@ -0,0 +1,9 @@
+{
+  "version": 1.1,
+  "atDirectives": [
+    {
+      "name": "@tailwind",
+      "description": "Use the @tailwind directive to insert Tailwind's `base`, `components`, `utilities`, and `screens` styles into your CSS."
+    }
+  ]
+}

package/.vscode/extensions.json

@@ -0,0 +1,11 @@
+{
+	"recommendations": [
+		"waderyan.gitblame",
+		"esbenp.prettier-vscode",
+		"dbaeumer.vscode-eslint",
+    "bradlc.vscode-tailwindcss",
+	],
+	"unwantedRecommendations": [
+		
+	]
+}

package/.vscode/launch.json

@@ -0,0 +1,27 @@
+{
+    // Use IntelliSense to learn about possible attributes.
+    // Hover to view descriptions of existing attributes.
+    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+    "version": "0.2.0",
+    "configurations": [
+      {
+        "type": "node",
+        "request": "launch",
+        "name": "build",
+        "cwd": "${workspaceRoot}",
+        "runtimeExecutable": "yarn",
+        "runtimeArgs": ["build"],
+        "stopOnEntry": false,
+      },
+      {
+        "type": "node",
+        "request": "launch",
+        "name": "export-icons",
+        "cwd": "${workspaceRoot}",
+        "runtimeExecutable": "yarn",
+        "runtimeArgs": ["export-icons"],
+        "stopOnEntry": false,
+      }
+    ]
+  }
+  

package/.vscode/settings.json

@@ -0,0 +1,13 @@
+{
+  "editor.formatOnSave": true,
+  "css.customData": [".vscode/css_custom_data.json"],
+  "[javascript]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[typescript]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[typescriptreact]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  }
+}