export const sitemapRouter = router({
  getSitemap: protectedProcedure
    .query(async ({ ctx, input }) => {
  throw new Error("testing throwing errors");
})

export const sitemapRouter = router({
  getSitemap: protectedProcedure
    .query(async ({ ctx, input }) => {
  throw new Error("testing throwing errors");
})

  const {
    sitemapUri,
    setSitemapUri,
    sitemapUrls,
    sitemapIsLoading,
    sitemapIsError,
    sitemapError,
    sitemapStatus,
    sitemapUrlForm,
    submitHandler,
  } = useSitemaps();

return (
            {sitemapError && <div>error: {sitemapError.message}</div>}
            {sitemapIsError && <div>Iserror: {sitemapError.message}</div>}
            {sitemapStatus && <div>Status: {sitemapStatus}</div>}
)

useSitemaps:

  const {
    sitemapUri,
    setSitemapUri,
    sitemapUrls,
    sitemapIsLoading,
    sitemapIsError,
    sitemapError,
    sitemapStatus,
    sitemapUrlForm,
    submitHandler,
  } = useSitemaps();

return (
            {sitemapError && <div>error: {sitemapError.message}</div>}
            {sitemapIsError && <div>Iserror: {sitemapError.message}</div>}
            {sitemapStatus && <div>Status: {sitemapStatus}</div>}
)

useSitemaps:

if (_serverEnv.success) {
  console.log(
    `✅ Valid environment variables on server - ${_serverEnv.ENV_FILENAME}`
  );
}

if (_serverEnv.success) {
  console.log(
    `✅ Valid environment variables on server - ${_serverEnv.ENV_FILENAME}`
  );
}

console.log(`
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!!
!!    WELCOME TO T3
!!
!!   Node Version: ${process.version} (use 18!)
!!   Database: ${db}
!!   ENV: ${env.ENV_FILENAME}
!!   Your Developer Handle: ${env.DEVELOPER_HANDLE}
!!   HOST: ${env.NEXT_PUBLIC_HOST}
!!   NGROK: https://${env.NGROK_DOMAIN}
!!
!!    Happy Coding!
!!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
`);

console.log(`
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!!
!!    WELCOME TO T3
!!
!!   Node Version: ${process.version} (use 18!)
!!   Database: ${db}
!!   ENV: ${env.ENV_FILENAME}
!!   Your Developer Handle: ${env.DEVELOPER_HANDLE}
!!   HOST: ${env.NEXT_PUBLIC_HOST}
!!   NGROK: https://${env.NGROK_DOMAIN}
!!
!!    Happy Coding!
!!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
`);

export function useComments(urlId: string) {
  const [comments, setComments] = useState([] as urlComments[]);
  const [error, setError] = useState(null);
  const trpcContext = trpc.useContext();


// works 
  const { data, isLoading, isError } = trpc.comments.getComments.useQuery(
    urlId,
    {
      onSuccess: (data) => {
        setComments(data);
      },
    }
  );

// this is where the optimistic update happens
  const commentMutation = trpc.comments.createComment.useMutation({
    onMutate: async (newComment) => {
      const previousComments = [...comments]; 
      const optimisticComment = {
        ...newComment,
        id: `temp-${Date.now()}`, 
        type: "TEMP",
      };

      setComments((oldComments) => [optimisticComment, ...previousComments]);

      /// above line didnt work, below also no workie

      trpcContext.timelines.getTimeline.setData("undefined", (data) => {
        return [optimisticComment, ...previousComments];
      });

      return { previousComments }; // Return the snapshot for potential rollback
    },
    ....
  });

  const addComment = (commentData) => {
    commentMutation.mutate({ urlId, ...commentData });
  };

  return {
    comments,
    addComment,
    error,
    isLoading,
    isError,
  };
}

export function useComments(urlId: string) {
  const [comments, setComments] = useState([] as urlComments[]);
  const [error, setError] = useState(null);
  const trpcContext = trpc.useContext();


// works 
  const { data, isLoading, isError } = trpc.comments.getComments.useQuery(
    urlId,
    {
      onSuccess: (data) => {
        setComments(data);
      },
    }
  );

// this is where the optimistic update happens
  const commentMutation = trpc.comments.createComment.useMutation({
    onMutate: async (newComment) => {
      const previousComments = [...comments]; 
      const optimisticComment = {
        ...newComment,
        id: `temp-${Date.now()}`, 
        type: "TEMP",
      };

      setComments((oldComments) => [optimisticComment, ...previousComments]);

      /// above line didnt work, below also no workie

      trpcContext.timelines.getTimeline.setData("undefined", (data) => {
        return [optimisticComment, ...previousComments];
      });

      return { previousComments }; // Return the snapshot for potential rollback
    },
    ....
  });

  const addComment = (commentData) => {
    commentMutation.mutate({ urlId, ...commentData });
  };

  return {
    comments,
    addComment,
    error,
    isLoading,
    isError,
  };
}

export default function Comments({
}: Props): JSX.Element {
  const {    comments   } = useComments(id);

// RERENDER NOT HAPPENING!!
  console.log({comments});

  return (
   <>
      {comments &&
        comments.map((item) => (
            <Item item={item} />
        ))}
  <>
  );
}

export default function Comments({
}: Props): JSX.Element {
  const {    comments   } = useComments(id);

// RERENDER NOT HAPPENING!!
  console.log({comments});

  return (
   <>
      {comments &&
        comments.map((item) => (
            <Item item={item} />
        ))}
  <>
  );
}

const Page: NextPage = () => {
  const { data: urlRecord } = trpc.urls.getByUrn.useQuery("string");
  return (
      <div record={urlRecord}>
          <ComponentOne record={urlRecord}  />
          <ComponentTwo  record={urlRecord}  />
          <ComponentThree record={urlRecord}  />
        </div>
  );
};

const Page: NextPage = () => {
  const { data: urlRecord } = trpc.urls.getByUrn.useQuery("string");
  return (
      <div record={urlRecord}>
          <ComponentOne record={urlRecord}  />
          <ComponentTwo  record={urlRecord}  />
          <ComponentThree record={urlRecord}  />
        </div>
  );
};

$ prisma db push

Running generate... (Use --skip-generate to skip the generators)
Error: Generator at zod-prisma-types could not start:

/bin/sh: zod-prisma-types: command not found

$ prisma db push

Running generate... (Use --skip-generate to skip the generators)
Error: Generator at zod-prisma-types could not start:

/bin/sh: zod-prisma-types: command not found

Running generate... (Use --skip-generate to skip the generators)
Error: Generator at prisma-zod-generator could not start:

/bin/sh: prisma-zod-generator: command not found

Running generate... (Use --skip-generate to skip the generators)
Error: Generator at prisma-zod-generator could not start:

/bin/sh: prisma-zod-generator: command not found

import ChromeLauncher from "chrome-launcher";

const chromeOptions = {
  chromeFlags: ["--headless", "--disable-gpu"],
};

async function launchChrome() {
  try {
    const chrome = await ChromeLauncher.launch(chromeOptions);
    console.log("chrome running!");
    return chrome;
  } catch (e) {
    console.log("**** Chrome failed to launch", e);
    debugger; // always land here.
    throw e;
  }
}

import ChromeLauncher from "chrome-launcher";

const chromeOptions = {
  chromeFlags: ["--headless", "--disable-gpu"],
};

async function launchChrome() {
  try {
    const chrome = await ChromeLauncher.launch(chromeOptions);
    console.log("chrome running!");
    return chrome;
  } catch (e) {
    console.log("**** Chrome failed to launch", e);
    debugger; // always land here.
    throw e;
  }
}

**** Chrome failed to launch TypeError: Cannot read properties of undefined (reading 'launch')
at launchChrome (webpack-internal:///(api)/./src/server/reporting/lighthouseRunner.ts:35:84)

**** Chrome failed to launch TypeError: Cannot read properties of undefined (reading 'launch')
at launchChrome (webpack-internal:///(api)/./src/server/reporting/lighthouseRunner.ts:35:84)

    "paths": {
      "src/*": ["./src/*"],
    }

    "paths": {
      "src/*": ["./src/*"],
    }

    EmailProvider({
      sendVerificationRequest(params: SendVerificationRequestParams) {
        const { identifier: email, url, expires } = params;
        const newParams = { ...mailjetParams, email, url };
        newParams.email = params.identifier;
        sendEmailWithMailjet(newParams as SendWithMailjetProps);
      },
    }),

    EmailProvider({
      sendVerificationRequest(params: SendVerificationRequestParams) {
        const { identifier: email, url, expires } = params;
        const newParams = { ...mailjetParams, email, url };
        newParams.email = params.identifier;
        sendEmailWithMailjet(newParams as SendWithMailjetProps);
      },
    }),

  callbacks: {
    async session({ session, user }) {
      if (session.user) {
        session.user.id = user.id;
      }

  callbacks: {
    async session({ session, user }) {
      if (session.user) {
        session.user.id = user.id;
      }

model User {
  id            String         @id @default(cuid())
  teams         usersInTeams[]
}

model Team {
  id        String         @id @default(cuid())
  name      String         @unique
  slug      String         @unique
  users     usersInTeams[]
}

model usersInTeams {
  userId     String   @db.VarChar(64)
  teamId     String   @db.VarChar(64)
  user       User     @relation(fields: [userId], references: [id])
  team       Team     @relation(fields: [teamId], references: [id])
  role       String   @default("USER")

  @@id([userId, teamId])
}

model User {
  id            String         @id @default(cuid())
  teams         usersInTeams[]
}

model Team {
  id        String         @id @default(cuid())
  name      String         @unique
  slug      String         @unique
  users     usersInTeams[]
}

model usersInTeams {
  userId     String   @db.VarChar(64)
  teamId     String   @db.VarChar(64)
  user       User     @relation(fields: [userId], references: [id])
  team       Team     @relation(fields: [teamId], references: [id])
  role       String   @default("USER")

  @@id([userId, teamId])
}

export async function createTeam({ teamName, ownerId }: CreateTeamProps) {
  try {
    const team = await prisma.team.create({
      data: {
        name: teamName,
        users: {
          connect: [
            {
              userId_teamId: // the only type in intellesense, but it depends on a created team?
            },
          ],
        },
      },
    });

    return team;
  } catch (error) {
    console.error(error);
    return null;
  }
}

export async function createTeam({ teamName, ownerId }: CreateTeamProps) {
  try {
    const team = await prisma.team.create({
      data: {
        name: teamName,
        users: {
          connect: [
            {
              userId_teamId: // the only type in intellesense, but it depends on a created team?
            },
          ],
        },
      },
    });

    return team;
  } catch (error) {
    console.error(error);
    return null;
  }
}

/nextProject
   .git
   .env
   .tsconfig
   package.json
   prisma.schema
   /src. - all the usual stuff
   /scraper
         .git
         .env
        .tsconfig
        .git
        package.json
        // NO PRISMA SCHEMA

/nextProject
   .git
   .env
   .tsconfig
   package.json
   prisma.schema
   /src. - all the usual stuff
   /scraper
         .git
         .env
        .tsconfig
        .git
        package.json
        // NO PRISMA SCHEMA

$ ts-node index.ts
(node:32890) Warning: To load an ES module, set "type": "module" in the package.json or use the .mjs extension.
-> import runBatch from "src/runBatch";

$ ts-node index.ts
(node:32890) Warning: To load an ES module, set "type": "module" in the package.json or use the .mjs extension.
-> import runBatch from "src/runBatch";

    "target": "ES2020",
    "lib": ["ES2020"],
    "module": "ES2020",

    "target": "ES2020",
    "lib": ["ES2020"],
    "module": "ES2020",