@cedarjs/web 0.0.4

package/dist/server/MiddlewareRequest.d.ts

@@ -0,0 +1,28 @@
+import { Request as WhatWgRequest } from '@whatwg-node/fetch';
+import type { ServerAuthState } from '@cedarjs/auth/dist/AuthProvider/ServerAuthProvider.js';
+import { CookieJar } from '@cedarjs/cookie-jar';
+declare class AuthStateJar {
+    private _data;
+    private _initialState;
+    constructor(initialState: ServerAuthState);
+    /**
+     * Always returns the server auth state, even if its set to null,
+     * it'll fall back to the initial state (created when mwReq is initialized)
+     */
+    get(): ServerAuthState;
+    set(value: ServerAuthState | null): void;
+    clear(): void;
+}
+export declare class MiddlewareRequest extends WhatWgRequest {
+    cookies: CookieJar;
+    serverAuthState: AuthStateJar;
+    constructor(input: Request);
+}
+/**
+ * Converts a Web API Request object to a MiddlewareRequest object.
+ * Also ensures that serverAuthState is fresh for each request
+ * (assuming that it is a new instance for each request)
+ */
+export declare const createMiddlewareRequest: (req: Request) => MiddlewareRequest;
+export {};
+//# sourceMappingURL=MiddlewareRequest.d.ts.map

package/dist/server/MiddlewareRequest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MiddlewareRequest.d.ts","sourceRoot":"","sources":["../../src/server/MiddlewareRequest.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAG7D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uDAAuD,CAAA;AAC5F,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAE/C,cAAM,YAAY;IAChB,OAAO,CAAC,KAAK,CAAwB;IACrC,OAAO,CAAC,aAAa,CAAiB;gBAE1B,YAAY,EAAE,eAAe;IAKzC;;;OAGG;IACH,GAAG;IAIH,GAAG,CAAC,KAAK,EAAE,eAAe,GAAG,IAAI;IAIjC,KAAK;CAGN;AAED,qBAAa,iBAAkB,SAAQ,aAAa;IAClD,OAAO,EAAE,SAAS,CAAA;IAClB,eAAe,EAAE,YAAY,CAAA;gBAEjB,KAAK,EAAE,OAAO;CAY3B;AAED;;;;GAIG;AACH,eAAO,MAAM,uBAAuB,QAAS,OAAO,sBAGnD,CAAA"}

package/dist/server/MiddlewareRequest.js

@@ -0,0 +1,46 @@
+import { Request as WhatWgRequest } from "@whatwg-node/fetch";
+import { middlewareDefaultAuthProviderState } from "@cedarjs/auth/dist/AuthProvider/AuthProviderState.js";
+import { CookieJar } from "@cedarjs/cookie-jar";
+class AuthStateJar {
+  _data;
+  _initialState;
+  constructor(initialState) {
+    this._data = initialState;
+    this._initialState = initialState;
+  }
+  /**
+   * Always returns the server auth state, even if its set to null,
+   * it'll fall back to the initial state (created when mwReq is initialized)
+   */
+  get() {
+    return this._data || this._initialState;
+  }
+  set(value) {
+    this._data = value;
+  }
+  clear() {
+    this._data = null;
+  }
+}
+class MiddlewareRequest extends WhatWgRequest {
+  cookies;
+  serverAuthState;
+  constructor(input) {
+    super(input);
+    const defaultServerAuthState = {
+      ...middlewareDefaultAuthProviderState,
+      cookieHeader: input.headers.get("Cookie"),
+      roles: []
+    };
+    this.cookies = new CookieJar(input.headers.get("Cookie"));
+    this.serverAuthState = new AuthStateJar(defaultServerAuthState);
+  }
+}
+const createMiddlewareRequest = (req) => {
+  const middlewareRequest = new MiddlewareRequest(req);
+  return middlewareRequest;
+};
+export {
+  MiddlewareRequest,
+  createMiddlewareRequest
+};

package/dist/server/MiddlewareResponse.d.ts

@@ -0,0 +1,44 @@
+import { CookieJar } from '@cedarjs/cookie-jar';
+export declare class MiddlewareShortCircuit extends Error {
+    mwResponse: MiddlewareResponse;
+    constructor(body?: BodyInit | null, responseInit?: ResponseInit);
+}
+/**
+ * This is actually a Response builder class
+ * After setting all the required properties, we can call `build` to get a Web
+ * API Response object
+ */
+export declare class MiddlewareResponse {
+    cookies: CookieJar;
+    headers: Headers;
+    body: BodyInit | null | undefined;
+    status: number;
+    statusText: string | undefined;
+    constructor(body?: BodyInit | null, init?: ResponseInit);
+    static fromResponse: (res: Response) => MiddlewareResponse;
+    /**
+     *
+     * Short circuit the middleware chain and return early.
+     * This will skip all the remaining middleware and return the response immediately.
+     *
+     * @returns MiddlewareResponse
+     */
+    shortCircuit: (body?: BodyInit | null, init?: ResponseInit) => never;
+    /**
+     * Skip the current middleware and move to the next one.
+     * Careful: It creates a new Response, so any middleware that modifies the
+     * response before the current one will be lost.
+     * @returns MiddlewareResponse
+     */
+    static next: () => MiddlewareResponse;
+    /**
+     * Return a MiddlewareResponse object that will redirect the client to the
+     * specified location
+     *
+     * @returns MiddlewareResponse
+     */
+    static redirect: (location: string, type?: "permanent" | "temporary") => MiddlewareResponse;
+    isRedirect: () => boolean;
+    toResponse: () => Response;
+}
+//# sourceMappingURL=MiddlewareResponse.d.ts.map

package/dist/server/MiddlewareResponse.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MiddlewareResponse.d.ts","sourceRoot":"","sources":["../../src/server/MiddlewareResponse.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAE/C,qBAAa,sBAAuB,SAAQ,KAAK;IAC/C,UAAU,EAAE,kBAAkB,CAAA;gBAElB,IAAI,CAAC,EAAE,QAAQ,GAAG,IAAI,EAAE,YAAY,CAAC,EAAE,YAAY;CAKhE;AAED;;;;GAIG;AACH,qBAAa,kBAAkB;IAC7B,OAAO,YAAkB;IACzB,OAAO,UAAgB;IACvB,IAAI,EAAE,QAAQ,GAAG,IAAI,GAAG,SAAS,CAAA;IACjC,MAAM,SAAM;IACZ,UAAU,EAAE,MAAM,GAAG,SAAS,CAAA;gBAElB,IAAI,CAAC,EAAE,QAAQ,GAAG,IAAI,EAAE,IAAI,CAAC,EAAE,YAAY;IAOvD,MAAM,CAAC,YAAY,QAAS,QAAQ,wBAMnC;IAED;;;;;;OAMG;IACH,YAAY,UAAW,QAAQ,GAAG,IAAI,SAAS,YAAY,WAgB1D;IAED;;;;;OAKG;IACH,MAAM,CAAC,IAAI,2BAEV;IAED;;;;;OAKG;IACH,MAAM,CAAC,QAAQ,aACH,MAAM,SACV,WAAW,GAAG,WAAW,wBAOhC;IAED,UAAU,gBAET;IAED,UAAU,iBAaT;CACF"}

package/dist/server/MiddlewareResponse.js

@@ -0,0 +1,95 @@
+import { Response as PonyResponse } from "@whatwg-node/fetch";
+import cookie from "cookie";
+import { CookieJar } from "@cedarjs/cookie-jar";
+class MiddlewareShortCircuit extends Error {
+  mwResponse;
+  constructor(body, responseInit) {
+    super("Short circuit. Skipping all middleware, and returning early");
+    this.name = "MiddlewareShortCircuit";
+    this.mwResponse = new MiddlewareResponse(body, responseInit);
+  }
+}
+class MiddlewareResponse {
+  cookies = new CookieJar();
+  headers = new Headers();
+  body;
+  status = 200;
+  statusText;
+  constructor(body, init) {
+    this.body = body;
+    this.headers = new Headers(init?.headers);
+    this.status = init?.status || 200;
+    this.statusText = init?.statusText;
+  }
+  static fromResponse = (res) => {
+    return new MiddlewareResponse(res.body, {
+      headers: res.headers,
+      status: res.status,
+      statusText: res.statusText
+    });
+  };
+  /**
+   *
+   * Short circuit the middleware chain and return early.
+   * This will skip all the remaining middleware and return the response immediately.
+   *
+   * @returns MiddlewareResponse
+   */
+  shortCircuit = (body, init) => {
+    for (const [ckName, ckParams] of this.cookies) {
+      this.headers.append(
+        "Set-Cookie",
+        cookie.serialize(ckName, ckParams.value, ckParams.options)
+      );
+    }
+    throw new MiddlewareShortCircuit(
+      body || this.body,
+      init || {
+        headers: this.headers,
+        status: this.status,
+        statusText: this.statusText
+      }
+    );
+  };
+  /**
+   * Skip the current middleware and move to the next one.
+   * Careful: It creates a new Response, so any middleware that modifies the
+   * response before the current one will be lost.
+   * @returns MiddlewareResponse
+   */
+  static next = () => {
+    return new MiddlewareResponse();
+  };
+  /**
+   * Return a MiddlewareResponse object that will redirect the client to the
+   * specified location
+   *
+   * @returns MiddlewareResponse
+   */
+  static redirect = (location, type = "temporary") => {
+    const res = new MiddlewareResponse();
+    res.headers.set("Location", location);
+    res.status = type === "permanent" ? 301 : 302;
+    return res;
+  };
+  isRedirect = () => {
+    return this.status === 301 || this.status === 302;
+  };
+  toResponse = () => {
+    for (const [ckName, ckParams] of this.cookies) {
+      this.headers.append(
+        "Set-Cookie",
+        cookie.serialize(ckName, ckParams.value, ckParams.options)
+      );
+    }
+    return new PonyResponse(this.body, {
+      headers: this.headers,
+      status: this.status,
+      statusText: this.statusText
+    });
+  };
+}
+export {
+  MiddlewareResponse,
+  MiddlewareShortCircuit
+};

package/dist/server/middleware.d.ts

@@ -0,0 +1,17 @@
+import type { ViteDevServer } from 'vite';
+import type { RWRouteManifestItem } from '@cedarjs/internal/dist/routes.js';
+import type { MiddlewareRequest } from './MiddlewareRequest.js';
+import type { MiddlewareResponse } from './MiddlewareResponse.js';
+export * from './MiddlewareRequest.js';
+export * from './MiddlewareResponse.js';
+export type MiddlewareInvokeOptions = {
+    route?: RWRouteManifestItem;
+    cssPaths?: string[];
+    params?: Record<string, unknown>;
+    viteDevServer?: ViteDevServer;
+};
+export type Middleware = (req: MiddlewareRequest, res: MiddlewareResponse, options?: MiddlewareInvokeOptions) => Promise<MiddlewareResponse> | MiddlewareResponse | void;
+export interface MiddlewareClass {
+    invoke: Middleware;
+}
+//# sourceMappingURL=middleware.d.ts.map

package/dist/server/middleware.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"middleware.d.ts","sourceRoot":"","sources":["../../src/server/middleware.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,MAAM,CAAA;AAIzC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAA;AAE3E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAC/D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAA;AAEjE,cAAc,wBAAwB,CAAA;AACtC,cAAc,yBAAyB,CAAA;AAEvC,MAAM,MAAM,uBAAuB,GAAG;IACpC,KAAK,CAAC,EAAE,mBAAmB,CAAA;IAC3B,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAA;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAChC,aAAa,CAAC,EAAE,aAAa,CAAA;CAC9B,CAAA;AAED,MAAM,MAAM,UAAU,GAAG,CACvB,GAAG,EAAE,iBAAiB,EACtB,GAAG,EAAE,kBAAkB,EACvB,OAAO,CAAC,EAAE,uBAAuB,KAC9B,OAAO,CAAC,kBAAkB,CAAC,GAAG,kBAAkB,GAAG,IAAI,CAAA;AAE5D,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,UAAU,CAAA;CACnB"}

package/dist/server/middleware.js

@@ -0,0 +1,2 @@
+export * from "./MiddlewareRequest.js";
+export * from "./MiddlewareResponse.js";

package/dist/server/request.d.ts

@@ -0,0 +1,2 @@
+export { getRequestCookies, getRequestHeaders, getLocation, getAuthState, } from '@cedarjs/server-store';
+//# sourceMappingURL=request.d.ts.map

package/dist/server/request.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"request.d.ts","sourceRoot":"","sources":["../../src/server/request.ts"],"names":[],"mappings":"AAOA,OAAO,EACL,iBAAiB,EACjB,iBAAiB,EACjB,WAAW,EACX,YAAY,GACb,MAAM,uBAAuB,CAAA"}

package/dist/server/request.js

@@ -0,0 +1,12 @@
+import {
+  getRequestCookies,
+  getRequestHeaders,
+  getLocation,
+  getAuthState
+} from "@cedarjs/server-store";
+export {
+  getAuthState,
+  getLocation,
+  getRequestCookies,
+  getRequestHeaders
+};

package/dist/streamUtils/useDocumentReady.d.ts

@@ -0,0 +1,11 @@
+/**
+ *
+ * Use this hook to run a function when the document is ready.
+ *
+ * Useful to run things on ~first~ hard render only. Note that this will not fire on soft renders
+ *
+ * @param callback Any function you want to run, when document is ready
+ * @returns
+ */
+export declare const useDocumentReady: (callback: () => void) => void;
+//# sourceMappingURL=useDocumentReady.d.ts.map

package/dist/streamUtils/useDocumentReady.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDocumentReady.d.ts","sourceRoot":"","sources":["../../src/streamUtils/useDocumentReady.ts"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AACH,eAAO,MAAM,gBAAgB,aAAc,MAAM,IAAI,SAepD,CAAA"}

package/dist/streamUtils/useDocumentReady.js

@@ -0,0 +1,17 @@
+import { useEffect } from "react";
+const useDocumentReady = (callback) => {
+  return useEffect(() => {
+    const handler = (_e) => {
+      if (document.readyState === "complete") {
+        callback();
+      }
+    };
+    document.addEventListener("readystatechange", handler);
+    return () => {
+      document.removeEventListener("readystatechange", handler);
+    };
+  }, [callback]);
+};
+export {
+  useDocumentReady
+};

package/dist/toast/index.d.ts

@@ -0,0 +1,3 @@
+export { default as toast } from 'react-hot-toast';
+export * from 'react-hot-toast';
+//# sourceMappingURL=index.d.ts.map

package/dist/toast/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/toast/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,iBAAiB,CAAA;AAClD,cAAc,iBAAiB,CAAA"}

package/dist/toast/index.js

@@ -0,0 +1,5 @@
+import { default as default2 } from "react-hot-toast";
+export * from "react-hot-toast";
+export {
+  default2 as toast
+};

package/package.json

@@ -0,0 +1,193 @@
+{
+  "name": "@cedarjs/web",
+  "version": "0.0.4",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/cedarjs/cedar.git",
+    "directory": "packages/web"
+  },
+  "license": "MIT",
+  "type": "module",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist/cjs/index.d.ts",
+        "default": "./dist/cjs/index.js"
+      }
+    },
+    "./serverInject": {
+      "import": {
+        "types": "./dist/components/ServerInject.d.ts",
+        "default": "./dist/components/ServerInject.js"
+      },
+      "require": {
+        "types": "./dist/cjs/components/ServerInject.d.ts",
+        "default": "./dist/cjs/components/ServerInject.js"
+      }
+    },
+    "./request": {
+      "import": {
+        "types": "./dist/server/request.d.ts",
+        "default": "./dist/server/request.js"
+      },
+      "require": {
+        "types": "./dist/cjs/server/request.d.ts",
+        "default": "./dist/cjs/server/request.js"
+      }
+    },
+    "./middleware": {
+      "import": {
+        "types": "./dist/server/middleware.d.ts",
+        "default": "./dist/server/middleware.js"
+      },
+      "require": {
+        "types": "./dist/cjs/server/middleware.d.ts",
+        "default": "./dist/cjs/server/middleware.js"
+      }
+    },
+    "./dist/server/middleware": {
+      "import": {
+        "types": "./dist/server/middleware.d.ts",
+        "default": "./dist/server/middleware.js"
+      },
+      "require": {
+        "types": "./dist/cjs/server/middleware.d.ts",
+        "default": "./dist/cjs/server/middleware.js"
+      }
+    },
+    "./dist/components/*": {
+      "require": "./dist/cjs/components/*.js",
+      "import": "./dist/components/*.js"
+    },
+    "./htmlTags": {
+      "require": "./dist/cjs/components/htmlTags.js",
+      "import": "./dist/components/htmlTags.js"
+    },
+    "./Metadata": {
+      "require": "./dist/cjs/components/Metadata.js",
+      "import": "./dist/components/Metadata.js"
+    },
+    "./dist/apollo/suspense": {
+      "require": "./dist/cjs/apollo/suspense.js",
+      "import": "./dist/apollo/suspense.js"
+    },
+    "./dist/apollo/sseLink": {
+      "require": "./dist/cjs/apollo/sseLink.js",
+      "import": "./dist/apollo/sseLink.js"
+    },
+    "./dist/graphql.js": {
+      "require": "./dist/cjs/graphql.js",
+      "import": "./dist/graphql.js"
+    },
+    "./webpackEntry": {
+      "default": "./dist/entry/index.js"
+    },
+    "./toast": {
+      "import": {
+        "types": "./dist/toast/index.d.ts",
+        "default": "./dist/toast/index.js"
+      },
+      "require": {
+        "types": "./dist/cjs/toast/index.d.ts",
+        "default": "./dist/cjs/toast/index.js"
+      }
+    },
+    "./apollo": {
+      "import": {
+        "types": "./dist/apollo/index.d.ts",
+        "default": "./dist/apollo/index.js"
+      },
+      "require": {
+        "types": "./dist/cjs/apollo/index.d.ts",
+        "default": "./dist/cjs/apollo/index.js"
+      }
+    },
+    "./forceEsmApollo": {
+      "require": "./dist/apollo/index.js",
+      "import": "./dist/apollo/index.js"
+    }
+  },
+  "main": "./dist/index.js",
+  "types": "dist/index.d.ts",
+  "bin": {
+    "cross-env": "./dist/cjs/bins/cross-env.js",
+    "msw": "./dist/cjs/bins/msw.js",
+    "redwood": "./dist/cjs/bins/redwood.js",
+    "rw": "./dist/cjs/bins/redwood.js",
+    "rwfw": "./dist/cjs/bins/rwfw.js",
+    "storybook": "./dist/cjs/bins/storybook.js",
+    "tsc": "./dist/cjs/bins/tsc.js"
+  },
+  "files": [
+    "dist",
+    "apollo",
+    "toast",
+    "src/entry"
+  ],
+  "scripts": {
+    "build": "tsx ./build.ts && yarn build:types",
+    "build:pack": "yarn pack -o cedar-web.tgz",
+    "build:types": "tsc --build --verbose ./tsconfig.build.json ./tsconfig.cjs.json",
+    "build:watch": "nodemon --watch src --ext \"js,jsx,ts,tsx\" --ignore dist --exec \"yarn build\"",
+    "check:attw": "tsx ./attw.ts",
+    "check:package": "concurrently npm:check:attw yarn:publint",
+    "prepublishOnly": "NODE_ENV=production yarn build",
+    "test": "vitest run",
+    "test:types": "tstyche",
+    "test:watch": "vitest watch"
+  },
+  "dependencies": {
+    "@apollo/client": "3.11.1",
+    "@babel/runtime-corejs3": "7.26.10",
+    "@cedarjs/auth": "0.0.4",
+    "@cedarjs/server-store": "0.0.4",
+    "@whatwg-node/fetch": "0.9.21",
+    "apollo-upload-client": "18.0.1",
+    "cookie": "0.7.2",
+    "core-js": "3.42.0",
+    "graphql": "16.9.0",
+    "graphql-sse": "2.5.3",
+    "graphql-tag": "2.12.6",
+    "react-helmet-async": "2.0.5",
+    "react-hot-toast": "2.4.1",
+    "stacktracey": "2.1.8",
+    "ts-toolbelt": "9.6.0"
+  },
+  "devDependencies": {
+    "@apollo/client-react-streaming": "0.10.0",
+    "@arethetypeswrong/cli": "0.16.4",
+    "@babel/cli": "7.26.4",
+    "@babel/core": "^7.26.10",
+    "@babel/plugin-transform-runtime": "7.26.10",
+    "@babel/runtime": "7.25.7",
+    "@cedarjs/framework-tools": "0.0.4",
+    "@cedarjs/internal": "0.0.4",
+    "@rollup/plugin-babel": "6.0.4",
+    "@testing-library/jest-dom": "6.5.0",
+    "@testing-library/react": "14.3.1",
+    "@types/apollo-upload-client": "^18",
+    "@types/react": "^18.2.55",
+    "@types/react-dom": "^18.2.19",
+    "concurrently": "8.2.2",
+    "nodemon": "3.1.9",
+    "publint": "0.3.11",
+    "react": "18.3.1",
+    "react-dom": "18.3.1",
+    "tstyche": "3.0.0",
+    "tsx": "4.19.3",
+    "typescript": "5.6.2",
+    "vitest": "2.1.9"
+  },
+  "peerDependencies": {
+    "react": "18.3.1",
+    "react-dom": "18.3.1"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "gitHead": "5b4f77f985bd86ee31ee7338312627accf0cb85b"
+}

package/src/entry/index.jsx

@@ -0,0 +1,29 @@
+import React from 'react'
+
+import { hydrateRoot, createRoot } from 'react-dom/client'
+
+import App from '~redwood-app-root'
+import Routes from '~redwood-app-routes'
+/**
+ * When `#redwood-app` isn't empty then it's very likely that you're using
+ * prerendering. So React attaches event listeners to the existing markup
+ * rather than replacing it.
+ * https://react.dev/reference/react-dom/client/hydrateRoot
+ */
+const redwoodAppElement = document.getElementById('redwood-app')
+
+if (redwoodAppElement.children?.length > 0) {
+  hydrateRoot(
+    redwoodAppElement,
+    <App>
+      <Routes />
+    </App>,
+  )
+} else {
+  const root = createRoot(redwoodAppElement)
+  root.render(
+    <App>
+      <Routes />
+    </App>,
+  )
+}

package/toast/index.js

@@ -0,0 +1,2 @@
+/* eslint-env es6, commonjs */
+module.exports = require('../dist/toast')

package/toast/package.json

@@ -0,0 +1,4 @@
+{
+  "main": "./index.js",
+  "types": "../dist/toast/index.d.ts"
+}