jacob-ebey

import * as React from "react";
// @ts-ignore
import * as ReactDOM from "#react-dom-server-implementation";
// @ts-ignore
import * as ReactDOMClient from "#react-server-dom-client-implementation";

export async function fetch(
	request: Request,
	{
		browserEntry,

jacob-ebey

import { createHash } from "crypto";
import fs from "fs";
import fsp from "fs/promises";
import path from "path";
import https from "https";
import { PassThrough } from "stream";
import type { Readable } from "stream";
import type { LoaderFunction } from "remix";
import sharp from "sharp";
import type { Request as NodeRequest } from "@remix-run/node";

jacob-ebey

1:I["rsc/remote/client/_example_consumer:./__/__/framework/dist/framework.client.js#OutletProvider",["rsc/remote/client/_example_consumer:./__/__/framework/dist/framework.client.js#OutletProvider"],"OutletProvider"]
2:I["rsc/remote/client/_example_consumer:./app/components/counter.tsx#Counter",["rsc/remote/client/_example_consumer:./app/components/counter.tsx#Counter"],"Counter"]
5:I["rsc/remote/client/_example_consumer:./__/__/framework/dist/framework.client.js#Outlet",["rsc/remote/client/_example_consumer:./__/__/framework/dist/framework.client.js#Outlet"],"Outlet"]
0:["$","$L1",null,{"outlets":{"_example_consumer/_public._index":[["$","h1",null,{"children":"Hello Index"}],["$","$L2",null,{}],["$","div",null,{"style":{"backgroundColor":"red","color":"black","padding":"1rem"},"children":"$L3"}]],"_example_consumer/_public":"$L4"},"children":["$","$L5","_example_consumer/_public",{"id":"_example_consumer/_public"}]}]
6:I["rsc/remote/client/_example_consumer:./__/__/framework/dist/framework.client.js#StreamRea

jacob-ebey

import { describe, it, expect } from "vitest";

import { routesFromGlob, type RoutesFromGlob } from "./routes";

describe("routesFromGlob", () => {
  it("correctly transforms routes", () => {
    let routes = {
      "./routes/_index/route.tsx": () => "Index Route",
      "./routes/single/route.tsx": () => "Single Route",
      "./routes/$param/route.tsx": () => "Param Route",

jacob-ebey

import { createBrowserRouter, RouterProvider } from "react-router-dom";

import { globRoutes } from "@/lib/routes";

const router = createBrowserRouter(
  globRoutes(import.meta.glob("./routes/**/route.tsx"))
);

function App() {
  return <RouterProvider router={router} />;

jacob-ebey

function getIsLiked(viewerId, entityId) {
  // hit a database or something
}

function toggleLikeStatus(viewerId, entityId) {
  // hit a database or something
  return !currentStatus;
}

jacob-ebey

const fs = require("node:fs");

const { createRequestHandler } = require("@remix-run/express");
const { broadcastDevReady, installGlobals } = require("@remix-run/node");
const compression = require("compression");
const express = require("express");
const morgan = require("morgan");
const sourceMapSupport = require("source-map-support");

sourceMapSupport.install();

jacob-ebey

export function createDevMiddleware(pathname: string) {
  return {
    hmr(request: Request) {
      return new Response(
        new ReadableStream({
          start(controller) {
            controller.enqueue(
              `id:0\nevent: message\ndata: ${JSON.stringify({
                type: "connected",
              })}\n\n`

jacob-ebey

import * as React from "react";
import { useNavigate, useSubmit } from "@remix-run/react";

export function useEventDelegation() {
  const navigate = useNavigate();
  const submit = useSubmit();
  React.useEffect(() => {
    const handleClick = (e: MouseEvent) => {
      const target = e.target as HTMLElement;
      if (

jacob-ebey

import { readFile } from 'node:fs/promises'
import * as path from 'node:path'
import { type LoadHook, type ResolveHook, type ResolveHookContext } from 'node:module'
import { fileURLToPath } from 'node:url'

import * as oxy from '@oxidation-compiler/napi'

import type { ModuleExport } from './module-info.js'

import * as clientTransforms from './transform-client.js'