@nx/remix 23.3.0-rc.1 → 24.0.0-beta.0

package/dist/src/generators/application/files/common/app/entry.client.tsx__tmpl__

@@ -1,18 +0,0 @@
-/**
- * By default, Remix will handle hydrating your app on the client for you.
- * You are free to delete this file if you'd like to, but if you ever want it revealed again, you can run `npx remix reveal` ✨
- * For more information, see https://remix.run/file-conventions/entry.client
- */
-
-import { RemixBrowser } from "@remix-run/react";
-import { startTransition, StrictMode } from "react";
-import { hydrateRoot } from "react-dom/client";
-
-startTransition(() => {
-  hydrateRoot(
-    document,
-    <StrictMode>
-      <RemixBrowser />
-    </StrictMode>
-  );
-});

package/dist/src/generators/application/files/common/app/entry.server.tsx__tmpl__

@@ -1,139 +0,0 @@
-/**
- * By default, Remix will handle generating the HTTP Response for you.
- * You are free to delete this file if you'd like to, but if you ever want it revealed again, you can run `npx remix reveal` ✨
- * For more information, see https://remix.run/file-conventions/entry.server
- */
-
-import { PassThrough } from "node:stream";
-
-import type { AppLoadContext, EntryContext } from "@remix-run/node";
-import { createReadableStreamFromReadable } from "@remix-run/node";
-import { RemixServer } from "@remix-run/react";
-import { isbot } from "isbot";
-import { renderToPipeableStream } from "react-dom/server";
-
-const ABORT_DELAY = 5_000;
-
-export default function handleRequest(
-  request: Request,
-  responseStatusCode: number,
-  responseHeaders: Headers,
-  remixContext: EntryContext,
-  // This is ignored so we can keep it in the template for visibility.  Feel
-  // free to delete this parameter in your app if you're not using it!
-  _loadContext: AppLoadContext
-) {
-  return isbot(request.headers.get("user-agent") || "")
-    ? handleBotRequest(
-        request,
-        responseStatusCode,
-        responseHeaders,
-        remixContext
-      )
-    : handleBrowserRequest(
-        request,
-        responseStatusCode,
-        responseHeaders,
-        remixContext
-      );
-}
-
-function handleBotRequest(
-  request: Request,
-  responseStatusCode: number,
-  responseHeaders: Headers,
-  remixContext: EntryContext
-) {
-  return new Promise((resolve, reject) => {
-    let shellRendered = false;
-    const { pipe, abort } = renderToPipeableStream(
-      <RemixServer
-        context={remixContext}
-        url={request.url}
-        abortDelay={ABORT_DELAY}
-      />,
-      {
-        onAllReady() {
-          shellRendered = true;
-          const body = new PassThrough();
-          const stream = createReadableStreamFromReadable(body);
-
-          responseHeaders.set("Content-Type", "text/html");
-
-          resolve(
-            new Response(stream, {
-              headers: responseHeaders,
-              status: responseStatusCode,
-            })
-          );
-
-          pipe(body);
-        },
-        onShellError(error: unknown) {
-          reject(error);
-        },
-        onError(error: unknown) {
-          responseStatusCode = 500;
-          // Log streaming rendering errors from inside the shell.  Don't log
-          // errors encountered during initial shell rendering since they'll
-          // reject and get logged in handleDocumentRequest.
-          if (shellRendered) {
-            console.error(error);
-          }
-        },
-      }
-    );
-
-    setTimeout(abort, ABORT_DELAY);
-  });
-}
-
-function handleBrowserRequest(
-  request: Request,
-  responseStatusCode: number,
-  responseHeaders: Headers,
-  remixContext: EntryContext
-) {
-  return new Promise((resolve, reject) => {
-    let shellRendered = false;
-    const { pipe, abort } = renderToPipeableStream(
-      <RemixServer
-        context={remixContext}
-        url={request.url}
-        abortDelay={ABORT_DELAY}
-      />,
-      {
-        onShellReady() {
-          shellRendered = true;
-          const body = new PassThrough();
-          const stream = createReadableStreamFromReadable(body);
-
-          responseHeaders.set("Content-Type", "text/html");
-
-          resolve(
-            new Response(stream, {
-              headers: responseHeaders,
-              status: responseStatusCode,
-            })
-          );
-
-          pipe(body);
-        },
-        onShellError(error: unknown) {
-          reject(error);
-        },
-        onError(error: unknown) {
-          responseStatusCode = 500;
-          // Log streaming rendering errors from inside the shell.  Don't log
-          // errors encountered during initial shell rendering since they'll
-          // reject and get logged in handleDocumentRequest.
-          if (shellRendered) {
-            console.error(error);
-          }
-        },
-      }
-    );
-
-    setTimeout(abort, ABORT_DELAY);
-  });
-}

package/dist/src/generators/application/files/common/app/root.tsx__tmpl__

@@ -1,47 +0,0 @@
-import {
-  Links,
-  Meta,
-  Outlet,
-  Scripts,
-  ScrollRestoration,
-} from "@remix-run/react";
-import type { MetaFunction, LinksFunction } from "@remix-run/node";
-
-export const meta: MetaFunction = () => ([{
-  title: "New Remix App",
-}]);
-
-export const links: LinksFunction = () => [
-  { rel: "preconnect", href: "https://fonts.googleapis.com" },
-  {
-    rel: "preconnect",
-    href: "https://fonts.gstatic.com",
-    crossOrigin: "anonymous",
-  },
-  {
-    rel: "stylesheet",
-    href: "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap",
-  },
-];
-
-export function Layout({ children }: { children: React.ReactNode }) {
-  return (
-    <html lang="en">
-      <head>
-        <meta charSet="utf-8" />
-        <meta name="viewport" content="width=device-width, initial-scale=1" />
-        <Meta />
-        <Links />
-      </head>
-      <body>
-        {children}
-        <ScrollRestoration />
-        <Scripts />
-      </body>
-    </html>
-  );
-}
-
-export default function App() {
-    return <Outlet />;
-}

package/dist/src/generators/application/files/common/app/routes/_index.tsx__tmpl__

@@ -1,9 +0,0 @@
-import NxWelcome from "../nx-welcome";
-
-export default function Index() {
-  return (
-    <div>
-      <NxWelcome title={"<%= projectName %>"} />
-    </div>
-  );
-}

package/dist/src/generators/application/files/common/tests/routes/_index.spec.tsx__tmpl__

@@ -1,17 +0,0 @@
-import { createRemixStub } from '@remix-run/testing';
-import { render } from '@testing-library/react';
-import { screen } from '@testing-library/dom';
-import Index from '../../app/routes/_index';
-
-test('renders loader data', async () => {
-  const RemixStub = createRemixStub([
-    {
-      path: '/',
-      Component: Index,
-    },
-  ]);
-
-  render(<RemixStub />);
-
-  expect(await screen.findByText('Hello there,')).toBeTruthy();
-});

package/dist/src/generators/application/files/common/tsconfig.app.json__tmpl__

@@ -1,25 +0,0 @@
-{
-  "extends": "./tsconfig.json",
-  "include": [
-    "app/**/*.ts",
-    "app/**/*.tsx",
-    "app/**/*.js",
-    "app/**/*.jsx",
-    "**/.server/**/*.ts",
-    "**/.server/**/*.tsx",
-    "**/.client/**/*.ts",
-    "**/.client/**/*.tsx"
-  ],
-  "exclude": [
-    "jest.config.ts",
-    "jest.config.cts",
-    "tests/**/*.spec.ts",
-    "tests/**/*.test.ts",
-    "tests/**/*.spec.tsx",
-    "tests/**/*.test.tsx",
-    "tests/**/*.spec.js",
-    "tests/**/*.test.js",
-    "tests/**/*.spec.jsx",
-    "tests/**/*.test.jsx"
-  ]
-}

package/dist/src/generators/application/files/common/tsconfig.json__tmpl__

@@ -1,27 +0,0 @@
-{
-  "extends": "<%= offsetFromRoot %>tsconfig.base.json",
-  "compilerOptions": {
-      "lib": ["DOM", "DOM.Iterable", "ES2019"],
-      "types": ["@remix-run/node", "vite/client"],
-      "isolatedModules": true,
-      "esModuleInterop": true,
-      "jsx": "react-jsx",
-      "module": "ESNext",
-      "moduleResolution": "Bundler",
-      "resolveJsonModule": true,
-      "target": "ES2022",
-      "strict": true,
-      "allowJs": true,
-      "skipLibCheck": true,
-      "forceConsistentCasingInFileNames": true,
-      // Vite takes care of building everything.
-      "noEmit": true
-    },
-    "include": [],
-    "files": [],
-    "references": [
-      {
-        "path": "./tsconfig.app.json"
-      }
-    ]
-}

package/dist/src/generators/application/files/common/vite.config.mts__tmpl__

@@ -1,25 +0,0 @@
-import { vitePlugin as remix } from '@remix-run/dev';
-import { defineConfig } from 'vite';
-import { nxViteTsPaths } from '@nx/vite/plugins/nx-tsconfig-paths.plugin';
-
-declare module '@remix-run/node' {
-  interface Future {
-    v3_singleFetch: true;
-  }
-}
-
-export default defineConfig({
-  root: import.meta.dirname,
-  plugins: [
-    remix({
-      future: {
-        v3_fetcherPersist: true,
-        v3_relativeSplatPath: true,
-        v3_throwAbortReason: true,
-        v3_singleFetch: true,
-        v3_lazyRouteDiscovery: true,
-      },
-    }),
-    nxViteTsPaths(),
-  ],
-});

package/dist/src/generators/application/files/non-root/.gitignore__tmpl__

@@ -1,4 +0,0 @@
-.cache
-build
-public/build
-.env

package/dist/src/generators/application/files/non-root/package.json__tmpl__

@@ -1,20 +0,0 @@
-{
-  "private": true,
-  "name": "<%= projectName %>",
-  "scripts": {},
-  "type": "module",
-  "dependencies": {
-    "@remix-run/node": "<%= remixVersion %>",
-    "@remix-run/react": "<%= remixVersion %>",
-    "@remix-run/serve": "<%= remixVersion %>",
-    "isbot": "<%= isbotVersion %>",
-    "react": "<%= reactVersion %>",
-    "react-dom": "<%= reactDomVersion %>"
-  },
-  "devDependencies": {
-    "@remix-run/dev": "<%= remixVersion %>",
-    "@types/react": "<%= typesReactVersion %>",
-    "@types/react-dom": "<%= typesReactDomVersion %>"
-  },
-  "sideEffects": false
-}