@parcel/rsc 2.16.5-canary.3498 → 3.0.0-alpha.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@parcel/rsc",
-  "version": "2.16.5-canary.3498+59484858a",
+  "version": "3.0.0-alpha.0",
   "license": "MIT",
   "publishConfig": {
     "access": "public"
@@ -14,6 +14,7 @@
     "url": "https://github.com/parcel-bundler/parcel.git"
   },
   "sideEffects": false,
+  "files": ["lib", "src"],
   "exports": {
     ".": {
       "types": "./src/ssg.d.ts"
@@ -29,6 +30,14 @@
     "./node": {
       "types": "./lib/node.d.ts",
       "default": "./src/node.tsx"
+    },
+    "./runtime/server": {
+      "source": "./src/runtime-server.js",
+      "default": "./src/runtime-server.js"
+    },
+    "./runtime/client": {
+      "source": "./src/runtime-client.js",
+      "default": "./src/runtime-client.js"
     }
   },
   "dependencies": {
@@ -43,6 +52,5 @@
   "peerDependencies": {
     "react": "^19.1.0",
     "react-dom": "^19.1.0"
-  },
-  "gitHead": "59484858a1a0bcbb71f74088956bb437a2db6505"
+  }
 }

package/src/runtime-client.js

@@ -0,0 +1,12 @@
+'use parcel-rsc-runtime';
+
+export {createServerReference} from 'react-server-dom-parcel/client';
+export {preinit} from 'react-dom';
+export {
+  createResourcesProxy,
+  modulePreloadResource,
+  scriptPreloadResource,
+  stylesheetResource,
+  waitForCSS,
+  wrapClientReferenceWithResources,
+} from './runtime-helpers';

package/src/runtime-helpers.js

@@ -0,0 +1,139 @@
+/* eslint-env browser */
+/* eslint-disable react/display-name */
+
+'use parcel-rsc-runtime';
+
+import {createElement, Fragment} from 'react';
+
+export function stylesheetResource(href) {
+  return createElement('link', {
+    rel: 'stylesheet',
+    href,
+    precedence: 'default',
+  });
+}
+
+export function modulePreloadResource(href) {
+  return createElement('link', {rel: 'modulepreload', href});
+}
+
+export function scriptPreloadResource(href) {
+  return createElement('link', {rel: 'preload', as: 'script', href});
+}
+
+export function wrapClientReferenceWithResources(Reference, resources) {
+  return props =>
+    createElement(Fragment, null, ...resources, createElement(Reference, props));
+}
+
+export function createResourcesProxy(
+  module,
+  esModule,
+  resources,
+  bootstrapScript,
+) {
+  if (typeof module === 'function') {
+    return createResourcesValueProxy(module, resources, bootstrapScript);
+  }
+
+  return new Proxy(module, {
+    get(target, prop, receiver) {
+      if (prop === '__esModule' && esModule) {
+        return true;
+      }
+      let value = Reflect.get(target, prop, receiver);
+      return createResourcesValueProxy(value, resources, bootstrapScript);
+    },
+  });
+}
+
+let cache = new WeakMap();
+function createResourcesValueProxy(value, resources, bootstrapScript) {
+  if (typeof value === 'function') {
+    let cached = cache.get(value);
+    if (cached) {
+      return cached;
+    }
+
+    // Detect reads of `Component.prototype.isReactComponent` or `Component.$$typeof`
+    // prior to the function being called as an indication that this is a React component.
+    let isReactComponent = false;
+    let prototypeProxy;
+    if (typeof value.prototype === 'object') {
+      prototypeProxy = new Proxy(value.prototype, {
+        get(target, prop, receiver) {
+          if (prop === 'isReactComponent') {
+            isReactComponent = true;
+          }
+          return Reflect.get(target, prop, receiver);
+        },
+      });
+    }
+
+    let proxy = new Proxy(value, {
+      get(target, prop, receiver) {
+        if (
+          prototypeProxy &&
+          prop === 'prototype' &&
+          Object.getOwnPropertyDescriptor(target, 'prototype').configurable
+        ) {
+          return prototypeProxy;
+        }
+
+        if (prop === '$$typeof') {
+          isReactComponent = true;
+        }
+
+        if (bootstrapScript && prop === 'bootstrapScript') {
+          return bootstrapScript;
+        }
+
+        return Reflect.get(target, prop, receiver);
+      },
+      apply(target, thisArg, args) {
+        let result = Reflect.apply(target, thisArg, args);
+        return isReactComponent
+          ? createElement(Fragment, null, ...resources, result)
+          : result;
+      },
+    });
+
+    cache.set(value, proxy);
+    return proxy;
+  } else if (value && typeof value === 'object') {
+    let cached = cache.get(value);
+    if (cached) {
+      return cached;
+    }
+
+    let proxy = new Proxy(value, {
+      get(target, prop, receiver) {
+        let value = Reflect.get(target, prop, receiver);
+        return createResourcesValueProxy(value, resources, bootstrapScript);
+      },
+    });
+
+    cache.set(value, proxy);
+    return proxy;
+  }
+
+  return value;
+}
+
+export function waitForCSS(url) {
+  return new Promise((resolve, reject) => {
+    if (typeof document === 'undefined') {
+      return resolve();
+    }
+
+    let link = document.querySelector(
+      `link[rel="stylesheet"][href="${CSS.escape(url)}"]`,
+    );
+    if (!link || link.sheet) {
+      return resolve();
+    }
+
+    link.addEventListener('load', resolve);
+    link.addEventListener('error', reject);
+  });
+}

package/src/runtime-server.js

@@ -0,0 +1,27 @@
+'use parcel-rsc-runtime';
+
+export {
+  createClientReference,
+  registerServerReference,
+  registerServerActions,
+} from 'react-server-dom-parcel/server.edge';
+export {preinit} from 'react-dom';
+export {
+  createResourcesProxy,
+  modulePreloadResource,
+  scriptPreloadResource,
+  stylesheetResource,
+  waitForCSS,
+  wrapClientReferenceWithResources,
+} from './runtime-helpers';
+
+export function ensureAsyncLocalStorage() {
+  if (typeof AsyncLocalStorage === 'undefined') {
+    try {
+      globalThis.AsyncLocalStorage =
+        require('node:async_hooks').AsyncLocalStorage;
+    } catch {
+      // The edge runtime may not provide node:async_hooks.
+    }
+  }
+}

package/LICENSE

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2017-present Devon Govett
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.

package/tsconfig.json

@@ -1,31 +0,0 @@
-{
-  "compilerOptions": {
-    /* Visit https://aka.ms/tsconfig to read more about this file */
-    "target": "ES2020",
-    "lib": ["ES2020", "DOM", "DOM.Iterable"],
-    "jsx": "react-jsx",
-    "useDefineForClassFields": true,
-
-    /* Modules */
-    "module": "ESNext",
-    "moduleResolution": "bundler",
-
-    /* Emit */
-    "noEmit": true,
-    "declaration": true,
-
-    /* Interop Constraints */
-    "isolatedModules": true,
-    "isolatedDeclarations": true,
-    "allowSyntheticDefaultImports": true,
-    "allowImportingTsExtensions": true,
-    "esModuleInterop": true,
-    "forceConsistentCasingInFileNames": true,
-
-    /* Type Checking */
-    "strict": true,
-
-    /* Completeness */
-    "skipLibCheck": true
-  }
-}

package/types.d.ts

@@ -1,81 +0,0 @@
-declare module 'react-server-dom-parcel/client' {
-  type TemporaryReferenceSet = {__ref: true};
-  type ReactCustomFormAction = {
-    name?: string;
-    action?: string;
-    encType?: string;
-    method?: string;
-    target?: string;
-    data?: null | FormData;
-  };
-  type EncodeFormActionCallback = <A>(
-    id: any,
-    args: Promise<A>,
-  ) => ReactCustomFormAction;
-  type Options = {
-    nonce?: string;
-    encodeFormAction?: EncodeFormActionCallback;
-    temporaryReferences?: TemporaryReferenceSet;
-    replayConsoleLogs?: boolean;
-    environmentName?: string;
-  };
-
-  export function createFromFetch<T>(
-    res: Promise<Response>,
-    options?: Options,
-  ): Promise<T>;
-  export function createFromReadableStream<T>(
-    stream: ReadableStream,
-    options?: Options,
-  ): Promise<T>;
-  export function encodeReply(
-    value: any,
-    options?: {
-      temporaryReferences?: TemporaryReferenceSet;
-      signal?: AbortSignal | null | undefined;
-    },
-  ): Promise<string | URLSearchParams | FormData>;
-  export function createTemporaryReferenceSet(): TemporaryReferenceSet;
-
-  type CallServerCallback = <T>(id: string, args: any[]) => Promise<T>;
-  export function setServerCallback(cb: CallServerCallback): void;
-}
-
-declare module 'react-server-dom-parcel/client.edge' {
-  export function createFromReadableStream<T>(
-    stream: ReadableStream,
-  ): Promise<T>;
-}
-
-declare module 'react-server-dom-parcel/server.edge' {
-  type TemporaryReferenceSet = {__ref: true};
-  type Options = {
-    environmentName?: string | (() => string);
-    filterStackFrame?: (url: string, functionName: string) => boolean;
-    identifierPrefix?: string;
-    signal?: AbortSignal;
-    temporaryReferences?: TemporaryReferenceSet;
-    onError?: (error: unknown) => void;
-    onPostpone?: (reason: string) => void;
-  };
-
-  export function renderToReadableStream(
-    value: any,
-    options?: Options,
-  ): ReadableStream;
-  export function loadServerAction(
-    id: string,
-  ): Promise<(...args: any[]) => Promise<any>>;
-  export function decodeReply<T>(
-    body: string | FormData,
-    options?: {temporaryReferences?: TemporaryReferenceSet},
-  ): Promise<T>;
-  export function decodeAction(
-    body: FormData,
-  ): Promise<(...args: any[]) => Promise<any>>;
-  export function createTemporaryReferenceSet(): TemporaryReferenceSet;
-}
-
-declare module 'react-dom/server.edge' {
-  export * from 'react-dom/server';
-}