@designcrowd/fe-shared-lib 1.7.0-eng-4159 → 1.7.1

package/.eslintrc.js

@@ -1,36 +1,36 @@
-module.exports = {
-  root: true,
-  env: {
-    browser: true,
-  },
-  extends: ['plugin:vue/recommended', '@vue/airbnb', '@vue/prettier', 'plugin:storybook/recommended'],
-  parser: 'vue-eslint-parser',
-  plugins: ['prettier', '@typescript-eslint'],
-  parserOptions: {
-    parser: '@typescript-eslint/parser',
-    ecmaVersion: 2020,
-    sourceType: 'module',
-  },
-  rules: {
-    'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
-    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
-    'import/no-extraneous-dependencies': [
-      'error',
-      {
-        devDependencies: true,
-      },
-    ],
-    'import/prefer-default-export': 'off',
-    'vue/no-template-target-blank': 'off',
-    'vuejs-accessibility/form-control-has-label': 'off',
-    'vue/html-button-has-type': 'off',
-    'vue/no-reserved-component-names': 'off',
-    'vuejs-accessibility/click-events-have-key-events': 'off',
-  },
-  overrides: [
-    {
-      files: ['**/__tests__/*.{j,t}s?(x)', '**/tests/unit/**/*.test.{j,t}s?(x)'],
-      env: {},
-    },
-  ],
-};
+module.exports = {
+  root: true,
+  env: {
+    browser: true,
+  },
+  extends: ['plugin:vue/recommended', '@vue/airbnb', '@vue/prettier', 'plugin:storybook/recommended'],
+  parser: 'vue-eslint-parser',
+  plugins: ['prettier', '@typescript-eslint'],
+  parserOptions: {
+    parser: '@typescript-eslint/parser',
+    ecmaVersion: 2020,
+    sourceType: 'module',
+  },
+  rules: {
+    'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
+    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
+    'import/no-extraneous-dependencies': [
+      'error',
+      {
+        devDependencies: true,
+      },
+    ],
+    'import/prefer-default-export': 'off',
+    'vue/no-template-target-blank': 'off',
+    'vuejs-accessibility/form-control-has-label': 'off',
+    'vue/html-button-has-type': 'off',
+    'vue/no-reserved-component-names': 'off',
+    'vuejs-accessibility/click-events-have-key-events': 'off',
+  },
+  overrides: [
+    {
+      files: ['**/__tests__/*.{j,t}s?(x)', '**/tests/unit/**/*.test.{j,t}s?(x)'],
+      env: {},
+    },
+  ],
+};

package/.github/workflows/auto-merge.yml

@@ -1,52 +1,52 @@
-name: Auto Merge PR for smartling-github-connector
-
-# Trigger the workflow when a pull request is opened or updated
-on:
-  pull_request:
-    types: [opened, synchronize, reopened]
-
-jobs:
-  auto-merge:
-    runs-on: ubuntu-latest
-
-    # Only run if the PR is from smartling-github-connector
-    if: contains(github.event.pull_request.user.login, 'smartling-github-connector')
-
-    steps:
-      # Checkout the repository
-      - name: Checkout repository
-        uses: actions/checkout@v3
-
-      # Set up GitHub CLI
-      - name: Setup GitHub CLI
-        run: |
-          echo "${{ secrets.GITHUB_TOKEN }}" | gh auth login --with-token
-
-      # Check if PR is mergeable
-      - name: Check PR status
-        id: check_pr
-        run: |
-          PR_NUMBER=${{ github.event.pull_request.number }}
-          MERGEABLE=$(gh pr view $PR_NUMBER --json mergeable | jq -r '.mergeable')
-          echo "Mergeable status: $MERGEABLE"
-          echo "mergeable=$MERGEABLE" >> $GITHUB_OUTPUT
-
-      # Auto-merge the PR if it's mergeable
-      - name: Auto-merge PR
-        if: steps.check_pr.outputs.mergeable == 'MERGEABLE'
-        run: |
-          gh pr merge ${{ github.event.pull_request.number }} \
-            --auto \
-            --squash \
-            --delete-branch
-        env:
-          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-
-      # Add a comment if PR can't be merged
-      - name: Comment on unmergeable PR
-        if: steps.check_pr.outputs.mergeable != 'MERGEABLE'
-        run: |
-          gh pr comment ${{ github.event.pull_request.number }} \
-            --body "PR cannot be automatically merged due to conflicts or other issues. Please resolve manually."
-        env:
-          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+name: Auto Merge PR for smartling-github-connector
+
+# Trigger the workflow when a pull request is opened or updated
+on:
+  pull_request:
+    types: [opened, synchronize, reopened]
+
+jobs:
+  auto-merge:
+    runs-on: ubuntu-latest
+
+    # Only run if the PR is from smartling-github-connector
+    if: contains(github.event.pull_request.user.login, 'smartling-github-connector')
+
+    steps:
+      # Checkout the repository
+      - name: Checkout repository
+        uses: actions/checkout@v3
+
+      # Set up GitHub CLI
+      - name: Setup GitHub CLI
+        run: |
+          echo "${{ secrets.GITHUB_TOKEN }}" | gh auth login --with-token
+
+      # Check if PR is mergeable
+      - name: Check PR status
+        id: check_pr
+        run: |
+          PR_NUMBER=${{ github.event.pull_request.number }}
+          MERGEABLE=$(gh pr view $PR_NUMBER --json mergeable | jq -r '.mergeable')
+          echo "Mergeable status: $MERGEABLE"
+          echo "mergeable=$MERGEABLE" >> $GITHUB_OUTPUT
+
+      # Auto-merge the PR if it's mergeable
+      - name: Auto-merge PR
+        if: steps.check_pr.outputs.mergeable == 'MERGEABLE'
+        run: |
+          gh pr merge ${{ github.event.pull_request.number }} \
+            --auto \
+            --squash \
+            --delete-branch
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+
+      # Add a comment if PR can't be merged
+      - name: Comment on unmergeable PR
+        if: steps.check_pr.outputs.mergeable != 'MERGEABLE'
+        run: |
+          gh pr comment ${{ github.event.pull_request.number }} \
+            --body "PR cannot be automatically merged due to conflicts or other issues. Please resolve manually."
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

package/.github/workflows/claude.yml

@@ -1,72 +1,72 @@
-name: Claude Assistant
-on:
-  issue_comment:
-    types: [created]
-  pull_request_review_comment:
-    types: [created]
-  issues:
-    types: [opened, assigned, labeled]
-  pull_request_review:
-    types: [submitted]
-env:
-  AWS_REGION: us-east-1
-
-permissions:
-  id-token: write
-  contents: write
-  pull-requests: write
-  issues: write
-  actions: read
-
-jobs:
-  claude-response:
-    runs-on: ubuntu-latest
-    steps:
-      - name: Git clone the repository
-        uses: actions/checkout@v6
-
-      - name: Detect model from trigger
-        id: config
-        env:
-          COMMENT_BODY: ${{ github.event.comment.body || github.event.issue.body || github.event.review.body || '' }}
-        run: |
-          if echo "$COMMENT_BODY" | grep -qi -- '--opus'; then
-            echo "model=us.anthropic.claude-opus-4-6" >> "$GITHUB_OUTPUT"
-          elif echo "$COMMENT_BODY" | grep -qi -- '--haiku'; then
-            echo "model=us.anthropic.claude-haiku-4-5-20251001" >> "$GITHUB_OUTPUT"
-          else
-            echo "model=us.anthropic.claude-sonnet-4-6" >> "$GITHUB_OUTPUT"
-          fi
-
-      - name: Setup Node.js 20
-        uses: actions/setup-node@v4
-        with:
-          node-version: '20.11.0'
-          cache: 'npm'
-          cache-dependency-path: package-lock.json
-
-      - name: Configure npm for private packages
-        run: |
-          echo "//registry.npmjs.org/:_authToken=${{ secrets.NPM_TOKEN }}" > ~/.npmrc
-          echo "@designcrowd:registry=https://registry.npmjs.org/" >> ~/.npmrc
-
-      - name: Configure AWS credentials
-        uses: aws-actions/configure-aws-credentials@v6
-        with:
-          role-to-assume: arn:aws:iam::104415087145:role/github-claude-action-bedrock
-          role-session-name: GitHub_to_AWS_via_FederatedOIDC
-          aws-region: ${{ env.AWS_REGION }}
-
-      - uses: anthropics/claude-code-action@v1
-        with:
-          use_bedrock: "true"
-          claude_args: "--model ${{ steps.config.outputs.model }}"
-          assignee_trigger: "claude"
-          label_trigger: "claude"
-          base_branch: "master"
-          track_progress: "true"
-          use_sticky_comment: "true"
-          use_commit_signing: "true"
-          exclude_comments_by_actor: "*[bot]"
-          additional_permissions: |
-            actions: read
+name: Claude Assistant
+on:
+  issue_comment:
+    types: [created]
+  pull_request_review_comment:
+    types: [created]
+  issues:
+    types: [opened, assigned, labeled]
+  pull_request_review:
+    types: [submitted]
+env:
+  AWS_REGION: us-east-1
+
+permissions:
+  id-token: write
+  contents: write
+  pull-requests: write
+  issues: write
+  actions: read
+
+jobs:
+  claude-response:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Git clone the repository
+        uses: actions/checkout@v6
+
+      - name: Detect model from trigger
+        id: config
+        env:
+          COMMENT_BODY: ${{ github.event.comment.body || github.event.issue.body || github.event.review.body || '' }}
+        run: |
+          if echo "$COMMENT_BODY" | grep -qi -- '--opus'; then
+            echo "model=us.anthropic.claude-opus-4-6" >> "$GITHUB_OUTPUT"
+          elif echo "$COMMENT_BODY" | grep -qi -- '--haiku'; then
+            echo "model=us.anthropic.claude-haiku-4-5-20251001" >> "$GITHUB_OUTPUT"
+          else
+            echo "model=us.anthropic.claude-sonnet-4-6" >> "$GITHUB_OUTPUT"
+          fi
+
+      - name: Setup Node.js 20
+        uses: actions/setup-node@v4
+        with:
+          node-version: '20.11.0'
+          cache: 'npm'
+          cache-dependency-path: package-lock.json
+
+      - name: Configure npm for private packages
+        run: |
+          echo "//registry.npmjs.org/:_authToken=${{ secrets.NPM_TOKEN }}" > ~/.npmrc
+          echo "@designcrowd:registry=https://registry.npmjs.org/" >> ~/.npmrc
+
+      - name: Configure AWS credentials
+        uses: aws-actions/configure-aws-credentials@v6
+        with:
+          role-to-assume: arn:aws:iam::104415087145:role/github-claude-action-bedrock
+          role-session-name: GitHub_to_AWS_via_FederatedOIDC
+          aws-region: ${{ env.AWS_REGION }}
+
+      - uses: anthropics/claude-code-action@v1
+        with:
+          use_bedrock: "true"
+          claude_args: "--model ${{ steps.config.outputs.model }}"
+          assignee_trigger: "claude"
+          label_trigger: "claude"
+          base_branch: "master"
+          track_progress: "true"
+          use_sticky_comment: "true"
+          use_commit_signing: "true"
+          exclude_comments_by_actor: "*[bot]"
+          additional_permissions: |
+            actions: read

package/.prettierrc.js

@@ -1,7 +1,7 @@
-module.exports = {
-  singleQuote: true,
-  trailingComma: 'all',
-  arrowParens: 'always',
-  endOfLine: 'auto',
-  printWidth: 120,
-};
+module.exports = {
+  singleQuote: true,
+  trailingComma: 'all',
+  arrowParens: 'always',
+  endOfLine: 'auto',
+  printWidth: 120,
+};

package/.storybook/main.ts

@@ -1,36 +1,36 @@
-import { mergeConfig } from 'vite';
-
-module.exports = {
-  stories: ['../src/**/components/**/*.stories.@(js|jsx|ts|tsx)'],
-  addons: [
-    '@storybook/addon-a11y',
-    '@storybook/addon-links',
-    {
-      name: '@storybook/addon-themes',
-      options: {
-        postCss: true,
-      },
-    },
-  ],
-  framework: {
-    name: '@storybook/vue3-vite',
-    options: {},
-  },
-  staticDirs: ['../public'],
-  docs: {
-    autodocs: true,
-  },
-  async viteFinal(config, options) {
-    const configExtension = {
-      optimizeDeps: {
-        include: ['deepmerge'],
-      },
-      build: {
-        commonjsOptions: {
-          include: [/node_modules/],
-        },
-      },
-    };
-    return mergeConfig(config, configExtension);
-  },
-};
+import { mergeConfig } from 'vite';
+
+module.exports = {
+  stories: ['../src/**/components/**/*.stories.@(js|jsx|ts|tsx)'],
+  addons: [
+    '@storybook/addon-a11y',
+    '@storybook/addon-links',
+    {
+      name: '@storybook/addon-themes',
+      options: {
+        postCss: true,
+      },
+    },
+  ],
+  framework: {
+    name: '@storybook/vue3-vite',
+    options: {},
+  },
+  staticDirs: ['../public'],
+  docs: {
+    autodocs: true,
+  },
+  async viteFinal(config, options) {
+    const configExtension = {
+      optimizeDeps: {
+        include: ['deepmerge'],
+      },
+      build: {
+        commonjsOptions: {
+          include: [/node_modules/],
+        },
+      },
+    };
+    return mergeConfig(config, configExtension);
+  },
+};

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

@@ -1,4 +1,4 @@
-<link
-  rel="stylesheet"
-  href="https://fonts.googleapis.com/css?family=Lato:300,400,700,900&display=swap"
-/>
+<link
+  rel="stylesheet"
+  href="https://fonts.googleapis.com/css?family=Lato:300,400,700,900&display=swap"
+/>

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

@@ -1,4 +1,4 @@
-<link
-  rel="stylesheet"
-  href="https://fonts.googleapis.com/css?family=Lato:300,400,700,900&display=swap"
-/>
+<link
+  rel="stylesheet"
+  href="https://fonts.googleapis.com/css?family=Lato:300,400,700,900&display=swap"
+/>

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

@@ -1,7 +1,7 @@
-<link
-  rel="stylesheet"
-  href="https://fonts.googleapis.com/css?family=Lato:300,400,700,900&display=swap"
-/>
+<link
+  rel="stylesheet"
+  href="https://fonts.googleapis.com/css?family=Lato:300,400,700,900&display=swap"
+/>
 
 <link rel="stylesheet" href="css/tailwind-brandCrowd.css">
 <link rel="stylesheet" href="css/tailwind-brandPage.css">

package/.storybook/preview-head.html

@@ -1,7 +1,7 @@
-<link
-  rel="stylesheet"
-  href="https://fonts.googleapis.com/css?family=Lato:300,400,700,900&display=swap"
-/>
+<link
+  rel="stylesheet"
+  href="https://fonts.googleapis.com/css?family=Lato:300,400,700,900&display=swap"
+/>
 
 <link rel="stylesheet" href="css/tailwind-brandCrowd.css">
 <link rel="stylesheet" href="css/tailwind-brandPage.css">

package/.storybook/preview.js

@@ -1,53 +1,53 @@
-import { withThemeByClassName } from '@storybook/addon-themes';
-import { setSharedLibLocaleAsync } from '../src/useSharedLibTranslate';
-
-setSharedLibLocaleAsync('en-US');
-
-const LOCALES = {
-  'en-US': '🇺🇸 English (US)',
-  'fr-FR': '🇫🇷 Français (France)',
-  'es-ES': '🇪🇸 Español (Spain)',
-  'pt-PT': '🇵🇹 Português (Portugal)',
-  'de-DE': '🇩🇪 Deutsch (Germany)',
-  'fr-CA': '🇨🇦 Français (Canada)',
-  'pt-BR': '🇧🇷 Português (Brazil)',
-};
-
-const globalLocaleLoader = async (context) => {
-  const locale = context.globals.locale || 'en-US';
-  await setSharedLibLocaleAsync(locale);
-  return { locale };
-};
-
-
-export const globalTypes = {
-  locale: {
-    name: 'Locale',
-    description: 'Internationalization locale',
-    defaultValue: 'en-US',
-    toolbar: {
-      icon: 'globe',
-      items: Object.entries(LOCALES).map(([key, value]) => ({
-        value: key,
-        title: value,
-      })),
-      showName: true,
-      dynamicTitle: true,
-    },
-  },
-};
-
-export const decorators = [
-  withThemeByClassName({
-    themes: {
-      designCom: 'theme-designCom',
-      brandCrowd: 'theme-brandCrowd',
-      crazyDomain: 'theme-crazyDomains',
-      designCrowd: 'theme-designCrowd',
-      brandPage: 'theme-brandPage',
-    },
-    defaultTheme: 'brandCrowd',
-  }),
-];
-
-export const loaders = [globalLocaleLoader];
+import { withThemeByClassName } from '@storybook/addon-themes';
+import { setSharedLibLocaleAsync } from '../src/useSharedLibTranslate';
+
+setSharedLibLocaleAsync('en-US');
+
+const LOCALES = {
+  'en-US': '🇺🇸 English (US)',
+  'fr-FR': '🇫🇷 Français (France)',
+  'es-ES': '🇪🇸 Español (Spain)',
+  'pt-PT': '🇵🇹 Português (Portugal)',
+  'de-DE': '🇩🇪 Deutsch (Germany)',
+  'fr-CA': '🇨🇦 Français (Canada)',
+  'pt-BR': '🇧🇷 Português (Brazil)',
+};
+
+const globalLocaleLoader = async (context) => {
+  const locale = context.globals.locale || 'en-US';
+  await setSharedLibLocaleAsync(locale);
+  return { locale };
+};
+
+
+export const globalTypes = {
+  locale: {
+    name: 'Locale',
+    description: 'Internationalization locale',
+    defaultValue: 'en-US',
+    toolbar: {
+      icon: 'globe',
+      items: Object.entries(LOCALES).map(([key, value]) => ({
+        value: key,
+        title: value,
+      })),
+      showName: true,
+      dynamicTitle: true,
+    },
+  },
+};
+
+export const decorators = [
+  withThemeByClassName({
+    themes: {
+      designCom: 'theme-designCom',
+      brandCrowd: 'theme-brandCrowd',
+      crazyDomain: 'theme-crazyDomains',
+      designCrowd: 'theme-designCrowd',
+      brandPage: 'theme-brandPage',
+    },
+    defaultTheme: 'brandCrowd',
+  }),
+];
+
+export const loaders = [globalLocaleLoader];