#!/bin/bash
# Check if the repository has any Stylelint configuration files
echo "Checking for Stylelint configuration files..."
fd -e json -e js -e yaml -e yml stylelint

# Check for any package.json files to see if stylelint is already a dependency
echo "Checking package.json for stylelint dependencies..."
cat package.json 2>/dev/null | grep -i stylelint || echo "No stylelint in root package.json or file not found"

# Look for SCSS files to confirm they're used in the project
echo "Checking for SCSS files in the project..."
fd -e scss | head -5

# Check if there are any linting rules or mentions of variable usage enforcement in documentation
echo "Checking for linting documentation or guidelines..."
fd -t f -e md -e txt | xargs grep -l "lint" 2>/dev/null | head -5

#!/bin/bash
# Check for any existing stylelint configuration files
echo "Looking for stylelint configuration files..."
fd "\.stylelintrc" || fd ".stylelint.config" || echo "No stylelint config files found with common names"

# Check for any SCSS variable files to understand current variable structure
echo "Looking for SCSS variable files..."
fd -e scss | grep -i "var\|constants\|colors\|theme" | head -5

# Let's examine the first few lines of a constants file to see how variables are defined
echo "Examining SCSS variables..."
cat src/core/styles/_constants.scss | head -15

#!/bin/bash
# Create a new GitHub issue about enforcing SCSS variable usage
gh issue create --title "Enforce SCSS variable usage with stylelint-declaration-strict-value" --body "## Overview
Currently, the project uses Stylelint for SCSS linting (as seen in package.json), but we should enhance the configuration to enforce the use of variables for specific CSS properties instead of hardcoded values.

## Recommendation
Integrate [stylelint-declaration-strict-value](https://github.com/AndyOGo/stylelint-declaration-strict-value) plugin to enforce the use of variables, functions, or calculations for properties like:
- Colors
- Font sizes
- Font weights 
- Z-indices
- Spacing values (margins, paddings)

## Benefits
- Ensures consistency across the entire codebase
- Makes global styling changes easier to manage
- Prevents hardcoded values that might not follow the design system
- Improves maintainability and prevents visual regressions

## Implementation
1. Install the plugin:
\`\`\`bash
npm install --save-dev stylelint-declaration-strict-value
\`\`\`

2. Add to stylelint configuration:
\`\`\`json
{
  \"plugins\": [\"stylelint-declaration-strict-value\"],
  \"rules\": {
    \"scale-unlimited/declaration-strict-value\": [
      [\"color\", \"z-index\", \"font-size\", \"font-weight\"],
      {
        \"ignoreValues\": [\"transparent\", \"inherit\", \"initial\", \"currentColor\", \"0\"]
      }
    ]
  }
}
\`\`\`

3. Gradually update existing code to use variables where hardcoded values are currently used.

## Related PR
Requested by @SpaNb4 in https://github.com/rolling-scopes/site/pull/891
"