package.json

{
  "name": "tailwind-styled-components-extractor",
  "displayName": "Tailwind Styled-Components Extractor",
  "version": "0.5.0",
  "description": "Generate tailwind styled-components from JSX tags. A faster tailwind styled-component workflow.",
  "license": "MIT",
  "publisher": "dimitribarbot",
  "main": "./dist/extension.js",
  "repository": {
    "type": "git",
    "url": "https://github.com/dimitribarbot/tailwind-styled-components-extractor"
  },
  "bugs": {
    "url": "https://github.com/dimitribarbot/tailwind-styled-components-extractor/issues"
  },
  "categories": [
    "Other"
  ],
  "keywords": [
    "tailwind-styled-components",
    "extractor",
    "snippet"
  ],
  "icon": "images/logo.png",
  "scripts": {
    "prebuild": "rimraf dist",
    "build": "yarn check-types && node esbuild.js",
    "postbuild": "yarn copy-files",
    "copy-files": "copyfiles -u 1 src/test/suite/component/*.* dist/",
    "check-types": "tsc --noEmit",
    "watch": "npm-run-all -p watch:*",
    "watch:esbuild": "node esbuild.js --watch",
    "watch:tsc": "tsc --noEmit --watch --project tsconfig.json",
    "test": "jest",
    "test:watch": "jest --watch",
    "vscode:prepublish": "yarn package",
    "package": "yarn check-types && node esbuild.js --production && yarn test"
  },
  "activationEvents": [
    "workspaceContains:package.json"
  ],
  "contributes": {
    "commands": [
      {
        "command": "tailwindStyledComponentsExtractor.extractCurrentToSameFile",
        "title": "Tailwind Styled: Extract Here"
      },
      {
        "command": "tailwindStyledComponentsExtractor.extractCurrentToSeparateFile",
        "title": "Tailwind Styled: Extract to File"
      },
      {
        "command": "tailwindStyledComponentsExtractor.extractUnboundToClipboard",
        "title": "Tailwind Styled: Extract Unbounds to Clipboard"
      },
      {
        "command": "tailwindStyledComponentsExtractor.extractExportedUnboundToClipboard",
        "title": "Tailwind Styled: Extract Exported Unbounds to Clipboard"
      },
      {
        "command": "tailwindStyledComponentsExtractor.extractUnboundToSameFile",
        "title": "Tailwind Styled: Extract Unbounds Here"
      },
      {
        "command": "tailwindStyledComponentsExtractor.extractUnboundToSeparateFile",
        "title": "Tailwind Styled: Extract Unbounds to File"
      }
    ],
    "menus": {
      "editor/context": [
        {
          "when": "!editorReadonly && editorLangId == javascriptreact || editorLangId == typescriptreact",
          "command": "tailwindStyledComponentsExtractor.extractCurrentToSameFile",
          "group": "2_extract@1"
        },
        {
          "when": "!editorReadonly && editorLangId == javascriptreact || editorLangId == typescriptreact",
          "command": "tailwindStyledComponentsExtractor.extractCurrentToSeparateFile",
          "group": "2_extract@2"
        },
        {
          "when": "!editorReadonly && editorLangId == javascriptreact || editorLangId == typescriptreact",
          "command": "tailwindStyledComponentsExtractor.extractUnboundToSameFile",
          "group": "2_extract@3"
        },
        {
          "when": "!editorReadonly && editorLangId == javascriptreact || editorLangId == typescriptreact",
          "command": "tailwindStyledComponentsExtractor.extractUnboundToSeparateFile",
          "group": "2_extract@4"
        }
      ]
    },
    "configuration": {
      "type": "object",
      "title": "Tailwind Styled-Components Extractor configuration",
      "properties": {
        "tailwindStyledComponentsExtractor.separateFile.advanced.inputFileRegex": {
          "type": "string",
          "default": "",
          "markdownDescription": "A regex pattern used to capture parts of the input file's name when extracting to a separate file. The pattern is matched against the file's name excluding the extension. The contents of the regex's capture groups can be referenced in the output file name as `$1`, `$2`, etc. Can be left blank if not needed.",
          "order": 3
        },
        "tailwindStyledComponentsExtractor.separateFile.outputFile": {
          "type": "string",
          "default": "$name.styles",
          "markdownDescription": "The name of the file, excluding the extension, to place extracted components. You can use `$name` to reference the name of the input file, excluding its extension. If `#tailwindStyledComponentsExtractor.separateFile.advanced.inputFileRegex#` is provided, you can also use `$1`, `$2`.",
          "order": 2
        },
        "tailwindStyledComponentsExtractor.addImportStatement": {
          "type": "boolean",
          "default": "true",
          "markdownDescription": "Add `import tw from \"tailwind-styled-component\"` statement if variable `tw` is unbound. Only applies when extracting to clipboard.",
          "order": 1
        },
        "tailwindStyledComponentsExtractor.tailwindStyledComponentModule": {
          "type": "string",
          "default": "tailwind-styled-component",
          "markdownDescription": "Configure import statement to add when variable `tw` is unbound. With the default value of \"tailwind-styled-component\", import statement will be `import tw from \"tailwind-styled-components\"`.",
          "order": 4
        }
      }
    }
  },
  "devDependencies": {
    "@babel/types": "^7.27.1",
    "@eslint/eslintrc": "~3.3.1",
    "@eslint/js": "~9.27.0",
    "@types/jest": "^29.5.14",
    "@types/line-column": "^1.0.2",
    "@types/node": "^22.15.21",
    "@types/react": "^19.1.5",
    "@types/react-dom": "^19.1.5",
    "@types/vscode": "^1.100.0",
    "@typescript-eslint/eslint-plugin": "^8.32.1",
    "@typescript-eslint/parser": "^8.32.1",
    "copyfiles": "^2.4.1",
    "esbuild": "^0.25.4",
    "eslint": "^9.27.0",
    "eslint-config-prettier": "^10.1.5",
    "jest": "^29.7.0",
    "npm-run-all": "^4.1.5",
    "prettier": "^3.5.3",
    "react": "^19.1.0",
    "react-dom": "^19.1.0",
    "react-is": "^19.1.0",
    "rimraf": "^6.0.1",
    "tailwind-styled-components": "^2.2.0",
    "tailwindcss": "^4.1.7",
    "ts-jest": "^29.3.4",
    "typescript": "^5.8.3"
  },
  "dependencies": {
    "@babel/parser": "^7.27.2",
    "@babel/traverse": "^7.27.1"
  },
  "jest": {
    "transform": {
      "^.+\\.tsx?$": "ts-jest"
    },
    "testRegex": "(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$",
    "moduleFileExtensions": [
      "ts",
      "tsx",
      "js",
      "jsx",
      "json",
      "node"
    ]
  },
  "engines": {
    "vscode": "^1.100.0"
  },
  "resolutions": {
    "@types/react": "19.1.5",
    "@types/react-dom": "19.1.5"
  }
}