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

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

@@ -1,25 +0,0 @@
-import { gql } from 'graphql-tag'
-
-import type { ValidatorDirectiveFunc } from '@cedarjs/graphql-server'
-import { createValidatorDirective } from '@cedarjs/graphql-server'
-
-import { requireAuth as applicationRequireAuth } from 'src/lib/auth'
-
-export const schema = gql`
-  """
-  Use to check whether or not a user is authenticated and is associated
-  with an optional set of roles.
-  """
-  directive @requireAuth(roles: [String]) on FIELD_DEFINITION
-`
-
-type RequireAuthValidate = ValidatorDirectiveFunc<{ roles?: string[] }>
-
-const validate: RequireAuthValidate = ({ directiveArgs }) => {
-  const { roles } = directiveArgs
-  applicationRequireAuth({ roles })
-}
-
-const requireAuth = createValidatorDirective(schema, validate)
-
-export default requireAuth

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

@@ -1,10 +0,0 @@
-import { getDirectiveName } from '@cedarjs/testing/api'
-
-import skipAuth from './skipAuth.js'
-
-describe('skipAuth directive', () => {
-  it('declares the directive sdl as schema, with the correct name', () => {
-    expect(skipAuth.schema).toBeTruthy()
-    expect(getDirectiveName(skipAuth.schema)).toBe('skipAuth')
-  })
-})

package/templates/esm-ts/api/src/directives/skipAuth/skipAuth.ts

@@ -1,16 +0,0 @@
-import { gql } from 'graphql-tag'
-
-import { createValidatorDirective } from '@cedarjs/graphql-server'
-
-export const schema = gql`
-  """
-  Use to skip authentication checks and allow public access.
-  """
-  directive @skipAuth on FIELD_DEFINITION
-`
-
-const skipAuth = createValidatorDirective(schema, () => {
-  return
-})
-
-export default skipAuth

package/templates/esm-ts/api/src/functions/graphql.ts

@@ -1,19 +0,0 @@
-import { createGraphQLHandler } from '@cedarjs/graphql-server'
-
-import directives from 'src/directives/**/*.{js,ts}'
-import sdls from 'src/graphql/**/*.sdl.{js,ts}'
-import services from 'src/services/**/*.{js,ts}'
-
-import { db } from 'src/lib/db'
-import { logger } from 'src/lib/logger'
-
-export const handler = createGraphQLHandler({
-  loggerConfig: { logger, options: {} },
-  directives,
-  sdls,
-  services,
-  onException: () => {
-    // Disconnect from your database with an unhandled exception.
-    db.$disconnect()
-  },
-})

package/templates/esm-ts/api/src/lib/auth.ts

@@ -1,32 +0,0 @@
-/**
- * Once you are ready to add authentication to your application
- * you'll build out requireAuth() with real functionality. For
- * now we just return `true` so that the calls in services
- * have something to check against, simulating a logged
- * in user that is allowed to access that service.
- *
- * See https://cedarjs.com/docs/authentication for more info.
- */
-export const isAuthenticated = () => {
-  return true
-}
-
-export const hasRole = ({ roles }) => {
-  return roles !== undefined
-}
-
-// This is used by the cedar directive
-// in ./api/src/directives/requireAuth
-
-// Roles are passed in by the requireAuth directive if you have auth setup
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-export const requireAuth = ({ roles }) => {
-  return isAuthenticated()
-}
-
-export const getCurrentUser = async () => {
-  throw new Error(
-    'Auth is not set up yet. See https://cedarjs.com/docs/authentication to ' +
-      'get started'
-  )
-}

package/templates/esm-ts/api/src/lib/db.ts

@@ -1,46 +0,0 @@
-// See https://www.prisma.io/docs/reference/tools-and-interfaces/prisma-client/constructor
-// for options.
-
-import path from 'node:path'
-
-import { PrismaBetterSqlite3 } from '@prisma/adapter-better-sqlite3'
-import { PrismaClient } from 'api/db/generated/prisma/client.mts'
-
-import { emitLogLevels, handlePrismaLogging } from '@cedarjs/api/logger'
-import { getPaths } from '@cedarjs/project-config'
-
-import { logger } from './logger.js'
-
-export * from 'api/db/generated/prisma/client.mts'
-
-const resolveSqliteUrl = (url = 'file:./db/dev.db') => {
-  if (!url.startsWith('file:.')) {
-    return url
-  }
-
-  const apiDir = getPaths().api.base
-
-  return `file:${path.resolve(apiDir, url.slice('file:'.length))}`
-}
-
-const adapter = new PrismaBetterSqlite3({
-  url: resolveSqliteUrl(process.env.DATABASE_URL),
-})
-const prismaClient = new PrismaClient({
-  log: emitLogLevels(['info', 'warn', 'error']),
-  adapter,
-})
-
-handlePrismaLogging({
-  db: prismaClient,
-  logger,
-  logLevels: ['info', 'warn', 'error'],
-})
-
-/**
- * Global Prisma client extensions should be added here, as $extend
- * returns a new instance.
- * export const db = prismaClient.$extend(...)
- * Add any .$on hooks before using $extend
- */
-export const db = prismaClient

package/templates/esm-ts/api/src/lib/logger.ts

@@ -1,17 +0,0 @@
-import { createLogger } from '@cedarjs/api/logger'
-
-/**
- * Creates a logger with CedarLoggerOptions
- *
- * These extend and override default LoggerOptions,
- * can define a destination like a file or other supported pino log transport stream,
- * and sets whether or not to show the logger configuration settings (defaults to false)
- *
- * @param CedarLoggerOptions
- *
- * CedarLoggerOptions have
- * @param {options} LoggerOptions - defines how to log, such as redaction and format
- * @param {string | DestinationStream} destination - defines where to log, such as a transport stream or file
- * @param {boolean} showConfig - whether to display logger configuration on initialization
- */
-export const logger = createLogger({})

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

@@ -1,27 +0,0 @@
-{
-  "compilerOptions": {
-    "noEmit": true,
-    "allowJs": true,
-    "esModuleInterop": true,
-    "target": "es2023",
-    "module": "ESNext",
-    "moduleResolution": "Bundler",
-    "allowImportingTsExtensions": true,
-    "skipLibCheck": false,
-    "rootDirs": ["./src", "../.cedar/types/mirror/api/src"],
-    "paths": {
-      "src/*": ["./src/*", "../.cedar/types/mirror/api/src/*"],
-      "types/*": ["./types/*", "../types/*"],
-      "@cedarjs/testing": ["../node_modules/@cedarjs/testing/api"]
-    },
-    "typeRoots": ["../node_modules/@types", "./node_modules/@types"],
-    "types": ["jest"],
-    "jsx": "react-jsx"
-  },
-  "include": [
-    "src",
-    "../.cedar/types/includes/all-*",
-    "../.cedar/types/includes/api-*",
-    "../types"
-  ]
-}

package/templates/esm-ts/cedar.toml

@@ -1,26 +0,0 @@
-#:schema https://raw.githubusercontent.com/cedarjs/cedar/main/packages/project-config/cedar-toml-schema-2.0.json
-#:tombi format.disabled = true
-
-# This file contains the configuration settings for your Cedar app.
-# This file is also what makes your Cedar app a Cedar app.
-# If you remove it and try to run `yarn cedar dev`, you'll get an error.
-#
-# For the full list of options, see the "App Configuration: cedar.toml" doc:
-# https://cedarjs.com/docs/app-configuration-cedar-toml
-
-[web]
-  title = "Cedar App"
-  port = 8910
-  apiUrl = "/.api/functions"
-  includeEnvironmentVariables = [
-    # Add any ENV vars that should be available to the web side to this array
-    # See https://cedarjs.com/docs/environment-variables#web
-  ]
-[api]
-  port = 8911
-[browser]
-  # Only applies to interactive sessions
-  # Override with `--fwd="--open=true"` (including for CI/agent runs)
-  open = true
-[notifications]
-  versionUpdates = ["latest"]

package/templates/esm-ts/eslint.config.js

@@ -1,3 +0,0 @@
-import cedarConfig from '@cedarjs/eslint-config'
-
-export default await cedarConfig()

package/templates/esm-ts/gitignore.template

@@ -1,27 +0,0 @@
-.idea
-.DS_Store
-.env*
-!.env.example
-!.env.defaults
-.netlify
-.cedar/*
-!.cedar/README.md
-dev.db*
-api/db/pglite-data
-api/db/generated/prisma
-dist
-dist-babel
-node_modules
-tsconfig.tsbuildinfo
-yarn-error.log
-web/public/mockServiceWorker.js
-web/types/graphql.d.ts
-api/types/graphql.d.ts
-api/src/lib/generateGraphiQLHeader.*
-.pnp.*
-.yarn/*
-!.yarn/patches
-!.yarn/plugins
-!.yarn/releases
-!.yarn/sdks
-!.yarn/versions

package/templates/esm-ts/graphql.config.cjs

@@ -1,11 +0,0 @@
-// This file is used by the VSCode GraphQL extension
-
-const { getPaths } = require('@cedarjs/project-config')
-
-/** @type {import('graphql-config').IGraphQLConfig} */
-const config = {
-  schema: getPaths().generated.schema,
-  documents: './web/src/**/!(*.d).{ts,tsx,js,jsx}',
-}
-
-module.exports = config

package/templates/esm-ts/package.json

@@ -1,33 +0,0 @@
-{
-  "private": true,
-  "type": "module",
-  "workspaces": [
-    "api",
-    "web"
-  ],
-  "scripts": {
-    "build": "cedar build",
-    "dev": "cedar dev",
-    "start": "cedarjs-server",
-    "start:api": "cedarjs-server api",
-    "start:web": "cedarjs-server web"
-  },
-  "dependencies": {
-    "@cedarjs/api-server": "7.0.0"
-  },
-  "devDependencies": {
-    "@cedarjs/core": "7.0.0",
-    "@cedarjs/eslint-config": "7.0.0",
-    "@cedarjs/project-config": "7.0.0",
-    "@cedarjs/testing": "7.0.0",
-    "vitest": "4.1.10"
-  },
-  "engines": {
-    "node": "24.x"
-  },
-  "packageManager": "yarn@4.14.1",
-  "resolutions": {
-    "react-is": "19.2.3",
-    "vite": "7.3.6"
-  }
-}

package/templates/esm-ts/prettier.config.cjs

@@ -1,18 +0,0 @@
-// https://prettier.io/docs/en/options.html
-/** @type {import('prettier').RequiredOptions} */
-module.exports = {
-  trailingComma: 'es5',
-  bracketSpacing: true,
-  tabWidth: 2,
-  semi: false,
-  singleQuote: true,
-  arrowParens: 'always',
-  overrides: [
-    {
-      files: 'Routes.*',
-      options: {
-        printWidth: 999,
-      },
-    },
-  ],
-}

package/templates/esm-ts/scripts/seed.ts

@@ -1,27 +0,0 @@
-// import { db } from 'api/src/lib/db.js'
-
-// Manually apply seeds via the `{{CEDAR_CLI}} prisma db seed` command.
-//
-// Seeds automatically run the first time you run the `{{CEDAR_CLI}} prisma migrate dev`
-// command and every time you run the `{{CEDAR_CLI}} prisma migrate reset` command.
-//
-// See https://cedarjs.com/docs/database-seeds for more info
-
-export default async () => {
-  try {
-    // Create your database records here! For example, seed some users:
-    //
-    // const users = [
-    //   { name: 'Alice', email: 'alice@cedarjs.com' },
-    //   { name: 'Bob', email: 'bob@cedarjs.com' },
-    // ]
-    //
-    // await db.user.createMany({ data: users })
-
-    console.info(
-      '\n  No seed data, skipping. See scripts/seed.ts to start seeding your database!\n'
-    )
-  } catch (error) {
-    console.error(error)
-  }
-}

package/templates/esm-ts/scripts/tsconfig.json

@@ -1,35 +0,0 @@
-{
-  "compilerOptions": {
-    "noEmit": true,
-    "allowJs": true,
-    "esModuleInterop": true,
-    "target": "es2023",
-    "module": "node20",
-    "moduleResolution": "node16",
-    "rootDirs": [
-      "../api/src",
-      "../.cedar/types/mirror/api/src",
-      "../web/src",
-      "../.cedar/types/mirror/web/src"
-    ],
-    "paths": {
-      "$api/*": ["../api/*"],
-      "api/*": ["../api/*"],
-      "$api/src/*": ["../api/src/*", "../.cedar/types/mirror/api/src/*"],
-      "api/src/*": ["../api/src/*", "../.cedar/types/mirror/api/src/*"],
-      "$web/*": ["../web/*"],
-      "web/*": ["../web/*"],
-      "$web/src/*": ["../web/src/*", "../.cedar/types/mirror/web/src/*"],
-      "web/src/*": ["../web/src/*", "../.cedar/types/mirror/web/src/*"],
-      "types/*": ["../types/*", "../web/types/*", "../api/types/*"]
-    },
-    "typeRoots": ["../node_modules/@types"],
-    "jsx": "preserve"
-  },
-  "include": [
-    ".",
-    "../.cedar/types/includes/all-*",
-    "../.cedar/types/includes/web-*",
-    "../types"
-  ]
-}

package/templates/esm-ts/web/index.html

@@ -1,15 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-  <meta charset="UTF-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <link rel="icon" type="image/png" href="/favicon.png" />
-</head>
-
-<body>
-  <!-- Please keep this div empty -->
-  <div id="cedar-app"></div>
-</body>
-
-</html>

package/templates/esm-ts/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-ts/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-ts/web/public/robots.txt

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

package/templates/esm-ts/web/src/App.tsx

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

package/templates/esm-ts/web/src/Routes.tsx

@@ -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-ts/web/src/entry.client.tsx

@@ -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-ts/web/src/pages/FatalErrorPage/FatalErrorPage.tsx

@@ -1,57 +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>
-  ))