Search

1,917 code results for react client side

Code
1,917

/** @jsxImportSource https://esm.sh/react@18.2.0 */
/** Client hydration entry for Landing page. All content is pre-rendered server-side. */
import { hydrateRoot } from "https://esm.sh/react-dom@18.2.0/client";
import { Landing } from "../../components/Landing.tsx";
/** @jsxImportSource https://esm.sh/react@18.2.0 */
/** SSR-friendly doc page — receives pre-rendered HTML from the server.
* No client-side markdown fetching or parsing needed. */
import { useState, useEffect, useCallback } from "https://esm.sh/react@18.2.0";
import { styled } from "../styled.ts";
c15r/sync/ssr.ts
14 matches
/** @jsxImportSource https://esm.sh/react@18.2.0 */
/** Server-side rendering utility.
*
* Renders a React component to HTML string with styled-components CSS extraction.
* Used by route handlers in main.ts / mcp/auth.ts to produce complete HTML pages.
*/
import { renderToString } from "https://esm.sh/react-dom@18.2.0/server";
StyleSheet } from "https://esm.sh/styled-components@6?deps=react@18.2.0,react-dom@18.2.0";
import type { ReactElement } from "https://esm.sh/react@18.2.0";
import { shell, type ShellOptions } from "./shell.ts";
export interface RenderPageOptions {
/** The React element to render */
element: ReactElement;
/** Path to the client hydration script (e.g. "/frontend/pages/recover/client.tsx") */
entry: string;
/** Props to serialize for client hydration */
props?: Record<string, unknown>;
/** Render a React page to a full HTML Response with SSR + styled-components CSS. */
export function renderPage(opts: RenderPageOptions): Response {
/** @jsxImportSource https://esm.sh/react@18.2.0 */
/** Client hydration entry for Landing page. All content is pre-rendered server-side. */
import { hydrateRoot } from "https://esm.sh/react-dom@18.2.0/client";
import { Landing } from "../../components/Landing.tsx";
/** @jsxImportSource https://esm.sh/react@18.2.0 */
/** SSR-friendly doc page — receives pre-rendered HTML from the server.
* No client-side markdown fetching or parsing needed. */
import { useState, useEffect, useCallback } from "https://esm.sh/react@18.2.0";
import { styled } from "../styled.ts";
c15r/sync/ssr.ts
14 matches
/** @jsxImportSource https://esm.sh/react@18.2.0 */
/** Server-side rendering utility.
*
* Renders a React component to HTML string with styled-components CSS extraction.
* Used by route handlers in main.ts / mcp/auth.ts to produce complete HTML pages.
*/
import { renderToString } from "https://esm.sh/react-dom@18.2.0/server";
StyleSheet } from "https://esm.sh/styled-components@6?deps=react@18.2.0,react-dom@18.2.0";
import type { ReactElement } from "https://esm.sh/react@18.2.0";
import { shell, type ShellOptions } from "./shell.ts";
export interface RenderPageOptions {
/** The React element to render */
element: ReactElement;
/** Path to the client hydration script (e.g. "/frontend/pages/recover/client.tsx") */
entry: string;
/** Props to serialize for client hydration */
props?: Record<string, unknown>;
/** Render a React page to a full HTML Response with SSR + styled-components CSS. */
export function renderPage(opts: RenderPageOptions): Response {
/** @jsxImportSource https://esm.sh/react@18.2.0 */
/** SSR-friendly doc page — receives pre-rendered HTML from the server.
* No client-side markdown fetching or parsing needed. */
import { useState, useEffect, useCallback } from "https://esm.sh/react@18.2.0";
import { styled } from "../styled.ts";
/** @jsxImportSource https://esm.sh/react@18.2.0 */
/** Client hydration entry for Landing page. All content is pre-rendered server-side. */
import { hydrateRoot } from "https://esm.sh/react-dom@18.2.0/client";
import { Landing } from "../../components/Landing.tsx";
/** @jsxImportSource https://esm.sh/react@18.2.0 */
/** Client hydration entry for Landing page. All content is pre-rendered server-side. */
import { hydrateRoot } from "https://esm.sh/react-dom@18.2.0/client";
import { Landing } from "../../components/Landing.tsx";
c15r/sync/ssr.ts
14 matches
/** @jsxImportSource https://esm.sh/react@18.2.0 */
/** Server-side rendering utility.
*
* Renders a React component to HTML string with styled-components CSS extraction.
* Used by route handlers in main.ts / mcp/auth.ts to produce complete HTML pages.
*/
import { renderToString } from "https://esm.sh/react-dom@18.2.0/server";
StyleSheet } from "https://esm.sh/styled-components@6?deps=react@18.2.0,react-dom@18.2.0";
import type { ReactElement } from "https://esm.sh/react@18.2.0";
import { shell, type ShellOptions } from "./shell.ts";
export interface RenderPageOptions {
/** The React element to render */
element: ReactElement;
/** Path to the client hydration script (e.g. "/frontend/pages/recover/client.tsx") */
entry: string;
/** Props to serialize for client hydration */
props?: Record<string, unknown>;
/** Render a React page to a full HTML Response with SSR + styled-components CSS. */
export function renderPage(opts: RenderPageOptions): Response {
/** @jsxImportSource https://esm.sh/react@18.2.0 */
/** SSR-friendly doc page — receives pre-rendered HTML from the server.
* No client-side markdown fetching or parsing needed. */
import { useState, useEffect, useCallback } from "https://esm.sh/react@18.2.0";
import { styled } from "../styled.ts";
/** @jsxImportSource https://esm.sh/react@18.2.0 */
/** SSR-friendly doc page — receives pre-rendered HTML from the server.
* No client-side markdown fetching or parsing needed. */
import { useState, useEffect, useCallback } from "https://esm.sh/react@18.2.0";
import { styled } from "../styled.ts";
/** @jsxImportSource https://esm.sh/react@18.2.0 */
/** Client hydration entry for Landing page. All content is pre-rendered server-side. */
import { hydrateRoot } from "https://esm.sh/react-dom@18.2.0/client";
import { Landing } from "../../components/Landing.tsx";
c15r/sync/ssr.ts
14 matches
/** @jsxImportSource https://esm.sh/react@18.2.0 */
/** Server-side rendering utility.
*
* Renders a React component to HTML string with styled-components CSS extraction.
* Used by route handlers in main.ts / mcp/auth.ts to produce complete HTML pages.
*/
import { renderToString } from "https://esm.sh/react-dom@18.2.0/server";
StyleSheet } from "https://esm.sh/styled-components@6?deps=react@18.2.0,react-dom@18.2.0";
import type { ReactElement } from "https://esm.sh/react@18.2.0";
import { shell, type ShellOptions } from "./shell.ts";
export interface RenderPageOptions {
/** The React element to render */
element: ReactElement;
/** Path to the client hydration script (e.g. "/frontend/pages/recover/client.tsx") */
entry: string;
/** Props to serialize for client hydration */
props?: Record<string, unknown>;
/** Render a React page to a full HTML Response with SSR + styled-components CSS. */
export function renderPage(opts: RenderPageOptions): Response {
c15r/sync/ssr.ts
14 matches
/** @jsxImportSource https://esm.sh/react@18.2.0 */
/** Server-side rendering utility.
*
* Renders a React component to HTML string with styled-components CSS extraction.
* Used by route handlers in main.ts / mcp/auth.ts to produce complete HTML pages.
*/
import { renderToString } from "https://esm.sh/react-dom@18.2.0/server";
StyleSheet } from "https://esm.sh/styled-components@6?deps=react@18.2.0,react-dom@18.2.0";
import type { ReactElement } from "https://esm.sh/react@18.2.0";
import { shell, type ShellOptions } from "./shell.ts";
export interface RenderPageOptions {
/** The React element to render */
element: ReactElement;
/** Path to the client hydration script (e.g. "/frontend/pages/recover/client.tsx") */
entry: string;
/** Props to serialize for client hydration */
props?: Record<string, unknown>;
/** Render a React page to a full HTML Response with SSR + styled-components CSS. */
export function renderPage(opts: RenderPageOptions): Response {