[NO-CSL] Add GitHub Actions (#1)

* lint

* feat: Adds GitHub Actions

* Add diffend

---------

Co-authored-by: Enes Kutay SEZEN <eneskutaysezen@gmail.com>

Author: Mudaafi

.diffend.yml

@@ -0,0 +1,3 @@
+project_id: '4095d386-8e3c-4755-acde-77cd76153a66'
+shareable_id: '89899076-a5bc-42f0-ba72-b0d98172da08'
+shareable_key: 'f5885572-4055-46b7-ba99-cd350d3675ba'

.github/dependabot.yml

@@ -0,0 +1,13 @@
+version: 2
+
+updates:
+  # Maintain dependencies for npm packages
+  - package-ecosystem: "npm"
+    directory: "/"
+    schedule:
+      interval: "daily"
+    # Disable version updates for npm dependencies
+    # This option has no impact on security updates, which have a separate, internal limit of ten open pull requests.
+    open-pull-requests-limit: 0
+    reviewers:
+      - "mudaafi" # Ahmad

.github/workflows/codeql-analysis.yml

@@ -0,0 +1,70 @@
+# For most projects, this workflow file will not need changing; you simply need
+# to commit it to your repository.
+#
+# You may wish to alter this file to override the set of languages analyzed,
+# or to provide custom queries or build logic.
+#
+# ******** NOTE ********
+# We have attempted to detect the languages in your repository. Please check
+# the `language` matrix defined below to confirm you have the correct set of
+# supported CodeQL languages.
+#
+name: 'CodeQL'
+
+on:
+  push:
+    branches: [main]
+  pull_request:
+    # The branches below must be a subset of the branches above
+    branches: [main]
+  schedule:
+    - cron: '34 5 * * 4'
+
+jobs:
+  analyze:
+    name: Analyze
+    runs-on: ubuntu-latest
+    permissions:
+      actions: read
+      contents: read
+      security-events: write
+
+    strategy:
+      fail-fast: false
+      matrix:
+        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@v2
+
+      # Initializes the CodeQL tools for scanning.
+      - name: Initialize CodeQL
+        uses: github/codeql-action/init@v1
+        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@v1
+
+      # ℹ️ 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
+
+      #- run: |
+      #   make bootstrap
+      #   make release
+
+      - name: Perform CodeQL Analysis
+        uses: github/codeql-action/analyze@v1

.github/workflows/run-diffend.yml

@@ -0,0 +1,24 @@
+name: Run Diffend
+
+on:
+  pull_request:
+    branches:
+      - '**'
+concurrency:
+  group: run-diffend-${{ github.head_ref }}
+  cancel-in-progress: true
+jobs:
+  diffend:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Check out code
+        uses: actions/checkout@v3
+      - name: Set up node
+        uses: actions/setup-node@v2
+        with:
+          node-version: '18.13.0'
+      - name: Install Diffend (Mend)
+        run: npm install -g https://my.diffend.io/releases/npm/stable.tgz
+      - name: Install dependencies with Diffend
+        run: diffend npm install
+

.github/workflows/run-license-check.yml

@@ -0,0 +1,25 @@
+name: Run license check
+on:
+  pull_request:
+    branches:
+      - "**"
+concurrency:
+  group: run-license-${{ github.head_ref }}
+  cancel-in-progress: true
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    strategy:
+      matrix:
+        node: ["18.13.0"]
+    steps:
+      - name: Check out code
+        uses: actions/checkout@v2
+      - name: Set up node
+        uses: actions/setup-node@v2
+        with:
+          node-version: ${{ matrix.node }}
+      - name: Install dependencies
+        run: npm install
+      - name: Run license check
+        run: npm run check-license

.github/workflows/run-lint.yml

@@ -0,0 +1,23 @@
+name: Run lint
+
+on:
+  pull_request:
+    branches:
+      - '**'
+concurrency:
+  group: run-lint-${{ github.head_ref }}
+  cancel-in-progress: true
+jobs:
+  lint:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Check out code
+        uses: actions/checkout@v3
+      - name: Set up node
+        uses: actions/setup-node@v2
+        with:
+          node-version: '18.13.0'
+      - name: Install dependencies
+        run: npm install
+      - name: Run lint
+        run: npm run lint

.github/workflows/spell-check.yml

@@ -0,0 +1,22 @@
+name: Spell check
+
+on:
+  pull_request:
+    branches:
+      - '**'
+concurrency:
+  group: spell-check-${{ github.head_ref }}
+  cancel-in-progress: true
+jobs:
+  check:
+    name: Run spell check
+    runs-on: ubuntu-latest
+    steps:
+      - name: Check out code
+        uses: actions/checkout@v3
+      - name: Set up node
+        uses: actions/setup-node@v2
+        with:
+          node-version: '18.13.0'
+      - name: Spell check
+        run: npx cspell "**/*.{ts,tsx}"

src/hooks/useProductCardProps.ts

@@ -1,11 +1,8 @@
 import { useCallback } from 'react';
-import useCioClient from './useCioClient';
 
 export type CioClientConfig = { apiKey?: string };
 
-const useCioProductCardProps = ({ customCallbackOne, customCallbackTwo }, apiKey: string) => {
-  const cioClient = useCioClient(apiKey);
-
+const useCioProductCardProps = ({ customCallbackOne, customCallbackTwo }) => {
   const callbackOne = useCallback(() => {
     customCallbackOne();
     // Run the default callback for tracking here

src/stories/components/ProductCard.stories.ts

@@ -26,7 +26,6 @@ type Story = StoryObj<typeof meta>;
 // More on writing stories with args: https://storybook.js.org/docs/react/writing-stories/args
 export const Primary: Story = {
   args: {
-    primary: true,
     label: 'Button',
   },
 };

src/stories/components/ProductCardExample.tsx

@@ -10,42 +10,28 @@ import './button.css';
  * Attribute-types determine the type of control: boolean = toggle, string = text input, enum = select
  */
 interface ProductCardExampleProps {
-  /**
-   * Is this the principal call to action on the page?
-   */
-  primary?: boolean;
   /**
    * What background color to use
    */
   backgroundColor?: string;
-  /**
-   * How large should the button be?
-   */
-  size?: 'small' | 'medium' | 'large' | 'extra';
   /**
    * Button contents
    */
   label: string;
-  /**
-   * Optional click handler
-   */
-  onClick?: () => void;
 }
 
 // Note Description here will be parsed into the story description
 /**
  * A Product Card UI Component
  */
 export default function ProductCardExample({
-  primary = false,
-  size = 'medium',
   backgroundColor,
   label,
   ...props
 }: ProductCardExampleProps) {
   return (
     <PlpContextProvider apiKey={DEMO_API_KEY}>
-      <ProductCard />
+      <ProductCard {...props} />
     </PlpContextProvider>
   );
 }