@nx/remix 22.7.0-beta.5 → 22.7.0-beta.6

package/src/generators/error-boundary/__snapshots__/error-boundary.impl.spec.ts.snap

@@ -1,31 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`ErrorBoundary --apiVersion=2 should correctly add the ErrorBoundary to the route file 1`] = `
-"import { useRouteError, isRouteErrorResponse } from '@remix-run/react';
-export function ErrorBoundary() {
-  const error = useRouteError();
-
-  // when true, this is what used to go to 'CatchBoundary'
-  if (isRouteErrorResponse(error)) {
-    return (
-      <div>
-        <h1>Oops</h1>
-        <p>Status: {error.status}</p>
-        <p>{error.data.message}</p>
-      </div>
-    );
-  } else if (error instanceof Error) {
-    return (
-      <div>
-        <h1>Error</h1>
-        <p>{error.message}</p>
-        <p>The stack trace is:</p>
-        <pre>{error.stack}</pre>
-      </div>
-    );
-  } else {
-    return <h1>Unknown Error</h1>;
-  }
-}
-"
-`;

package/src/generators/library/__snapshots__/library.impl.spec.ts.snap

@@ -1,51 +0,0 @@
-// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
-
-exports[`Remix Library Generator --unitTestRunner should create the correct config files for testing with jest 1`] = `
-"module.exports = {
-  setupFilesAfterEnv: ['./src/test-setup.ts'],
-  displayName: 'test',
-  preset: '../jest.preset.js',
-  transform: {
-    '^(?!.*\\\\.(js|jsx|ts|tsx|css|json)$)': '@nx/react/plugins/jest',
-    '^.+\\\\.[tj]sx?$': ['babel-jest', { presets: ['@nx/react/babel'] }],
-  },
-  moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx'],
-  coverageDirectory: '../coverage/test',
-};
-"
-`;
-
-exports[`Remix Library Generator --unitTestRunner should create the correct config files for testing with jest 2`] = `
-"import { installGlobals } from '@remix-run/node';
-import '@testing-library/jest-dom/matchers';
-installGlobals();
-"
-`;
-
-exports[`Remix Library Generator --unitTestRunner should create the correct config files for testing with vitest 1`] = `null`;
-
-exports[`Remix Library Generator --unitTestRunner should create the correct config files for testing with vitest 2`] = `
-"import { installGlobals } from '@remix-run/node';
-import '@testing-library/jest-dom/matchers';
-installGlobals();
-"
-`;
-
-exports[`Remix Library Generator should generate a library correctly 1`] = `
-[
-  "test.module.css",
-  "test.spec.tsx",
-  "test.tsx",
-]
-`;
-
-exports[`Remix Library Generator should generate a library correctly 2`] = `
-{
-  "@proj/test": [
-    "test/src/index.ts",
-  ],
-  "@proj/test/server": [
-    "test/src/server.ts",
-  ],
-}
-`;

package/src/generators/resource-route/__snapshots__/resource-route.impl.spec.ts.snap

@@ -1,5 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`resource route should error if it detects a possible missing route param because of un-escaped dollar sign 1`] = `[Error: Your route path has an indicator of an un-escaped dollar sign for a route param. If this was intended, include the --skipChecks flag.]`;
-
-exports[`resource route should error if it detects a possible missing route param because of un-escaped dollar sign 3`] = `[Error: Your route path has an indicator of an un-escaped dollar sign for a route param. If this was intended, include the --skipChecks flag.]`;

package/src/generators/route/__snapshots__/route.impl.spec.ts.snap

@@ -1,48 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`route should add route component 1`] = `
-"import { useLoaderData, useActionData } from '@remix-run/react';
-import { json } from '@remix-run/node';
-import type {
-  LoaderFunctionArgs,
-  MetaFunction,
-  ActionFunctionArgs,
-  LinksFunction,
-} from '@remix-run/node';
-
-import stylesUrl from '../../../styles/path/to/example.css';
-
-export const links: LinksFunction = () => {
-  return [{ rel: 'stylesheet', href: stylesUrl }];
-};
-
-export const action = async ({ request }: ActionFunctionArgs) => {
-  let formData = await request.formData();
-
-  return json({ message: formData.toString() }, { status: 200 });
-};
-
-export const meta: MetaFunction = () => {
-  return [{ title: 'Example Route' }];
-};
-
-export const loader = async ({ request }: LoaderFunctionArgs) => {
-  return json({
-    message: 'Hello, world!',
-  });
-};
-
-export default function Example() {
-  const actionMessage = useActionData<typeof action>();
-  const data = useLoaderData<typeof loader>();
-
-  return <p>Message: {data.message}</p>;
-}
-"
-`;
-
-exports[`route should error if it detects a possible missing route param because of un-escaped dollar sign 1`] = `[Error: Your route path has an indicator of an un-escaped dollar sign for a route param. If this was intended, include the --skipChecks flag.]`;
-
-exports[`route should error if it detects a possible missing route param because of un-escaped dollar sign 2`] = `[Error: Your route path has an indicator of an un-escaped dollar sign for a route param. If this was intended, include the --skipChecks flag.]`;
-
-exports[`route should error if it detects a possible missing route param because of un-escaped dollar sign 3`] = `[Error: Your route path has an indicator of an un-escaped dollar sign for a route param. If this was intended, include the --skipChecks flag.]`;

package/src/generators/setup-tailwind/__snapshots__/setup-tailwind.impl.spec.ts.snap

@@ -1,89 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`setup-tailwind generator should add a tailwind config to an application correctly 1`] = `
-"import type { Config } from 'tailwindcss';
-import { createGlobPatternsForDependencies } from '@nx/react/tailwind';
-
-export default {
-  content: [
-    './app/**/*.{js,jsx,ts,tsx}',
-    ...createGlobPatternsForDependencies(__dirname),
-  ],
-  theme: {
-    extend: {},
-  },
-  plugins: [],
-} satisfies Config;
-"
-`;
-
-exports[`setup-tailwind generator should add a tailwind config to an application correctly 2`] = `
-"export default {
-  plugins: {
-    tailwindcss: {},
-    autoprefixer: {},
-  },
-};
-"
-`;
-
-exports[`setup-tailwind generator should add a tailwind config to an application correctly 3`] = `
-"@tailwind base;
-@tailwind components;
-@tailwind utilities;
-"
-`;
-
-exports[`setup-tailwind generator should add a tailwind config to an application correctly 4`] = `
-"import {
-  Links,
-  Meta,
-  Outlet,
-  Scripts,
-  ScrollRestoration,
-} from '@remix-run/react';
-import type { MetaFunction, LinksFunction } from '@remix-run/node';
-import './tailwind.css';
-
-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/src/generators/storybook-configuration/__snapshots__/storybook-configuration.impl.spec.ts.snap

@@ -1,113 +0,0 @@
-// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
-
-exports[`Storybook Configuration it should create a storybook configuration and use react-vite framework with testing framework jest 1`] = `
-"/// <reference types="vitest" />
-import { defineConfig } from 'vite';
-import react from '@vitejs/plugin-react';
-import viteTsConfigPaths from 'vite-tsconfig-paths';
-
-export default defineConfig({
-  cacheDir: '../../node_modules/.vite/storybook/libs/storybook-test',
-
-  plugins: [
-    react(),
-    viteTsConfigPaths({
-      root: '../../../',
-    }),
-  ],
-});
-"
-`;
-
-exports[`Storybook Configuration it should create a storybook configuration and use react-vite framework with testing framework jest 2`] = `
-"import type { StorybookConfig } from '@storybook/react-vite';
-
-const config: StorybookConfig = {
-  stories: ['../src/lib/**/*.@(mdx|stories.@(js|jsx|ts|tsx))'],
-  addons: [],
-  framework: {
-    name: '@storybook/react-vite',
-    options: {
-      builder: {
-        viteConfigPath: 'vite.config.ts',
-      },
-    },
-  },
-};
-
-export default config;
-
-// To customize your Vite configuration you can use the viteFinal field.
-// Check https://storybook.js.org/docs/react/builders/vite#configuration
-// and https://nx.dev/recipes/storybook/custom-builder-configs
-"
-`;
-
-exports[`Storybook Configuration it should create a storybook configuration and use react-vite framework with testing framework none 1`] = `
-"/// <reference types="vitest" />
-import { defineConfig } from 'vite';
-import react from '@vitejs/plugin-react';
-import viteTsConfigPaths from 'vite-tsconfig-paths';
-
-export default defineConfig({
-  cacheDir: '../../node_modules/.vite/storybook/libs/storybook-test',
-
-  plugins: [
-    react(),
-    viteTsConfigPaths({
-      root: '../../../',
-    }),
-  ],
-});
-"
-`;
-
-exports[`Storybook Configuration it should create a storybook configuration and use react-vite framework with testing framework none 2`] = `
-"import type { StorybookConfig } from '@storybook/react-vite';
-
-const config: StorybookConfig = {
-  stories: ['../src/lib/**/*.@(mdx|stories.@(js|jsx|ts|tsx))'],
-  addons: [],
-  framework: {
-    name: '@storybook/react-vite',
-    options: {
-      builder: {
-        viteConfigPath: 'vite.config.ts',
-      },
-    },
-  },
-};
-
-export default config;
-
-// To customize your Vite configuration you can use the viteFinal field.
-// Check https://storybook.js.org/docs/react/builders/vite#configuration
-// and https://nx.dev/recipes/storybook/custom-builder-configs
-"
-`;
-
-exports[`Storybook Configuration it should create a storybook configuration and use react-vite framework with testing framework vitest 1`] = `null`;
-
-exports[`Storybook Configuration it should create a storybook configuration and use react-vite framework with testing framework vitest 2`] = `
-"import type { StorybookConfig } from '@storybook/react-vite';
-
-const config: StorybookConfig = {
-  stories: ['../src/lib/**/*.@(mdx|stories.@(js|jsx|ts|tsx))'],
-  addons: [],
-  framework: {
-    name: '@storybook/react-vite',
-    options: {
-      builder: {
-        viteConfigPath: 'vite.config.mts',
-      },
-    },
-  },
-};
-
-export default config;
-
-// To customize your Vite configuration you can use the viteFinal field.
-// Check https://storybook.js.org/docs/react/builders/vite#configuration
-// and https://nx.dev/recipes/storybook/custom-builder-configs
-"
-`;