chore(test-project): Use string based codemods for speed

__fixtures__/test-project/api/src/services/users/users.ts

@@ -2,8 +2,6 @@ import type { QueryResolvers, UserRelationResolvers } from 'types/graphql'
 
 import { db } from 'src/lib/db'
 
-export {}
-
 export const user: QueryResolvers['user'] = ({ id }) => {
   return db.user.findUnique({
     where: { id },

__fixtures__/test-project/web/src/components/BlogPostCell/BlogPostCell.tsx

@@ -1,20 +1,6 @@
-import type {
-  FindBlogPostQuery,
-  FindBlogPostQueryVariables,
-} from 'types/graphql'
-
-import type {
-  CellSuccessProps,
-  CellFailureProps,
-  TypedDocumentNode,
-} from '@cedarjs/web'
-
 import BlogPost from 'src/components/BlogPost'
 
-export const QUERY: TypedDocumentNode<
-  FindBlogPostQuery,
-  FindBlogPostQueryVariables
-> = gql`
+export const QUERY = gql`
   query FindBlogPostQuery($id: Int!) {
     blogPost: post(id: $id) {
       id
@@ -33,14 +19,10 @@ export const Loading = () => <div>Loading...</div>
 
 export const Empty = () => <div>Empty</div>
 
-export const Failure = ({
-  error,
-}: CellFailureProps<FindBlogPostQueryVariables>) => (
+export const Failure = ({ error }) => (
   <div style={{ color: 'red' }}>Error: {error?.message}</div>
 )
 
-export const Success = ({
-  blogPost,
-}: CellSuccessProps<FindBlogPostQuery, FindBlogPostQueryVariables>) => (
-  <BlogPost blogPost={blogPost} />
-)
+export const Success = ({ blogPost }) => {
+  return <BlogPost blogPost={blogPost} />
+}

__fixtures__/test-project/web/src/components/BlogPostsCell/BlogPostsCell.tsx

@@ -1,45 +1,34 @@
-import type { BlogPostsQuery, BlogPostsQueryVariables } from 'types/graphql'
-
-import type {
-  CellSuccessProps,
-  CellFailureProps,
-  TypedDocumentNode,
-} from '@cedarjs/web'
-
 import BlogPost from 'src/components/BlogPost'
 
-export const QUERY: TypedDocumentNode<BlogPostsQuery, BlogPostsQueryVariables> =
-  gql`
-    query BlogPostsQuery {
-      blogPosts: posts {
-        id
-        title
-        body
-        author {
-          email
-          fullName
-        }
-        createdAt
+export const QUERY = gql`
+  query BlogPostsQuery {
+    blogPosts: posts {
+      id
+      title
+      body
+      author {
+        email
+        fullName
       }
+      createdAt
     }
-  `
+  }
+`
 
 export const Loading = () => <div>Loading...</div>
 
 export const Empty = () => <div>Empty</div>
 
-export const Failure = ({
-  error,
-}: CellFailureProps<BlogPostsQueryVariables>) => (
+export const Failure = ({ error }) => (
   <div style={{ color: 'red' }}>Error: {error?.message}</div>
 )
 
-export const Success = ({
-  blogPosts,
-}: CellSuccessProps<BlogPostsQuery, BlogPostsQueryVariables>) => (
-  <div className="divide-grey-700 divide-y">
-    {blogPosts.map((post) => (
-      <BlogPost key={post.id} blogPost={post} />
-    ))}
-  </div>
-)
+export const Success = ({ blogPosts }) => {
+  return (
+    <div className="divide-grey-700 divide-y">
+      {blogPosts.map((post) => (
+        <BlogPost key={post.id} blogPost={post} />
+      ))}
+    </div>
+  )
+}

__fixtures__/test-project/web/src/pages/AboutPage/AboutPage.tsx

@@ -1,3 +1,5 @@
+// import { Link, routes } from '@cedarjs/router'
+
 const AboutPage = () => {
   return (
     <p className="font-light">

__fixtures__/test-project/web/src/pages/BlogPostPage/BlogPostPage.tsx

@@ -1,12 +1,12 @@
 // import { Link, routes } from '@cedarjs/router'
 import { Metadata } from '@cedarjs/web'
 
+import BlogPostCell from 'src/components/BlogPostCell'
+
 type BlogPostPageProps = {
   id: number
 }
 
-import BlogPostCell from 'src/components/BlogPostCell'
-
 const BlogPostPage = ({ id }: BlogPostPageProps) => {
   return (
     <>

__fixtures__/test-project/web/src/pages/HomePage/HomePage.tsx

@@ -1,3 +1,5 @@
+// import { Link, routes } from '@cedarjs/router'
+
 import BlogPostsCell from 'src/components/BlogPostsCell'
 
 const HomePage = () => {

__fixtures__/test-project/web/src/pages/ProfilePage/ProfilePage.tsx

@@ -1,7 +1,7 @@
+// import { Link, routes } from '@cedarjs/router'
 import { Metadata } from '@cedarjs/web'
 
 import { useAuth } from 'src/auth'
-// import { Link, routes } from '@cedarjs/router'
 
 const ProfilePage = () => {
   const { currentUser, isAuthenticated, hasRole, loading } = useAuth()

__fixtures__/test-project/web/src/pages/WaterfallPage/WaterfallPage.tsx

@@ -1,9 +1,11 @@
-import WaterfallBlogPostCell from 'src/components/WaterfallBlogPostCell'
+// import { Link, routes } from '@cedarjs/router'
 
 type WaterfallPageProps = {
   id: number
 }
 
+import WaterfallBlogPostCell from 'src/components/WaterfallBlogPostCell'
+
 const WaterfallPage = ({ id }: WaterfallPageProps) => (
   <WaterfallBlogPostCell id={id} />
 )

tasks/test-project/base-tasks.mts

@@ -29,12 +29,20 @@ function getPagesTasks() {
     {
       title: 'Creating home page',
       task: async () => {
+        const now = new Date()
         await createPage('home /')
+        const middle = new Date()
 
         await applyCodemod(
           'homePage.js',
           fullPath('web/src/pages/HomePage/HomePage'),
         )
+        const after = new Date()
+
+        console.log(`home page took ${middle.getTime() - now.getTime()}ms`)
+        console.log(
+          `home page codemod took ${after.getTime() - middle.getTime()}ms`,
+        )
       },
     },
     {