@wasp.sh/wasp-cli-darwin-arm64-unknown 0.20.2 → 0.21.0-rc.1

package/data/Cli/starters/basic/postcss.config.js

@@ -1,6 +0,0 @@
-export default {
-  plugins: {
-    tailwindcss: {},
-    autoprefixer: {},
-  },
-}

package/data/Cli/starters/basic/src/shared/components/Portal.tsx

@@ -1,26 +0,0 @@
-import React from "react";
-import ReactDOM from "react-dom";
-
-interface PortalProps extends React.HTMLAttributes<HTMLDivElement> {
-  container?: Element | null;
-}
-
-/**
- * Inspired by Radix UI's Portal component.
- * @see https://github.com/radix-ui/primitives/blob/main/packages/react/portal/src/portal.tsx
- */
-export const Portal = React.forwardRef<HTMLDivElement, PortalProps>(
-  function Portal({ container: containerProp, ...portalProps }, forwardRef) {
-    const [mounted, setMounted] = React.useState(false);
-    React.useLayoutEffect(() => setMounted(true), []);
-
-    const container = containerProp || (mounted && globalThis?.document?.body);
-
-    return container
-      ? ReactDOM.createPortal(
-          <div {...portalProps} ref={forwardRef} />,
-          container,
-        )
-      : null;
-  },
-);

package/data/Cli/starters/basic/tailwind.config.js

@@ -1,30 +0,0 @@
-import { resolveProjectPath } from "wasp/dev";
-
-/** @type {import('tailwindcss').Config} */
-export default {
-  content: [resolveProjectPath("./src/**/*.{js,jsx,ts,tsx}")],
-  theme: {
-    extend: {
-      fontSize: {
-        "tiny": ["0.625rem", "1rem"], // 10px
-      },
-      colors: {
-        // Created using https://www.tints.dev
-        primary: {
-          50: "#FFFBEB",
-          100: "#FFF7D6",
-          200: "#FFEFAD",
-          300: "#FFE680",
-          400: "#FFDA47",
-          500: "#FFCC00",
-          600: "#E6B800",
-          700: "#CCA300",
-          800: "#A88700",
-          900: "#7A6200",
-          950: "#574500"
-        },
-      },
-    },
-  },
-  plugins: [],
-};

package/data/Generator/templates/react-app/README.md

@@ -1,21 +0,0 @@
-This project was bootstrapped with [Vite's React TS template](https://github.com/vitejs/vite/tree/main/packages/create-vite/template-react-ts).
-
-## Available Scripts
-
-In the project directory, you can run:
-
-### `npm start`
-
-Runs the app in development mode.<br>
-Open [http://localhost:3000](http://localhost:3000) to view it in the browser.
-
-The page will reload if you make edits.<br>
-You will also see any lint errors in the console.
-
-### `npm run build`
-
-Builds the app for production to the `build` folder.<br>
-It correctly bundles React in production mode and optimizes the build for the best performance.
-
-The build is minified and the filenames include the hashes.<br>
-Your app is ready to be deployed!

package/data/Generator/templates/react-app/gitignore

@@ -1,23 +0,0 @@
-# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
-
-# dependencies
-/node_modules
-/.pnp
-.pnp.js
-
-# testing
-/coverage
-
-# production
-/build
-
-# misc
-.DS_Store
-.env.local
-.env.development.local
-.env.test.local
-.env.production.local
-
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*

package/data/Generator/templates/react-app/netlify.toml

@@ -1,8 +0,0 @@
-[build]
-  publish = ".wasp/build/web-app/build/"
-
-[[redirects]]
-  from = "/*"
-  to = "/index.html"
-  status = 200
-  force = false

package/data/Generator/templates/react-app/npmrc

@@ -1 +0,0 @@
-engine-strict=true

package/data/Generator/templates/react-app/package.json

@@ -1,31 +0,0 @@
-{{={= =}=}}
-{
-  "name": "{= packageName =}",
-  "version": "0.0.0",
-  "private": true,
-  "type": "module",
-  {=& depsChunk =},
-  {=& devDepsChunk =},
-  {=& overridesChunk =},
-  "scripts": {
-    "start": "vite",
-    "build": "tsc --build && vite build",
-    "preview": "vite preview"
-  },
-  "engineStrict": true,
-  "engines": {
-      "node": "{=& nodeVersionRange =}"
-  },
-  "browserslist": {
-    "production": [
-      ">0.2%",
-      "not dead",
-      "not op_mini all"
-    ],
-    "development": [
-      "last 1 chrome version",
-      "last 1 firefox version",
-      "last 1 safari version"
-    ]
-  }
-}

package/data/Generator/templates/react-app/public/manifest.json

@@ -1,15 +0,0 @@
-{{={= =}=}}
-{
-  "name": "{= appName =}",
-  "icons": [
-    {
-      "src": "favicon.ico",
-      "sizes": "64x64 32x32 24x24 16x16",
-      "type": "image/x-icon"
-    }
-  ],
-  "start_url": ".",
-  "display": "standalone",
-  "theme_color": "#000000",
-  "background_color": "#ffffff"
-}

package/data/Generator/templates/react-app/src/index.tsx

@@ -1,47 +0,0 @@
-{{={= =}=}}
-import React from 'react'
-import ReactDOM from 'react-dom/client'
-import { QueryClientProvider } from '@tanstack/react-query'
-
-import { router } from './router'
-import {
-  initializeQueryClient,
-  queryClientInitialized,
-} from 'wasp/client/operations'
-
-{=# setupFn.isDefined =}
-{=& setupFn.importStatement =}
-{=/ setupFn.isDefined =}
-
-{=# areWebSocketsUsed =}
-import { WebSocketProvider } from 'wasp/client/webSocket/WebSocketProvider'
-{=/ areWebSocketsUsed =}
-
-startApp()
-
-async function startApp() {
-  {=# setupFn.isDefined =}
-  await {= setupFn.importIdentifier =}()
-  {=/ setupFn.isDefined =}
-  initializeQueryClient()
-
-  await render()
-}
-
-async function render() {
-  const queryClient = await queryClientInitialized
-  ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
-    <React.StrictMode>
-      <QueryClientProvider client={queryClient}>
-        {=# areWebSocketsUsed =}
-        <WebSocketProvider>
-          {router}
-        </WebSocketProvider>
-        {=/ areWebSocketsUsed =}
-        {=^ areWebSocketsUsed =}
-        {router}
-        {=/ areWebSocketsUsed =}
-      </QueryClientProvider>
-    </React.StrictMode>
-  )
-}

package/data/Generator/templates/react-app/src/router.tsx

@@ -1,59 +0,0 @@
-{{={= =}=}}
-import React from 'react'
-import { createBrowserRouter, RouterProvider } from 'react-router-dom'
-{=# rootComponent.isDefined =}
-{=& rootComponent.importStatement =}
-{=/ rootComponent.isDefined =}
-
-{=# isAuthEnabled =}
-import createAuthRequiredPage from "./auth/pages/createAuthRequiredPage"
-{=/ isAuthEnabled =}
-
-{=# pagesToImport =}
-{=& importStatement =}
-{=/ pagesToImport =}
-
-{=# isExternalAuthEnabled =}
-import { OAuthCallbackPage } from "./auth/pages/OAuthCallback"
-{=/ isExternalAuthEnabled =}
-
-import { DefaultRootErrorBoundary } from './components/DefaultRootErrorBoundary'
-
-import { routes } from 'wasp/client/router'
-
-export const routeNameToRouteComponent = {
-  {=# routes =}
-  {= name =}: {= targetComponent =},
-  {=/ routes =}
-} as const;
-
-const waspDefinedRoutes = [
-  {=# isExternalAuthEnabled =}
-  {
-    path: "{= oAuthCallbackPath =}",
-    Component: OAuthCallbackPage,
-  },
-  {=/ isExternalAuthEnabled =}
-]
-const userDefinedRoutes = Object.entries(routes).map(([routeKey, route]) => {
-  return {
-    path: route.to,
-    Component: routeNameToRouteComponent[routeKey],
-  }
-})
-
-const browserRouter = createBrowserRouter([{
-  path: '/',
-  {=# rootComponent.isDefined =}
-  element: <{= rootComponent.importIdentifier =} />,
-  {=/ rootComponent.isDefined =}
-  ErrorBoundary: DefaultRootErrorBoundary,
-  children: [
-    ...waspDefinedRoutes,
-    ...userDefinedRoutes,
-  ],
-}], {
-  basename: '{= baseDir =}',
-})
-
-export const router = <RouterProvider router={browserRouter} />

package/data/Generator/templates/react-app/src/utils.js

@@ -1,3 +0,0 @@
-export const errorMessage = (e) => {
-  return `Error: ${e.message} ${e.data?.message ? '- Details: ' + e.data.message : ''}`
-}

package/data/Generator/templates/react-app/src/vite-env.d.ts

@@ -1 +0,0 @@
-/// <reference types="vite/client" />

package/data/Generator/templates/react-app/tsconfig.app.json

@@ -1,28 +0,0 @@
-{{={= =}=}}
-{
-  "extends": "@tsconfig/vite-react/tsconfig.json",
-  "compilerOptions": {
-    // Temporary loosen the type checking until we can address all the errors.
-    "jsx": "preserve",
-    "allowJs": true,
-    "skipLibCheck": true,
-    // Allow importing pages with the .tsx extension.
-    "allowImportingTsExtensions": true,
-    "noEmit": true,
-    // Overriding Vite 7 linting-focused options to be less strict since we
-    // don't want to block web-app builds on linting errors.
-    // We'll tackle it when we do: https://github.com/wasp-lang/wasp/issues/2777
-    "strict": false,
-    "noUnusedLocals": false,
-    "noUnusedParameters": false,
-    "erasableSyntaxOnly": false,
-    "noFallthroughCasesInSwitch": false,
-    "noUncheckedSideEffectImports": false
-  },
-  "include": [
-    "src"
-  ],
-  "references": [
-    { "path": "{= srcTsConfigPath =}" }
-  ]
-}

package/data/Generator/templates/react-app/tsconfig.json

@@ -1,11 +0,0 @@
-{
-  // Wasp's TS config arrangement is based on Vite's tsconfig arrangement, but
-  // we have an extra top-level file because the two projects are independent.
-  // The empty files array is necessary to allow `noEmit` in referenced
-  // projects.
-  "files": [],
-  "references": [
-    { "path": "./tsconfig.app.json" },
-    { "path": "./tsconfig.vite.json" },
-  ]
-}

package/data/Generator/templates/react-app/tsconfig.vite.json

@@ -1,16 +0,0 @@
-{{={= =}=}}
-{
-  "compilerOptions": {
-    "composite": true,
-    "skipLibCheck": true,
-    "noEmit": true,
-    "module": "ESNext",
-    "moduleResolution": "bundler",
-    "allowSyntheticDefaultImports": true,
-  },
-  "include": [
-    {=# includePaths =}
-    "{= . =}",
-    {=/ includePaths =}
-  ]
-}

package/data/Generator/templates/react-app/vite/detectServerImports.ts

@@ -1,53 +0,0 @@
-{{={= =}=}}
-import { type Plugin } from 'vite'
-import path from 'path'
-import { resolveProjectPath } from 'wasp/dev'
-
-export function detectServerImports(): Plugin {
-  return {
-    name: 'wasp-detect-server-imports',
-    enforce: 'pre',
-    resolveId(source, importer) {
-      if (!importer) {
-        return
-      }
-
-      const pathToUserCode = parsePathToUserCode(importer)
-      if (!pathToUserCode) {
-        return
-      }
-
-      if (isServerImport(source)) {
-        throw new Error(
-          `Server code cannot be imported in the client code. Import from "${source}" in "${pathToUserCode}" is not allowed.`
-        )
-      }
-    },
-  }
-}
-
-function isServerImport(moduleName: string): boolean {
-  return moduleName.startsWith('wasp/server')
-}
-
-type RelativePathToUserCode = string & { _brand: 'relativePathToUserCode' }
-
-function parsePathToUserCode(
-  importerPath: string
-): RelativePathToUserCode | null {
-  const importerPathRelativeToWaspProjectDir = path.relative(
-    getWaspProjectDirAbsPathWhileInWebAppDir(),
-    importerPath
-  )
-  return importerPathRelativeToWaspProjectDir.startsWith('{= srcDirInWaspProjectDir =}')
-    ? (importerPathRelativeToWaspProjectDir as RelativePathToUserCode)
-    : null
-}
-
-// We can't pass the "waspProjectDir" path from Haskell because we need the absolute path:
-// e.g. /Users/{username}/dev/wasp/waspc/examples/todoApp
-// which contains machine specific info like the username which is different in the CI and locally.
-// This breaks our e2e tests in the CI because the path is different.
-function getWaspProjectDirAbsPathWhileInWebAppDir(): string {
-  return path.resolve(resolveProjectPath('./'))
-}

package/data/Generator/templates/react-app/vite.config.ts

@@ -1,74 +0,0 @@
-{{={= =}=}}
-/// <reference types="vitest" />
-import { mergeConfig } from "vite";
-import react from "@vitejs/plugin-react";
-import { defaultExclude } from "vitest/config"
-import { detectServerImports } from "./vite/detectServerImports"
-import { validateEnv } from "./vite/validateEnv.js";
-import path from "node:path"
-
-{=# customViteConfig.isDefined =}
-// Ignoring the TS error because we are importing a file outside of TS root dir.
-// @ts-ignore
-{=& customViteConfig.importStatement =}
-const _waspUserProvidedConfig = {=& customViteConfig.importIdentifier =}
-{=/ customViteConfig.isDefined =}
-{=^ customViteConfig.isDefined =}
-const _waspUserProvidedConfig = {};
-{=/ customViteConfig.isDefined =}
-
-const defaultViteConfig = {
-  base: "{= baseDir =}",
-  plugins: [
-    validateEnv(),
-    react(),
-    detectServerImports(),
-  ],
-  optimizeDeps: {
-    exclude: ['wasp']
-  },
-  server: {
-    port: {= defaultClientPort =},
-    host: "0.0.0.0",
-    open: true,
-  },
-  envPrefix: "REACT_APP_",
-  build: {
-    outDir: "build",
-  },
-  resolve: {
-    // These packages rely on a single instance per page. Not deduping them
-    // causes runtime errors (e.g., hook rule violation in react, QueryClient
-    // instance error in react-query, Invariant Error in react-router-dom).
-    dedupe: ["react", "react-dom", "@tanstack/react-query", "react-router-dom"],
-    alias: [
-      {
-        // Vite doesn't look for `.prisma/client` imports in the `node_modules`
-        // folder. We point it to the correct place here.
-        // TODO: Check if we can remove when updating Prisma (#2504)
-        find: /^\.prisma\/(.+)$/,
-        replacement: path.join(
-          "{= projectDir =}",
-          "node_modules/.prisma/$1"
-        ),
-      },
-    ],
-  },
-  test: {
-    globals: true,
-    environment: "jsdom",
-    // Since Vitest is running from the root of the project, we need
-    // to specify the path to the setup file relative to the root.
-    setupFiles: {=& vitest.setupFilesArray =},
-    exclude: [
-      ...defaultExclude,
-      "{= vitest.excludeWaspArtefactsPattern =}",
-    ]
-  },
-};
-
-// https://vitejs.dev/config/
-export default mergeConfig(
-  defaultViteConfig,
-  _waspUserProvidedConfig
-);

package/data/Generator/templates/sdk/wasp/dev/index.ts

@@ -1,19 +0,0 @@
-{{={= =}=}}
-/**
- * Code found in this module is not meant to be used in user's server or client
- * code. It is used by the Wasp tooling e.g. in the Tailwind config to resolve
- * paths to the project root directory.
- */
-
-import { join as joinPaths } from 'path'
-
-// PUBLIC API
-/**
- * Wasp runs the client code in the `web-app` directory which is nested in the
- * .wasp/out/web-app directory. This function resolves a project root dir path
- * to be relative to the `web-app` directory i.e. `../../../projectDirPath`.
- */
-export function resolveProjectPath(path: string): string {
-  const waspProjectDirFromWebAppDir = '{= waspProjectDirFromWebAppDir =}'
-  return joinPaths(waspProjectDirFromWebAppDir, path)
-}