@compiled/react 0.7.0 → 0.10.0

package/src/codemods/codemods-helpers.tsx

@@ -1,369 +0,0 @@
-import {
-  JSCodeshift,
-  ImportDeclaration,
-  ImportDefaultSpecifier,
-  ImportSpecifier,
-  Program,
-  Identifier,
-  JSXIdentifier,
-  TSTypeParameter,
-  Node,
-  ImportNamespaceSpecifier,
-  Collection,
-} from 'jscodeshift';
-import { COMPILED_IMPORT_PATH, REACT_IMPORT_PATH, REACT_IMPORT_NAME } from './constants';
-
-type Identifiers = Array<Identifier | JSXIdentifier | TSTypeParameter>;
-
-export const getImportDeclarationCollection = ({
-  j,
-  collection,
-  importPath,
-}: {
-  j: JSCodeshift;
-  collection: Collection<any>;
-  importPath: string;
-}): Collection<ImportDeclaration> => {
-  const found: Collection<ImportDeclaration> = collection
-    .find(j.ImportDeclaration)
-    .filter((importDeclarationPath) => importDeclarationPath.node.source.value === importPath);
-
-  return found;
-};
-
-export const hasImportDeclaration = ({
-  j,
-  collection,
-  importPath,
-}: {
-  j: JSCodeshift;
-  collection: Collection<any>;
-  importPath: string;
-}): boolean => {
-  const result: Collection<ImportDeclaration> = getImportDeclarationCollection({
-    j,
-    collection,
-    importPath,
-  });
-
-  return result.length > 0;
-};
-
-export const getImportDefaultSpecifierName = (
-  importDefaultSpecifierCollection: Collection<ImportDefaultSpecifier>
-): string => {
-  const name = importDefaultSpecifierCollection.nodes()[0]!.local!.name;
-  if (!name) {
-    throw new Error('Name should exist.');
-  }
-
-  return name;
-};
-
-export const getImportSpecifierName = (
-  importSpecifierCollection: Collection<ImportSpecifier>
-): string | undefined => importSpecifierCollection.nodes()[0]!.local!.name;
-
-export const getAllImportSpecifiers = ({
-  j,
-  importDeclarationCollection,
-}: {
-  j: JSCodeshift;
-  importDeclarationCollection: Collection<ImportDeclaration>;
-}): Identifiers => {
-  const importSpecifiersImportedNodes: Identifiers = [];
-
-  importDeclarationCollection.find(j.ImportSpecifier).forEach((importSpecifierPath) => {
-    const node = importSpecifierPath.node.imported;
-
-    if (node) {
-      importSpecifiersImportedNodes.push(node);
-    }
-  });
-
-  return importSpecifiersImportedNodes;
-};
-
-export const findImportSpecifierName = ({
-  j,
-  importDeclarationCollection,
-  importName,
-}: {
-  j: JSCodeshift;
-  importDeclarationCollection: Collection<ImportDeclaration>;
-  importName: string;
-}): string | null | undefined => {
-  const importSpecifierCollection: Collection<ImportSpecifier> = importDeclarationCollection
-    .find(j.ImportSpecifier)
-    .filter((importSpecifierPath) => importSpecifierPath.node.imported.name === importName);
-
-  if (importSpecifierCollection.length === 0) {
-    return null;
-  }
-
-  return getImportSpecifierName(importSpecifierCollection);
-};
-
-export const convertDefaultImportToNamedImport = ({
-  j,
-  collection,
-  importPath,
-  namedImport,
-}: {
-  j: JSCodeshift;
-  collection: Collection<any>;
-  importPath: string;
-  namedImport: string;
-}): void => {
-  const importDeclarationCollection: Collection<ImportDeclaration> = getImportDeclarationCollection(
-    {
-      j,
-      collection,
-      importPath,
-    }
-  );
-
-  importDeclarationCollection.forEach((importDeclarationPath) => {
-    const importDefaultSpecifierCollection = j(importDeclarationPath).find(
-      j.ImportDefaultSpecifier
-    );
-
-    if (importDefaultSpecifierCollection.length > 0) {
-      const oldNode = importDeclarationPath.node;
-      const { comments } = oldNode;
-
-      j(importDeclarationPath).replaceWith([
-        j.importDeclaration(
-          [
-            j.importSpecifier(
-              j.identifier(namedImport),
-              j.identifier(getImportDefaultSpecifierName(importDefaultSpecifierCollection))
-            ),
-          ],
-          j.literal(COMPILED_IMPORT_PATH)
-        ),
-      ]);
-
-      const newNode = importDeclarationPath.node;
-
-      if (newNode !== oldNode) {
-        newNode.comments = comments;
-      }
-    }
-  });
-};
-
-// not replacing newlines (which \s does)
-const spacesAndTabs = /[ \t]{2,}/g;
-const lineStartWithSpaces = /^[ \t]*/gm;
-
-const clean = (value: string) =>
-  value
-    .replace(spacesAndTabs, ' ')
-    .replace(lineStartWithSpaces, '')
-    // using .trim() to clear the any newlines before the first text and after last text
-    .trim();
-
-export const addCommentBefore = ({
-  j,
-  collection,
-  message,
-}: {
-  j: JSCodeshift;
-  collection: Collection<Program>;
-  message: string;
-}): void => {
-  const content = ` TODO(${COMPILED_IMPORT_PATH} codemod): ${clean(message)} `;
-  collection.forEach((path) => {
-    path.value.comments = path.value.comments || [];
-
-    const exists = path.value.comments.find((comment) => comment.value === content);
-
-    // avoiding duplicates of the same comment
-    if (exists) {
-      return;
-    }
-
-    path.value.comments.push(j.commentBlock(content));
-  });
-};
-
-export const addCommentToStartOfFile = ({
-  j,
-  collection,
-  message,
-}: {
-  j: JSCodeshift;
-  collection: Collection<Node>;
-  message: string;
-}): void => {
-  addCommentBefore({
-    j,
-    collection: collection.find(j.Program),
-    message,
-  });
-};
-
-export const addCommentForUnresolvedImportSpecifiers = ({
-  j,
-  collection,
-  importPath,
-  allowedImportSpecifierNames,
-}: {
-  j: JSCodeshift;
-  collection: Collection<Node>;
-  importPath: string;
-  allowedImportSpecifierNames: string[];
-}): void => {
-  const importDeclarationCollection: Collection<ImportDeclaration> = getImportDeclarationCollection(
-    {
-      j,
-      collection,
-      importPath,
-    }
-  );
-  const importSpecifiers: Identifiers = getAllImportSpecifiers({
-    j,
-    importDeclarationCollection,
-  });
-
-  importSpecifiers
-    .filter((identifierPath) => !allowedImportSpecifierNames.includes(identifierPath.name))
-    .forEach((importSpecifierPath) => {
-      addCommentToStartOfFile({
-        j,
-        collection,
-        message: `"${importSpecifierPath.name}" is not exported from "${COMPILED_IMPORT_PATH}" at the moment. Please find an alternative for it.`,
-      });
-    });
-};
-
-export const addReactIdentifier = ({
-  j,
-  collection,
-}: {
-  j: JSCodeshift;
-  collection: Collection<Node>;
-}): void => {
-  const hasReactImportDeclaration: boolean = hasImportDeclaration({
-    j,
-    collection,
-    importPath: REACT_IMPORT_PATH,
-  });
-
-  if (!hasReactImportDeclaration) {
-    collection.find(j.Program).forEach((programPath) => {
-      programPath.node.body.unshift(
-        j.importDeclaration(
-          [j.importNamespaceSpecifier(j.identifier(REACT_IMPORT_NAME))],
-          j.literal(REACT_IMPORT_PATH)
-        )
-      );
-    });
-  } else {
-    const importDeclarationCollection: Collection<ImportDeclaration> = getImportDeclarationCollection(
-      {
-        j,
-        collection,
-        importPath: REACT_IMPORT_PATH,
-      }
-    );
-
-    importDeclarationCollection.forEach((importDeclarationPath) => {
-      const importDefaultSpecifierCollection: Collection<ImportDefaultSpecifier> = j(
-        importDeclarationPath
-      ).find(j.ImportDefaultSpecifier);
-      const importNamespaceSpecifierCollection: Collection<ImportNamespaceSpecifier> = j(
-        importDeclarationPath
-      ).find(j.ImportNamespaceSpecifier);
-
-      const hasNoDefaultReactImportDeclaration = importDefaultSpecifierCollection.length === 0;
-      const hasNoNamespaceReactImportDeclaration = importNamespaceSpecifierCollection.length === 0;
-
-      if (
-        hasNoDefaultReactImportDeclaration &&
-        hasNoNamespaceReactImportDeclaration &&
-        importDeclarationPath.node.specifiers
-      ) {
-        importDeclarationPath.node.specifiers.unshift(
-          j.importDefaultSpecifier(j.identifier(REACT_IMPORT_NAME))
-        );
-      }
-    });
-  }
-};
-
-export const replaceImportDeclaration = ({
-  j,
-  collection,
-  importPath,
-}: {
-  j: JSCodeshift;
-  collection: Collection<Node>;
-  importPath: string;
-}): void => {
-  const importDeclarationCollection: Collection<ImportDeclaration> = getImportDeclarationCollection(
-    {
-      j,
-      collection,
-      importPath,
-    }
-  );
-
-  importDeclarationCollection.forEach((importDeclarationPath) => {
-    importDeclarationPath.node.source.value = COMPILED_IMPORT_PATH;
-  });
-};
-
-export const mergeImportSpecifiersAlongWithTheirComments = ({
-  j,
-  collection,
-  filter = (_) => true,
-}: {
-  j: JSCodeshift;
-  collection: Collection<Node>;
-  filter?: (name: string | undefined) => boolean;
-}): void => {
-  const importDeclarationCollection: Collection<ImportDeclaration> = getImportDeclarationCollection(
-    {
-      j,
-      collection,
-      importPath: COMPILED_IMPORT_PATH,
-    }
-  );
-
-  const importSpecifiers: ImportSpecifier[] = [];
-
-  importDeclarationCollection
-    .find(j.ImportSpecifier)
-    .filter((importSpecifierPath) => filter(importSpecifierPath.node.imported.name))
-    .forEach((importSpecifierPath) => {
-      importSpecifiers.push(importSpecifierPath.node);
-    });
-
-  const importDeclarationCollectionLength = importDeclarationCollection.length;
-  const importDeclarationComments: Node['comments'] = [];
-
-  importDeclarationCollection.forEach((importDeclarationPath, index) => {
-    const oldNode = importDeclarationPath.node;
-    const { comments } = oldNode;
-
-    if (comments) {
-      importDeclarationComments.push(...comments);
-    }
-
-    if (index === importDeclarationCollectionLength - 1) {
-      j(importDeclarationPath).replaceWith([
-        j.importDeclaration(importSpecifiers, j.literal(COMPILED_IMPORT_PATH)),
-      ]);
-
-      const newNode = importDeclarationPath.node;
-
-      if (newNode !== oldNode) {
-        newNode.comments = importDeclarationComments;
-      }
-    } else {
-      j(importDeclarationPath).remove();
-    }
-  });
-};

package/src/codemods/constants.tsx

@@ -1,3 +0,0 @@
-export const COMPILED_IMPORT_PATH = '@compiled/react';
-export const REACT_IMPORT_PATH = 'react';
-export const REACT_IMPORT_NAME = 'React';

package/src/codemods/emotion-to-compiled/README.md

@@ -1,71 +0,0 @@
-# emotion-to-compiled
-
-> Codemod for easy migration from emotion.
-
-## Usage
-
-```bash
-npx @compiled/cli --preset codemods
-# and follow the instructions
-```
-
-**Will modify files in place, so make sure you can recover if it goes wrong!**
-
-## Examples
-
-```javascript
-/** @jsx jsx */
-import styled from '@emotion/styled';
-import { css, jsx } from '@emotion/core';
-
-const Component = (props) => (
-  <>
-    <div
-      css={css`
-        color: red;
-        background-color: #000;
-      `}
-    />
-    <span
-      css={css`
-        color: blue;
-      `}
-    />
-  </>
-);
-```
-
-Is transformed to:
-
-```javascript
-import { styled } from '@compiled/react';
-
-const Component = (props) => (
-  <>
-    <div
-      css={`
-        color: red;
-        background-color: #000;
-      `}
-    />
-    <span
-      css={`
-        color: blue;
-      `}
-    />
-  </>
-);
-```
-
-## Updating Instructions
-
-When wanting to update to a later version make sure `@compiled/cli` is being ran with the same version.
-
-> Watch out for it being cached!
-
-For example when upgrading `@compiled/react` to `v0.6.0` where you've already used the CLI,
-on your next run explicitly set the version number:
-
-```bash
-npx @compiled/cli@0.6.0 --preset codemods
-```