ui Architecture Docs
Home / File/ root.tsx — ui Source File

root.tsx — ui Source File

Architecture documentation for root.tsx, a tsx file in the ui codebase. 5 imports, 0 dependents.

File tsx FrameworkTooling SchemaValidation 5 imports 3 functions

Entity Profile

Dependency Diagram

graph LR
  0e86cacd_4691_6e72_656c_6b5f083e7293["root.tsx"]
  2f8eec76_85f2_551f_a309_77a772e3ed5e["css-bundle"]
  0e86cacd_4691_6e72_656c_6b5f083e7293 --> 2f8eec76_85f2_551f_a309_77a772e3ed5e
  ce9dd226_41a3_f031_caf3_5378288c23c1["node"]
  0e86cacd_4691_6e72_656c_6b5f083e7293 --> ce9dd226_41a3_f031_caf3_5378288c23c1
  b969017e_0ead_3c70_277e_2e4416d7a8ed["react"]
  0e86cacd_4691_6e72_656c_6b5f083e7293 --> b969017e_0ead_3c70_277e_2e4416d7a8ed
  a16e75e5_8d49_95a1_3e98_b347fb9dbfb5["session.server"]
  0e86cacd_4691_6e72_656c_6b5f083e7293 --> a16e75e5_8d49_95a1_3e98_b347fb9dbfb5
  4f5d00af_1e37_4f80_39ef_f0eaaf230bcc["tailwind.css"]
  0e86cacd_4691_6e72_656c_6b5f083e7293 --> 4f5d00af_1e37_4f80_39ef_f0eaaf230bcc
  style 0e86cacd_4691_6e72_656c_6b5f083e7293 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import { cssBundleHref } from "@remix-run/css-bundle";
import type { LinksFunction, LoaderFunctionArgs } from "@remix-run/node";
import { json } from "@remix-run/node";
import {
  Links,
  LiveReload,
  Meta,
  Outlet,
  Scripts,
  ScrollRestoration,
} from "@remix-run/react";

import { getUser } from "~/session.server";
import stylesheet from "~/tailwind.css";

export const links: LinksFunction = () => [
  { rel: "stylesheet", href: stylesheet },
  ...(cssBundleHref ? [{ rel: "stylesheet", href: cssBundleHref }] : []),
];

export const loader = async ({ request }: LoaderFunctionArgs) => {
  return json({ user: await getUser(request) });
};

export default function App() {
  return (
    <html lang="en" className="h-full">
      <head>
        <meta charSet="utf-8" />
        <meta name="viewport" content="width=device-width,initial-scale=1" />
        <Meta />
        <Links />
      </head>
      <body className="h-full">
        <Outlet />
        <ScrollRestoration />
        <Scripts />
        <LiveReload />
      </body>
    </html>
  );
}

Domain

Subdomains

Functions

Dependencies

  • css-bundle
  • node
  • react
  • session.server
  • tailwind.css

Source

Frequently Asked Questions

What does root.tsx do?
root.tsx is a source file in the ui codebase, written in tsx. It belongs to the FrameworkTooling domain, SchemaValidation subdomain.
What functions are defined in root.tsx?
root.tsx defines 3 function(s): App, links, loader.
What does root.tsx depend on?
root.tsx imports 5 module(s): css-bundle, node, react, session.server, tailwind.css.
Where is root.tsx in the architecture?
root.tsx is located at packages/shadcn/test/fixtures/frameworks/remix-indie-stack/app/root.tsx (domain: FrameworkTooling, subdomain: SchemaValidation, directory: packages/shadcn/test/fixtures/frameworks/remix-indie-stack/app).

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free