create-cedar-app 7.0.0 → 7.0.1-next.307

package/templates/esm-js/web/jsconfig.json

@@ -1,53 +0,0 @@
-{
-  "compilerOptions": {
-    "noEmit": true,
-    "esModuleInterop": true,
-    "target": "ES2022",
-    "module": "ESNext",
-    "moduleResolution": "Bundler",
-    "skipLibCheck": false,
-    "rootDirs": [
-      "./src",
-      "../.cedar/types/mirror/web/src",
-      "../api/src",
-      "../.cedar/types/mirror/api/src"
-    ],
-    "paths": {
-      "src/*": [
-        "./src/*",
-        "../.cedar/types/mirror/web/src/*",
-        "../api/src/*",
-        "../.cedar/types/mirror/api/src/*"
-      ],
-      "$api/*": [
-        "../api/*"
-      ],
-      "types/*": [
-        "./types/*",
-        "../types/*"
-      ],
-      "@cedarjs/testing": [
-        "../node_modules/@cedarjs/testing/web"
-      ]
-    },
-    "typeRoots": [
-      "../node_modules/@types",
-      "./node_modules/@types",
-      "../node_modules/@testing-library"
-    ],
-    "types": [
-      "jest",
-      "jest-dom"
-    ],
-    "jsx": "preserve"
-  },
-  "include": [
-    "src",
-    "config",
-    ".storybook/**/*",
-    "../.cedar/types/includes/all-*",
-    "../.cedar/types/includes/web-*",
-    "../types",
-    "./types"
-  ]
-}

package/templates/esm-js/web/package.json

@@ -1,30 +0,0 @@
-{
-  "name": "web",
-  "type": "module",
-  "version": "0.0.0",
-  "private": true,
-  "browserslist": {
-    "development": [
-      "last 1 version"
-    ],
-    "production": [
-      "defaults"
-    ]
-  },
-  "dependencies": {
-    "@cedarjs/forms": "7.0.0",
-    "@cedarjs/router": "7.0.0",
-    "@cedarjs/web": "7.0.0",
-    "react": "18.3.1",
-    "react-dom": "18.3.1"
-  },
-  "devDependencies": {
-    "@cedarjs/vite": "7.0.0",
-    "@types/react": "^18.2.55",
-    "@types/react-dom": "^18.2.19",
-    "@cedarjs/testing": "7.0.0",
-    "@testing-library/jest-dom": "6.9.1",
-    "@testing-library/react": "16.3.2",
-    "vite": "7.3.6"
-  }
-}

package/templates/esm-js/web/public/README.md

@@ -1,43 +0,0 @@
-# Static Assets
-
-Use this folder to add static files directly to your app. All included files and folders will be copied directly into the `/dist` folder (created when Vite builds for production). They will also be available during development when you run `yarn cedar dev`.
-
-> Note: files will _not_ hot reload while the development server is running. You'll need to manually stop/start to access file changes.
-
-### Example Use
-
-A file like `favicon.png` will be copied to `/dist/favicon.png`. A folder containing a file such as `static-files/my-logo.jpg` will be copied to `/dist/static-files/my-logo.jpg`. These can be referenced in your code directly without any special handling, e.g.
-
-```
-<link rel="icon" type="image/png" href="/favicon.png" />
-```
-
-and
-
-```
-<img src="/static-files/my-logo.jpg"> alt="Logo" />
-```
-
-## Best Practices
-
-Because assets in this folder are bypassing the javascript module system, **this folder should be used sparingly** for assets such as favicons, robots.txt, manifests, libraries incompatible with Vite, etc.
-
-In general, it's best to import files directly into a template, page, or component. This allows Vite to include that file in the bundle when small enough, or to copy it over to the `dist` folder with a hash.
-
-### Example Asset Import with Vite
-
-Instead of handling our logo image as a static file per the example above, we can do the following:
-
-```
-import React from "react"
-import logo from "./my-logo.jpg"
-
-
-function Header() {
-  return <img src={logo} alt="Logo" />
-}
-
-export default Header
-```
-
-See Vite's docs for [static asset handling](https://vitejs.dev/guide/assets.html)

package/templates/esm-js/web/public/robots.txt

@@ -1,2 +0,0 @@
-User-agent: *
-Disallow:

package/templates/esm-js/web/src/App.jsx

@@ -1,16 +0,0 @@
-import { FatalErrorBoundary, CedarProvider } from '@cedarjs/web'
-import { CedarApolloProvider } from '@cedarjs/web/apollo/CedarApolloProvider'
-
-import FatalErrorPage from 'src/pages/FatalErrorPage'
-
-import './index.css'
-
-const App = ({ children }) => (
-  <FatalErrorBoundary page={FatalErrorPage}>
-    <CedarProvider titleTemplate="%PageTitle | %AppTitle">
-      <CedarApolloProvider>{children}</CedarApolloProvider>
-    </CedarProvider>
-  </FatalErrorBoundary>
-)
-
-export default App

package/templates/esm-js/web/src/Routes.jsx

@@ -1,20 +0,0 @@
-// In this file, all Page components from 'src/pages` are auto-imported. Nested
-// directories are supported, and should be uppercase. Each subdirectory will be
-// prepended onto the component name.
-//
-// Examples:
-//
-// 'src/pages/HomePage/HomePage.js'         -> HomePage
-// 'src/pages/Admin/BooksPage/BooksPage.js' -> AdminBooksPage
-
-import { Router, Route } from '@cedarjs/router'
-
-const Routes = () => {
-  return (
-    <Router>
-      <Route notfound page={NotFoundPage} />
-    </Router>
-  )
-}
-
-export default Routes

package/templates/esm-js/web/src/entry.client.jsx

@@ -1,35 +0,0 @@
-import { hydrateRoot, createRoot } from 'react-dom/client'
-
-import App from './App'
-import Routes from './Routes'
-
-/**
- * When `#cedar-app` isn't empty then it's very likely that you're using
- * prerendering. So React attaches event listeners to the existing markup
- * rather than replacing it.
- * https://react.dev/reference/react-dom/client/hydrateRoot
- */
-const cedarAppElement = document.getElementById('cedar-app')
-
-if (!cedarAppElement) {
-  throw new Error(
-    'Could not find an element with ID "cedar-app". Please ensure it exists ' +
-      'in your `web/index.html` file.'
-  )
-}
-
-if (cedarAppElement.children?.length > 0) {
-  hydrateRoot(
-    cedarAppElement,
-    <App>
-      <Routes />
-    </App>
-  )
-} else {
-  const root = createRoot(cedarAppElement)
-  root.render(
-    <App>
-      <Routes />
-    </App>
-  )
-}

package/templates/esm-js/web/src/pages/FatalErrorPage/FatalErrorPage.jsx

@@ -1,58 +0,0 @@
-// This page will be rendered when an error makes it all the way to the top of the
-// application without being handled by a Javascript catch statement or React error
-// boundary.
-//
-// You can modify this page as you wish, but it is important to keep things simple to
-// avoid the possibility that it will cause its own error. If it does, Cedar will
-// still render a generic error page, but your users will prefer something a bit more
-// thoughtful :)
-
-// This import will be automatically removed when building for production
-import { DevFatalErrorPage } from '@cedarjs/web/dist/components/DevFatalErrorPage'
-
-export default DevFatalErrorPage ||
-  (() => (
-    <main>
-      <style
-        dangerouslySetInnerHTML={{
-          __html: `
-              html, body {
-                margin: 0;
-              }
-              html * {
-                box-sizing: border-box;
-              }
-              main {
-                display: flex;
-                align-items: center;
-                font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
-                text-align: center;
-                background-color: #E2E8F0;
-                height: 100vh;
-              }
-              section {
-                background-color: white;
-                border-radius: 0.25rem;
-                width: 32rem;
-                padding: 1rem;
-                margin: 0 auto;
-                box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
-              }
-              h1 {
-                font-size: 2rem;
-                margin: 0;
-                font-weight: 500;
-                line-height: 1;
-                color: #2D3748;
-              }
-            `,
-        }}
-      />
-
-      <section>
-        <h1>
-          <span>Something went wrong</span>
-        </h1>
-      </section>
-    </main>
-  ))

package/templates/esm-js/web/src/pages/NotFoundPage/NotFoundPage.jsx

@@ -1,45 +0,0 @@
-export default () => (
-  <main>
-    <style
-      dangerouslySetInnerHTML={{
-        __html: `
-              html, body {
-                margin: 0;
-              }
-              html * {
-                box-sizing: border-box;
-              }
-              main {
-                display: flex;
-                align-items: center;
-                font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
-                text-align: center;
-                background-color: #E2E8F0;
-                height: 100vh;
-              }
-              section {
-                background-color: white;
-                border-radius: 0.25rem;
-                width: 32rem;
-                padding: 1rem;
-                margin: 0 auto;
-                box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
-              }
-              h1 {
-                font-size: 2rem;
-                margin: 0;
-                font-weight: 500;
-                line-height: 1;
-                color: #2D3748;
-              }
-            `,
-      }}
-    />
-
-    <section>
-      <h1>
-        <span>404 Page Not Found</span>
-      </h1>
-    </section>
-  </main>
-)

package/templates/esm-js/web/vite.config.js

@@ -1,15 +0,0 @@
-/// <reference types="vitest/config" />
-
-import { defineConfig } from 'vite'
-
-import { cedar } from '@cedarjs/vite'
-
-export default defineConfig(({ mode }) => ({
-  plugins: [cedar({ mode })],
-  test: {
-    environment: 'jsdom',
-    setupFiles: ['./vitest.setup.js'],
-    // Enables global test APIs like describe, it, expect
-    globals: true,
-  },
-}))

package/templates/esm-ts/.cedar/README.md

@@ -1,44 +0,0 @@
-# .cedar
-
-## What is this directory?
-
-Cedar uses this `.cedar` directory to store transitory data that aids in the smooth and convenient operation of your Cedar project.
-
-## Do I need to do anything with this directory?
-
-No. You shouldn't have to create, edit or delete anything in this directory in your day-to-day work with Cedar.
-
-You don't need to commit any other contents of this directory to your version control system. It's ignored by default.
-
-## What's in this directory?
-
-### Files
-
-| Name              | Description                                                                                                        |
-| :---------------- | :----------------------------------------------------------------------------------------------------------------- |
-| commandCache.json | This file contains mappings to assist the Cedar CLI in efficiently executing commands.                             |
-| schema.graphql    | This is the GraphQL schema which has been automatically generated from your Cedar project.                         |
-| telemetry.txt     | Contains a unique ID used for telemetry. This value is rotated every 24 hours to protect your project's anonymity. |
-| test.db           | The sqlite database used when running tests.                                                                       |
-
-### Directories
-
-| Name        | Description                                                                                                                                      |
-| :---------- | :----------------------------------------------------------------------------------------------------------------------------------------------- |
-| locks       | Stores temporary files that Cedar uses to keep track of the execution of async/background tasks between processes.                               |
-| logs        | Stores log files for background tasks such as update checking.                                                                                   |
-| prebuild    | Stores transpiled JavaScript that is generated as part of Cedar's build process.                                                                 |
-| telemetry   | Stores the recent telemetry that the Cedar CLI has generated. You may inspect these files to see everything Cedar is anonymously collecting.     |
-| types       | Stores the results of type generation.                                                                                                           |
-| updateCheck | Stores a file which contains the results of checking for Cedar updates.                                                                          |
-| studio      | Used to store data for `cedar studio`                                                                                                            |
-
-We try to keep this README up to date but you may, from time to time, find other files or directories in this `.cedar` directory that have not yet been documented here. This is likely nothing to worry about but feel free to let us know and we'll update this list.
-
-### Telemetry
-
-CedarJS collects completely anonymous telemetry data about general usage. For transparency, that data is viewable in the respective directories and files. To learn more and manage your project's settings, visit [telemetry.redwoodjs.com](https://telemetry.redwoodjs.com).
-
-### Have any questions?
-
-Feel free to reach out to us on the [CedarJS Discord](https://cedarjs.com/discord) if you have any questions.

package/templates/esm-ts/.editorconfig

@@ -1,10 +0,0 @@
-# editorconfig.org
-root = true
-
-[*]
-charset = utf-8
-end_of_line = lf
-indent_size = 2
-indent_style = space
-insert_final_newline = true
-trim_trailing_whitespace = true

package/templates/esm-ts/.env

@@ -1,15 +0,0 @@
-# THIS FILE SHOULD NOT BE CHECKED INTO YOUR VERSION CONTROL SYSTEM
-#
-# Environment variables set here will override those in .env.defaults.
-# Any environment variables you need in production you will need to setup with
-# your hosting provider. For example in Netlify you can add environment
-# variables in Settings > Build & Deploy > environment
-#
-# DATABASE_URL=postgres://user:pass@postgreshost.com:5432/database_name
-# TEST_DATABASE_URL=postgres://user:pass@postgreshost.com:5432/test_database_name
-#
-# Sets an app-specific secret used to sign and verify your own app's webhooks.
-# For example if you schedule a cron job with a signed payload that later will
-# then invoke your api-side webhook function you will use this secret to sign and the verify.
-# Important: Please change this default to a strong password or other secret
-# WEBHOOK_SECRET=THIS_IS_NOT_SECRET_PLEASE_CHANGE

package/templates/esm-ts/.env.defaults

@@ -1,19 +0,0 @@
-# These environment variables will be used by default if you do not create any
-# yourself in .env. This file should be safe to check into your version control
-# system. Any custom values should go in .env and .env should *not* be checked
-# into version control.
-
-# schema.prisma defaults
-DATABASE_URL=file:./db/dev.db
-
-# location of the test database for api service scenarios (defaults to ./.cedar/test.db if not set)
-# TEST_DATABASE_URL=file:./.cedar/test.db
-
-# disables Prisma CLI update notifier
-PRISMA_HIDE_UPDATE_MESSAGE=true
-
-# Option to override the current environment's default api-side log level
-# See: https://cedarjs.com/docs/logger for level options, defaults to "trace" otherwise.
-# Most applications want "debug" or "info" during dev, "trace" when you have issues and "warn" in production.
-# Ordered by how verbose they are: trace | debug | info | warn | error | silent
-# LOG_LEVEL=debug

package/templates/esm-ts/.env.example

@@ -1,4 +0,0 @@
-# DATABASE_URL=file:./dev.db
-# TEST_DATABASE_URL=file:./.cedar/test.db
-# PRISMA_HIDE_UPDATE_MESSAGE=true
-# LOG_LEVEL=trace

package/templates/esm-ts/.vscode/extensions.json

@@ -1,14 +0,0 @@
-{
-  "recommendations": [
-    "dbaeumer.vscode-eslint",
-    "eamodio.gitlens",
-    "ofhumanbondage.react-proptypes-intellisense",
-    "mgmcdermott.vscode-language-babel",
-    "wix.vscode-import-cost",
-    "pflannery.vscode-versionlens",
-    "editorconfig.editorconfig",
-    "prisma.prisma",
-    "graphql.vscode-graphql"
-  ],
-  "unwantedRecommendations": []
-}

package/templates/esm-ts/.vscode/launch.json

@@ -1,56 +0,0 @@
-{
-  "version": "0.3.0",
-  "configurations": [
-    {
-      "command": "{{CEDAR_CLI}} dev --apiDebugPort 18911", // you can add --fwd='--open=false' to prevent the browser from opening
-      "name": "Run Dev Server",
-      "request": "launch",
-      "type": "node-terminal"
-    },
-    {
-      "name": "Attach API debugger",
-      "port": 18911, // you can change this port, see https://cedarjs.com/docs/project-configuration-dev-test-build#debugger-configuration
-      "request": "attach",
-      "skipFiles": [
-        "<node_internals>/**"
-      ],
-      "type": "node",
-      "localRoot": "${workspaceFolder}/node_modules/@cedarjs/api-server/dist",
-      "remoteRoot": "${workspaceFolder}/node_modules/@cedarjs/api-server/dist",
-      "sourceMaps": true,
-      "restart": true,
-      "preLaunchTask": "WaitForDevServer",
-    },
-    {
-      "name": "Launch Web debugger",
-      "type": "chrome",
-      "request": "launch",
-      "url": "http://localhost:8910",
-      "webRoot": "${workspaceRoot}/web/src",
-      "preLaunchTask": "WaitForDevServer",
-    },
-    {
-      "command": "{{CEDAR_CLI}} test api",
-      "name": "Test api",
-      "request": "launch",
-      "type": "node-terminal"
-    },
-    {
-      "command": "{{CEDAR_CLI}} test web",
-      "name": "Test web",
-      "request": "launch",
-      "type": "node-terminal"
-    },
-  ],
-  "compounds": [
-    {
-      "name": "Start Debug",
-      "configurations": [
-        "Run Dev Server",
-        "Attach API debugger",
-        "Launch Web debugger"
-      ],
-      "stopAll": true
-    }
-  ]
-}

package/templates/esm-ts/.vscode/settings.json

@@ -1,11 +0,0 @@
-{
-  "editor.tabSize": 2,
-  "files.trimTrailingWhitespace": true,
-  "editor.formatOnSave": false,
-  "editor.codeActionsOnSave": {
-    "source.fixAll.eslint": "explicit"
-  },
-  "[prisma]": {
-    "editor.formatOnSave": true
-  }
-}

package/templates/esm-ts/.vscode/tasks.json

@@ -1,29 +0,0 @@
-{
-  "version": "2.0.0",
-  "tasks": [
-    {
-      "label": "WaitForDevServer",
-      "group": "none",
-      "type": "shell",
-      "command": "bash",
-        "args": [
-          "-c",
-          "while ! echo -n > /dev/tcp/localhost/18911; do sleep 1; done;"
-      ],
-      "windows": {
-        "command": "powershell",
-        "args": [
-          "-NoProfile",
-          "-ExecutionPolicy", "Bypass",
-          "while (-not (Test-NetConnection -ComputerName localhost -Port 18911)) { Start-Sleep -Seconds 1 };"
-        ]
-      },
-      "presentation": {
-        "reveal": "silent",
-        "revealProblems": "onProblem",
-        "panel": "shared",
-        "close": true
-      }
-    },
-  ]
-}

package/templates/esm-ts/README.md

@@ -1,17 +0,0 @@
-# README
-
-Welcome to your new [CedarJS](https://cedarjs.com) project!
-
-Start by installing dependencies:
-
-```
-{{PM_INSTALL}}
-```
-
-Then start the development server:
-
-```
-{{CEDAR_CLI}} dev
-```
-
-Your browser should automatically open to [http://localhost:8910](http://localhost:8910) where you'll see the Welcome Page, which links out to many great resources.

package/templates/esm-ts/api/db/schema.prisma

@@ -1,29 +0,0 @@
-// Don't forget to tell Prisma about your edits to this file using
-// `yarn cedar prisma migrate dev` or `yarn cedar prisma db push`.
-// `migrate` is like committing while `push` is for prototyping.
-// Read more about both here:
-// https://www.prisma.io/docs/orm/prisma-migrate
-
-datasource db {
-  provider = "sqlite"
-}
-
-// This specific combination of settings is the only way to make Prisma 7 work
-// in both CJS and ESM Cedar apps.
-// See https://github.com/cedarjs/cedar/pull/1761 for more info
-generator client {
-  provider               = "prisma-client"
-  output                 = "./generated/prisma"
-  moduleFormat           = "cjs"
-  generatedFileExtension = "mts"
-  importFileExtension    = "mts"
-}
-
-// Define your own datamodels here and run `yarn cedar prisma migrate dev`
-// to create migrations for them and apply to your dev DB.
-// TODO: Please remove the following example:
-model UserExample {
-  id    Int     @id @default(autoincrement())
-  email String  @unique
-  name  String?
-}

package/templates/esm-ts/api/package.json

@@ -1,19 +0,0 @@
-{
-  "name": "api",
-  "type": "module",
-  "version": "0.0.0",
-  "private": true,
-  "dependencies": {
-    "@cedarjs/api": "7.0.0",
-    "@cedarjs/graphql-server": "7.0.0",
-    "@prisma/adapter-better-sqlite3": "7.8.0",
-    "@prisma/client": "7.8.0",
-    "better-sqlite3": "12.11.1",
-    "@cedarjs/context": "7.0.0",
-    "graphql-tag": "2.12.6"
-  },
-  "devDependencies": {
-    "@cedarjs/vite": "7.0.0",
-    "vitest": "4.1.10"
-  }
-}

package/templates/esm-ts/api/prisma.config.cjs

@@ -1,12 +0,0 @@
-const { defineConfig, env } = require('prisma/config')
-
-module.exports = defineConfig({
-  schema: 'db/schema.prisma',
-  migrations: {
-    path: 'db/migrations',
-    seed: '{{CEDAR_CLI}} exec seed',
-  },
-  datasource: {
-    url: env('DATABASE_URL'),
-  },
-})

package/templates/esm-ts/api/src/directives/requireAuth/requireAuth.test.ts

@@ -1,18 +0,0 @@
-import { mockRedwoodDirective, getDirectiveName } from '@cedarjs/testing/api'
-
-import requireAuth from './requireAuth.js'
-
-describe('requireAuth directive', () => {
-  it('declares the directive sdl as schema, with the correct name', () => {
-    expect(requireAuth.schema).toBeTruthy()
-    expect(getDirectiveName(requireAuth.schema)).toBe('requireAuth')
-  })
-
-  it('requireAuth has stub implementation. Should not throw when current user', () => {
-    // If you want to set values in context, pass it through e.g.
-    // mockRedwoodDirective(requireAuth, { context: { currentUser: { id: 1, name: 'Lebron McGretzky' } }})
-    const mockExecution = mockRedwoodDirective(requireAuth, { context: {} })
-
-    expect(mockExecution).not.toThrowError()
-  })
-})