Skip to content

albbus-stack/t3-cua-tools

Folders and files

NameName
Last commit message
Last commit date

Latest commit

a36007d · Aug 29, 2023

History

17 Commits
Jan 20, 2023
Feb 11, 2023
Jan 20, 2023
Jan 22, 2023
Jan 20, 2023
Jan 20, 2023
Jan 20, 2023
Aug 29, 2023
Feb 12, 2023
Jan 20, 2023
Feb 12, 2023
Jan 20, 2023

Repository files navigation

t3-cua-tools

Typescript Code

⚠  This repo has been moved under the t4-app monorepo  ⚠

This is a VSCode extension that consists of a set of tools for apps created with the create-t3-universal-app tool or cloned from the CUA (create-universal-app) template. This is also fully compatible with the latest version of CUA that's using Expo Router.

The public extension is live on the VSCode marketplace here.

Usage

New Screen

Input the new screen name in CapitalizedCamelCase (i.e. the name that you would have used for the screen component). Subsequently this command will generate a new screen.tsx file under the directory packages/app/features/{ScreenName}, add the generated component to the stack navigator in packages/app/navigation/native/index.tsx, add a new route in packages/app/provider/navigation/index.tsx and add a new index.tsx under apps/nextjs/pages/{ScreenName} importing your new screen in Nextjs. After that it will open the new screen.tsx file for you to modify.

New Component

Input the new component name in CapitalizedCamelCase. Subsequently this command will generate a new component under the packages/ui/src/components folder. After that it will open the new {ComponentName}.tsx file for you to modify.

New API Route

Input the new API route name in lowercaseCamelCase. Subsequently this command will generate a new router in the packages/api/src/router folder and add that to the index.ts router. After that it will open the new {routeName.ts} file for you to modify.