bcanfield / nexquik

Auto-generate Next.js 14 UI from your Prisma Schema in seconds

Brandin Canfield

nexquik's Issues

Creating an entity from the list page does not always correctly invalidate the cache

Circular relationship detected in model

I'm getting a message: Circular relationship detected in model <model name>.

Then I get:

Generating App Directory
Nexquik Error:
 Error: ENOENT: no such file or directory, scandir '/home/osboxes/.npm/_npx/5799c79029bbfd42/node_modules/nexquik/dist/templateApp/nexquikTemplateModel'
    at Object.readdirSync (node:fs:1527:3)
    at copyDirectory (/home/osboxes/.npm/_npx/5799c79029bbfd42/node_modules/nexquik/dist/helpers.js:29:32)
    at /home/osboxes/.npm/_npx/5799c79029bbfd42/node_modules/nexquik/dist/generators.js:311:45
    at Generator.next (<anonymous>)
    at /home/osboxes/.npm/_npx/5799c79029bbfd42/node_modules/nexquik/dist/generators.js:8:71
    at new Promise (<anonymous>)
    at __awaiter (/home/osboxes/.npm/_npx/5799c79029bbfd42/node_modules/nexquik/dist/generators.js:4:12)
    at generateRoutes (/home/osboxes/.npm/_npx/5799c79029bbfd42/node_modules/nexquik/dist/generators.js:297:20)
    at /home/osboxes/.npm/_npx/5799c79029bbfd42/node_modules/nexquik/dist/generators.js:441:19
    at Generator.next (<anonymous>) {
  errno: -2,
  syscall: 'scandir',
  code: 'ENOENT',
  path: '/home/osboxes/.npm/_npx/5799c79029bbfd42/node_modules/nexquik/dist/templateApp/nexquikTemplateModel'
}

Do you know what causes this? Cheers, Dave

Style improvements on generated components

I want to keep the styling non-opinionated. So I would like to keep just using vanilla CSS rather than something like Tailwind.

But it would be nice to base the styling off of something like create-next-app or create-t3-app

Is there a demo?

Nexquik sounds very interesting. Is there a live example anywhere?

Clean up component generation code sections

Right now component generation is kind of messy. It is being done in generators.ts as template strings, and there is no formatting that is happening to these template strings in the code.

I want to move the templates out to their own files using something like ejs. https://www.npmjs.com/package/ejs

Option to specify what operations to include for each model

Currently, the create, edit, list, and show operations are being created by default for all specified models.

It would be nice to be able to fine tune this and specify which operations to include for each model.

It seems like eventually we will need to move to a config file, but for now I would like to keep strictly using args.

My initial thought is for this, we could do something like:

program
  .command('create <modelNames...>')
  .description('Create models')
  .action((modelNames) => {
    modelNames.forEach((modelName) => {
      program
        .command(`--model-${modelName} [operations...]`)
        .description(`Specify operations for ${modelName} (comma-separated)`)
        .action((operations) => {
          console.log(`Creating ${modelName} with operations:`, operations);
        });
    });
  });

npx nexquik --model-Model1 Create,List --model-Model2 Edit,Show

Dependency Dashboard

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Rate-Limited

These updates are currently rate-limited. Click on a checkbox below to force their creation now.

• fix(deps): update dependency commander to v11.1.0
• fix(deps): update dependency eslint to v8.56.0 (eslint, @types/eslint)
• fix(deps): update dependency eslint-config-next to v13.5.6
• fix(deps): update dependency eslint-plugin-import to v2.29.1
• fix(deps): update dependency figlet to v1.7.0 (figlet, @types/figlet)
• fix(deps): update dependency typescript to v5.3.3
• fix(deps): update prisma monorepo to v5.8.1 (@prisma/client, prisma)
• fix(deps): update typescript-eslint monorepo to v6.19.1 (@typescript-eslint/eslint-plugin, @typescript-eslint/eslint-plugin-tslint, @typescript-eslint/parser)
• chore(deps): update actions/checkout action to v4
• chore(deps): update actions/setup-node action to v4
• chore(deps): update dependency nodemon to v3
• chore(deps): update postgres docker tag to v16
• fix(deps): update dependency @prisma/internals to v5
• fix(deps): update dependency chalk to v5
• fix(deps): update dependency eslint-plugin-prettier to v5
• fix(deps): update dependency ora to v8
• fix(deps): update dependency prettier to v3
• fix(deps): update nextjs monorepo to v14 (major) (eslint-config-next, next)
• 🔐 Create all rate-limited PRs at once 🔐

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

• chore(deps): update dependency @types/cli-progress to v3.11.5
• chore(deps): update dependency @types/jest to v29.5.11
• chore(deps): update dependency rimraf to v5.0.5
• chore(deps): update react monorepo (@types/react, @types/react-dom)
• fix(deps): update dependency nexquik to v3.2.1
• chore(deps): update babel monorepo (@babel/core, @babel/preset-env, @babel/preset-typescript)
• chore(deps): update dependency @types/node to v20.11.5
• chore(deps): update dependency @types/node to v20.11.5
• chore(deps): update dependency typescript to v5.3.3
• fix(deps): update dependency fs-extra to v11.2.0 (fs-extra, @types/fs-extra)
• Click on this checkbox to rebase all open PRs at once

Detected dependencies

docker-compose

docker-compose.yml

• postgres 11

dockerfile

.devcontainer/Dockerfile

• node 20-bullseye

github-actions

.github/workflows/publish.yml

• actions/checkout v2
• actions/setup-node v2

npm

example/package.json

• nexquik *

package.json

• @prisma/client ^5.1.1
• @prisma/internals ^4.14.1
• @prisma/sdk ^4.0.0
• @typescript-eslint/eslint-plugin ^6.4.1
• @typescript-eslint/eslint-plugin-tslint ^6.4.1
• @typescript-eslint/parser ^6.4.1
• chalk ^4.1.2
• cli-progress ^3.12.0
• commander ^11.0.0
• eslint ^8.47.0
• eslint-config-next ^13.4.19
• eslint-plugin-import ^2.28.1
• eslint-plugin-prettier ^4.2.1
• eslint-plugin-react ^7.33.2
• eslint-plugin-react-hooks ^4.6.0
• eslint-plugin-unused-imports ^3.0.0
• figlet ^1.6.0
• fs-extra ^11.1.1
• nexquik ^3.2.0
• next ^13.4.19
• ora ^5.4.1
• prettier ^2.8.8
• ts-toolbelt ^9.6.0
• @babel/core ^7.22.1
• @babel/preset-env ^7.22.4
• @babel/preset-typescript ^7.21.5
• @semantic-release/changelog ^6.0.3
• @semantic-release/git ^10.0.1
• @types/cli-progress ^3.11.0
• @types/eslint ^8.40.0
• @types/figlet ^1.5.6
• @types/fs-extra ^11.0.1
• @types/jest ^29.5.1
• @types/node ^20.2.5
• @types/prettier ^2.7.2
• babel-jest ^29.5.0
• copyfiles ^2.4.1
• jest ^29.5.0
• nodemon ^2.0.22
• npm-run-all ^4.1.5
• npm-watch ^0.11.0
• prisma ^5.1.1
• rimraf ^5.0.1
• typescript ^5.0.4

src/templateRoot/package.json

• @prisma/client 5.4.2
• clsx ^2.0.0
• next ^13.5.4
• prisma 5.4.2
• react 18.2.0
• react-dom 18.2.0
• typescript 5.2.2
• @tailwindcss/forms ^0.5.6
• @types/node 20.8.5
• @types/react 18.2.28
• @types/react-dom 18.2.13
• autoprefixer ^10.4.16
• nexquik *
• postcss ^8.4.31
• tailwindcss ^3.3.3

---

• Check this box to trigger a request for Renovate to run again on this repository