build: include codemods in build

freenowtech · Aug 25, 2023 · 698dae9 · 698dae9
1 parent 99e23eb
commit 698dae9
Show file tree

Hide file tree

Showing 20 changed files with 19 additions and 15 deletions.
diff --git a/.eslintignore b/.eslintignore
@@ -12,3 +12,5 @@ assets/
 fixtures/
 
 src/icons/
+
+src/codemods/
diff --git a/codemods/__testfixtures__/colors-to-css-vars/color-in-JSX-multi-import.output.tsx b/codemods/__testfixtures__/colors-to-css-vars/color-in-JSX-multi-import.output.tsx
diff --git a/jest.config.js b/jest.config.js
@@ -1,5 +1,5 @@
 module.exports = {
- roots: ['<rootDir>/src', '<rootDir>/codemods'],
+ roots: ['<rootDir>/src'],
  transform: {
  '^.+\\.tsx?$': 'ts-jest',
  '^.+\\.svg$': '<rootDir>/svgTransform.js'

diff --git a/...stfixtures__/block-to-width-100.input.tsx → ...stfixtures__/block-to-width-100.input.tsx b/...stfixtures__/block-to-width-100.input.tsx → ...stfixtures__/block-to-width-100.input.tsx
diff --git a/...tfixtures__/block-to-width-100.output.tsx → ...tfixtures__/block-to-width-100.output.tsx b/...tfixtures__/block-to-width-100.output.tsx → ...tfixtures__/block-to-width-100.output.tsx
diff --git a/...-vars/color-in-JSX-multi-import.input.tsx → ...-vars/color-in-JSX-multi-import.input.tsx b/...-vars/color-in-JSX-multi-import.input.tsx → ...-vars/color-in-JSX-multi-import.input.tsx
diff --git a/src/codemods/__testfixtures__/colors-to-css-vars/color-in-JSX-multi-import.output.tsx b/src/codemods/__testfixtures__/colors-to-css-vars/color-in-JSX-multi-import.output.tsx
@@ -0,0 +1,5 @@
+import { CloseIcon } from '@freenow/wave';
+
+export const CloseIconWrapper = () => (
+ <CloseIcon data-testid="dismissBanner" color="var(--wave-b-color-white)" cursor="pointer" size={18} />
+);
diff --git a/...vars/color-in-JSX-single-import.input.tsx → ...vars/color-in-JSX-single-import.input.tsx b/...vars/color-in-JSX-single-import.input.tsx → ...vars/color-in-JSX-single-import.input.tsx
diff --git a/...ars/color-in-JSX-single-import.output.tsx → ...ars/color-in-JSX-single-import.output.tsx b/...ars/color-in-JSX-single-import.output.tsx → ...ars/color-in-JSX-single-import.output.tsx
@@ -1,7 +1,7 @@
 export const GhostIcon = () => (
  <svg fill="none" viewBox="0 0 16 16" width="100%">
  <path d="M1 6v9h1v1h2v-1h1v-1h1v1h1v1h2v-1h1v-1h1v1h1v1h2v-1h1V6h-1V3h-1V2h-1V1h-2V0H6v1H4v1H3v1H2v3H1z" />
- <path fill={'var(--wave-b-color-blue-primary-1100)'} d="M5 7h1v3H5zm5 0h1v3h-1z" />
- <path fill={'var(--wave-b-color-white)'} d="M5 6h1v1H5zm5 0h1v1h-1z" />
+ <path fill="var(--wave-b-color-blue-primary-1100)" d="M5 7h1v3H5zm5 0h1v3h-1z" />
+ <path fill="var(--wave-b-color-white)" d="M5 6h1v1H5zm5 0h1v1h-1z" />
  </svg>
 );
diff --git a/...vars/template-multi-quasis-even.input.tsx → ...vars/template-multi-quasis-even.input.tsx b/...vars/template-multi-quasis-even.input.tsx → ...vars/template-multi-quasis-even.input.tsx
diff --git a/...ars/template-multi-quasis-even.output.tsx → ...ars/template-multi-quasis-even.output.tsx b/...ars/template-multi-quasis-even.output.tsx → ...ars/template-multi-quasis-even.output.tsx
diff --git a/...-vars/template-multi-quasis-odd.input.tsx → ...-vars/template-multi-quasis-odd.input.tsx b/...-vars/template-multi-quasis-odd.input.tsx → ...-vars/template-multi-quasis-odd.input.tsx
diff --git a/...vars/template-multi-quasis-odd.output.tsx → ...vars/template-multi-quasis-odd.output.tsx b/...vars/template-multi-quasis-odd.output.tsx → ...vars/template-multi-quasis-odd.output.tsx
diff --git a/...css-vars/template-single-quasis.input.tsx → ...css-vars/template-single-quasis.input.tsx b/...css-vars/template-single-quasis.input.tsx → ...css-vars/template-single-quasis.input.tsx
diff --git a/...ss-vars/template-single-quasis.output.tsx → ...ss-vars/template-single-quasis.output.tsx b/...ss-vars/template-single-quasis.output.tsx → ...ss-vars/template-single-quasis.output.tsx
diff --git a/...mods/__tests__/block-to-width-100-test.ts → ...mods/__tests__/block-to-width-100-test.ts b/...mods/__tests__/block-to-width-100-test.ts → ...mods/__tests__/block-to-width-100-test.ts
@@ -1,3 +1,5 @@
+// import { defineTest } from 'jscodeshift/dist/testUtils'
+
 jest.autoMockOff();
 const { defineTest } = require('jscodeshift/dist/testUtils');
 

diff --git a/...mods/__tests__/colors-to-css-vars-test.ts → ...mods/__tests__/colors-to-css-vars-test.ts b/...mods/__tests__/colors-to-css-vars-test.ts → ...mods/__tests__/colors-to-css-vars-test.ts
diff --git a/codemods/block-to-width-100.ts → src/codemods/block-to-width-100.ts b/codemods/block-to-width-100.ts → src/codemods/block-to-width-100.ts
diff --git a/codemods/colors-to-css-vars.ts → src/codemods/colors-to-css-vars.ts b/codemods/colors-to-css-vars.ts → src/codemods/colors-to-css-vars.ts
@@ -1,4 +1,4 @@
-import { API, FileInfo, Identifier, JSCodeshift, MemberExpression, TemplateLiteral } from 'jscodeshift';
+import { API, FileInfo, Identifier, JSCodeshift, TemplateLiteral } from 'jscodeshift';
 import { Options } from 'recast';
 
 const ColorsToCssVariablesMap = {
@@ -40,8 +40,8 @@ const replaceColorsForCssVarsInTemplateLiterals = (
  localColorNames: string[],
  templateLiteral: TemplateLiteral
 ) => {
- const quasis = templateLiteral.quasis;
- const expressions = templateLiteral.expressions;
+ const { quasis } = templateLiteral;
+ const { expressions } = templateLiteral;
 
  const expressionsToRemoveIndexes: number[] = [];
  const quasisToRemoveIndexes: number[] = [];
@@ -61,15 +61,15 @@ const replaceColorsForCssVarsInTemplateLiterals = (
 
  // Check if the expression is a MemberExpression (regular object property access)
  if (expressionAfterQuasis && expressionAfterQuasis.type === 'MemberExpression') {
- const expressionObject = (expressionAfterQuasis as MemberExpression).object as Identifier;
+ const expressionObject = expressionAfterQuasis.object as Identifier;
 
  // Identify if it's a usage of Colors
  const isColorsExpression = localColorNames.includes(expressionObject.name);
 
  if (isColorsExpression) {
  // Find the color being used
- const color = ((expressionAfterQuasis as MemberExpression).property as Identifier).name;
- const cssVar = ColorsToCssVariablesMap[color];
+ const color = (expressionAfterQuasis.property as Identifier).name;
+ const cssVar: string = ColorsToCssVariablesMap[color];
 
  if (!cssVar) return;
 

diff --git a/tsconfig.json b/tsconfig.json
@@ -20,5 +20,5 @@
  ]
  },
  "include": ["src/**/*"],
- "exclude": ["src/**/docs", "**/node_modules"]
+ "exclude": ["src/**/docs", "**/node_modules", "src/codemods/__*"]
 }