zudoku 0.0.0-ff3bc72 → 0.0.0-firebase-fixes.777fd2c0

package/src/lib/plugins/markdown/generateRoutes.tsx

@@ -1,38 +0,0 @@
-import { type RouteObject } from "react-router-dom";
-
-import {
-  MarkdownPluginDefaultOptions,
-  MarkdownPluginOptions,
-} from "./index.js";
-
-export const generateRoutes = (
-  markdownFiles: MarkdownPluginOptions["markdownFiles"],
-  filesPath: string,
-  defaultOptions?: MarkdownPluginDefaultOptions,
-): RouteObject[] =>
-  Object.entries(markdownFiles).flatMap(([file, importPromise]) => {
-    let rootDir = filesPath.split("**")[0];
-    rootDir = rootDir.replace("/**", "/");
-    const re = new RegExp(`^${rootDir}(.*).mdx?`);
-    const match = file.match(re);
-    const fsPath = match?.at(1);
-
-    if (!fsPath) return [];
-
-    return {
-      path: fsPath,
-      lazy: async () => {
-        const { MdxPage } = await import("./MdxPage.js");
-        const { default: Component, ...props } = await importPromise();
-        return {
-          element: (
-            <MdxPage
-              mdxComponent={Component}
-              {...props}
-              defaultOptions={defaultOptions}
-            />
-          ),
-        };
-      },
-    } satisfies RouteObject;
-  });

package/src/lib/plugins/openapi/Route.tsx

@@ -1,21 +0,0 @@
-import { Outlet } from "react-router-dom";
-import { OasConfigProvider } from "./context.js";
-import { OasPluginConfig } from "./interfaces.js";
-
-import { Provider, Client as UrqlClient } from "./util/urql.js";
-
-export function OpenApiRoute({
-  config,
-  client,
-}: {
-  config: OasPluginConfig;
-  client: typeof UrqlClient;
-}) {
-  return (
-    <Provider value={client}>
-      <OasConfigProvider value={{ config }}>
-        <Outlet />
-      </OasConfigProvider>
-    </Provider>
-  );
-}

package/src/lib/plugins/openapi/client/createMemoryClient.ts

@@ -1,56 +0,0 @@
-/* eslint-disable no-console */
-import {
-  cacheExchange,
-  Client,
-  fetchExchange,
-  mapExchange,
-} from "../util/urql.js";
-import { createServer } from "./createServer.js";
-import { CreateClientFunction } from "./interfaces.js";
-
-export type WorkerGraphQLMessage = { id: string; body: string };
-
-const localServer = createServer();
-
-/**
- * Creates an in memory Client that does not use Workers. This allows
- * developers to run the simple standalone version of zudoku using the CDN
- * hosted scripts. Worker's cannot be loaded cross domain so in this case
- * we sacrifice performance for making it work cross domain.
- */
-export const createClient: CreateClientFunction = () => {
-  return new Client({
-    url: "/__z/graphql",
-    // Custom fetch to send the GraphQL request to the worker and convert the response back to a `Response` object
-    fetch: async (req, init) => {
-      if (!init?.body) throw new Error("No body");
-      const response = await localServer.fetch(
-        new Request("http://localhost/__z/graphql", {
-          method: "POST",
-          body: init.body,
-          headers: {
-            "Content-Type": "application/json",
-          },
-        }),
-      );
-      return response;
-      // port.postMessage({
-      //   id: e.data.id,
-      //   body: await response.text(),
-      // } satisfies WorkerGraphQLMessage);
-    },
-    exchanges: [
-      cacheExchange,
-      mapExchange({
-        onError(error, operation) {
-          console.error(error);
-          console.groupCollapsed("Operation info");
-          console.log("body", operation.query.loc?.source.body.trim());
-          console.log("variables", operation.variables);
-          console.groupEnd();
-        },
-      }),
-      fetchExchange,
-    ],
-  });
-};

package/src/lib/plugins/openapi/client/createWorkerClient.ts

@@ -1,80 +0,0 @@
-/* eslint-disable no-console */
-import { monotonicFactory } from "ulidx";
-import { createWaitForNotify } from "../../../util/createWaitForNotify.js";
-import {
-  cacheExchange,
-  Client,
-  fetchExchange,
-  mapExchange,
-} from "../util/urql.js";
-import { createClient as createMemoryClient } from "./createMemoryClient.js";
-import { CreateClientFunction } from "./interfaces.js";
-
-export type WorkerGraphQLMessage = { id: string; body: string };
-const ulid = monotonicFactory();
-
-/**
- * This loads the client from a worker and uses mess port to send requests
- * and responses between the main thread and the worker.
- */
-export const createClient: CreateClientFunction = ({
-  useMemoryClient,
-}: {
-  useMemoryClient: boolean;
-}) => {
-  if (useMemoryClient || typeof SharedWorker === "undefined") {
-    return createMemoryClient({ useMemoryClient });
-  }
-  // NOTE: This URL needs to be inline with the SharedWorker otherwse
-  // vite build does not recognize the worker file as a module.
-  const worker = new SharedWorker(new URL("./worker.ts", import.meta.url), {
-    type: "module",
-  });
-
-  worker.onerror = (e) => {
-    console.error(e);
-  };
-
-  worker.port.start();
-
-  const [waitFor, notify] = createWaitForNotify<string>();
-
-  worker.port.onmessage = (e: MessageEvent<WorkerGraphQLMessage>) => {
-    notify(e.data.id, e.data.body);
-  };
-
-  return new Client({
-    url: "/__z/graphql",
-    // Custom fetch to send the GraphQL request to the worker and convert the response back to a `Response` object
-    fetch: async (_req, init) => {
-      if (!init?.body) throw new Error("No body");
-
-      const id = ulid();
-      worker.port.postMessage({
-        id,
-        body: init.body as string,
-      } satisfies WorkerGraphQLMessage);
-
-      const body = await waitFor(id);
-
-      return new Response(body, {
-        headers: {
-          "Content-Type": "application/json",
-        },
-      });
-    },
-    exchanges: [
-      cacheExchange,
-      mapExchange({
-        onError(error, operation) {
-          console.error(error);
-          console.groupCollapsed("Operation info");
-          console.log("body", operation.query.loc?.source.body.trim());
-          console.log("variables", operation.variables);
-          console.groupEnd();
-        },
-      }),
-      fetchExchange,
-    ],
-  });
-};

package/src/lib/plugins/openapi/client/interfaces.ts

@@ -1,5 +0,0 @@
-import { Client } from "urql";
-
-export type CreateClientFunction = (config: {
-  useMemoryClient: boolean;
-}) => Client;

package/src/lib/plugins/openapi/client/worker.ts

@@ -1,30 +0,0 @@
-import { createServer } from "./createServer.js";
-import { type WorkerGraphQLMessage } from "./createWorkerClient.js";
-
-const localServer = createServer();
-
-const worker = self as unknown as SharedWorkerGlobalScope;
-
-worker.addEventListener(
-  "connect",
-  function (event: MessageEvent<{ id: string; body: string }>) {
-    const port = event.ports[0];
-
-    port.onmessage = async function (e) {
-      const response = await localServer.fetch(
-        new Request("/__z/graphql", {
-          method: "POST",
-          body: e.data.body,
-          headers: {
-            "Content-Type": "application/json",
-          },
-        }),
-      );
-
-      port.postMessage({
-        id: e.data.id,
-        body: await response.text(),
-      } satisfies WorkerGraphQLMessage);
-    };
-  },
-);

package/src/lib/plugins/openapi/playground/Editor.tsx

@@ -1,4 +0,0 @@
-export const Editor = () => {
-  // const XoXo = lazy(() => import("@monaco-editor/react"));
-  // return <XoXo />;
-};

package/src/lib/plugins/openapi/playground/InlineInput.tsx

@@ -1,6 +0,0 @@
-import createVariantComponent from "../../../util/createVariantComponent.js";
-
-export const InlineInput = createVariantComponent(
-  "input",
-  "px-2 bg-transparent h-6 font-mono text-xs m-2",
-);

package/src/lib/plugins/openapi/playground/ResponseTab.tsx

@@ -1,76 +0,0 @@
-import { useState } from "react";
-import { SyntaxHighlight } from "../../../components/SyntaxHighlight.js";
-import { Card } from "../../../ui/Card.js";
-import { SimpleSelect } from "../SimpleSelect.js";
-
-const mimeTypeToLanguage = (mimeType: string) => {
-  const mimeTypeMapping = {
-    "application/json": "json",
-    "text/json": "json",
-    "text/html": "html",
-    "text/css": "css",
-    "text/javascript": "javascript",
-    "application/xml": "xml",
-    "application/xhtml+xml": "xhtml",
-  };
-
-  return Object.entries(mimeTypeMapping).find(([mime]) =>
-    mimeType.includes(mime),
-  )?.[1];
-};
-
-const detectLanguage = (headers: Headers) => {
-  const contentType = headers.get("Content-Type") || "";
-  return mimeTypeToLanguage(contentType);
-};
-
-const tryParseJson = (body: string) => {
-  try {
-    return JSON.stringify(JSON.parse(body), null, 2);
-  } catch {
-    return null;
-  }
-};
-
-export const ResponseTab = ({
-  body = "",
-  headers,
-}: {
-  body?: string;
-  headers: Headers;
-}) => {
-  const detectedLanguage = detectLanguage(headers);
-  const jsonContent = tryParseJson(body);
-  const beautifiedBody = jsonContent || body;
-  const [view, setView] = useState<"formatted" | "raw">(
-    jsonContent ? "formatted" : "raw",
-  );
-
-  return (
-    <div className="flex flex-col gap-2">
-      <Card className="shadow-none">
-        <SyntaxHighlight
-          language={
-            view === "raw" ? (jsonContent ? "plain" : detectedLanguage) : "json"
-          }
-          noBackground
-          // playground dialog has h-5/6 ≈ 83.333vh
-          className="overflow-x-auto p-4 text-xs max-h-[calc(83.333vh-180px)]"
-          code={view === "raw" ? body : beautifiedBody}
-        />
-      </Card>
-      {jsonContent && (
-        <div className="flex justify-end">
-          <SimpleSelect
-            value={view}
-            onChange={(e) => setView(e.target.value as "formatted" | "raw")}
-            options={[
-              { value: "formatted", label: "Formatted" },
-              { value: "raw", label: "Raw" },
-            ]}
-          />
-        </div>
-      )}
-    </div>
-  );
-};

package/src/lib/plugins/openapi/playground/UrlDisplay.tsx

@@ -1,32 +0,0 @@
-import { useFormContext } from "react-hook-form";
-import type { PlaygroundForm } from "./Playground.js";
-
-export const UrlDisplay = ({ host, path }: { host: string; path: string }) => {
-  const { watch } = useFormContext<PlaygroundForm>();
-  const data = watch();
-  const url = new URL(
-    host +
-      path
-        .split("/")
-        .map((v) =>
-          v.startsWith("{") && v.endsWith("}")
-            ? (data.pathParams.find((part) => part.name === v.slice(1, -1))
-                ?.value ?? v)
-            : v,
-        )
-        .join("/"),
-  );
-
-  data.queryParams.forEach((param) => {
-    if (!param.value) {
-      return;
-    }
-    url.searchParams.set(param.name, param.value);
-  });
-
-  return (
-    <div className="overflow-auto font-mono whitespace-nowrap">
-      {url.toString()}
-    </div>
-  );
-};

package/src/lib/plugins/openapi/schema/LogicalGroup/LogicalGroup.tsx

@@ -1,47 +0,0 @@
-import * as Collapsible from "@radix-ui/react-collapsible";
-import { SquareMinusIcon, SquarePlusIcon } from "lucide-react";
-import type { SchemaObject } from "../../../../oas/parser/index.js";
-import { Card } from "../../../../ui/Card.js";
-import type { LogicalGroupType } from "../utils.js";
-import { LogicalGroupItem } from "./LogicalGroupItem.js";
-
-const typeLabel = {
-  AND: "All of",
-  OR: "Any of",
-  ONE: "One of",
-};
-
-export const LogicalGroup = ({
-  schemas,
-  type,
-  isOpen,
-  level,
-  toggleOpen,
-}: {
-  schemas: SchemaObject[];
-  type: LogicalGroupType;
-  isOpen: boolean;
-  toggleOpen: () => void;
-  level: number;
-}) => (
-  <Collapsible.Root open={isOpen} onOpenChange={toggleOpen} asChild>
-    <Card className="px-6">
-      <Collapsible.Trigger className="flex gap-2 items-center py-2 w-full text-sm text-muted-foreground -translate-x-1.5">
-        {isOpen ? <SquareMinusIcon size={14} /> : <SquarePlusIcon size={14} />}
-        <span>{typeLabel[type]}</span>
-      </Collapsible.Trigger>
-
-      <Collapsible.Content className="pb-4">
-        {schemas.map((subSchema, index) => (
-          // eslint-disable-next-line react/no-array-index-key
-          <LogicalGroupItem
-            key={index}
-            type={type}
-            schema={subSchema}
-            level={level}
-          />
-        ))}
-      </Collapsible.Content>
-    </Card>
-  </Collapsible.Root>
-);

package/src/lib/plugins/openapi/schema/LogicalGroup/LogicalGroupConnector.tsx

@@ -1,54 +0,0 @@
-import {
-  ChevronDownIcon,
-  CircleDotIcon,
-  CircleFadingPlusIcon,
-  CircleIcon,
-} from "lucide-react";
-import { cn } from "../../../../util/cn.js";
-
-import type { LogicalGroupType } from "../utils.js";
-
-const iconMap = {
-  AND: <CircleFadingPlusIcon size={16} className="fill-card" />,
-  OR: <CircleDotIcon size={16} className="fill-card" />,
-  ONE: <CircleIcon size={14} className="fill-card" />,
-} as const;
-
-const colorClass = {
-  AND: "text-green-500 dark:text-green-300/60",
-  OR: "text-blue-400 dark:text-blue-500",
-  ONE: "text-purple-500 dark:text-purple-300/60",
-} as const;
-
-export const LogicalGroupConnector = ({
-  type,
-  isOpen,
-  className,
-}: {
-  type: LogicalGroupType;
-  isOpen: boolean;
-  className?: string;
-}) => {
-  return (
-    <div
-      className={cn(
-        colorClass[type],
-        "relative text-sm flex py-2",
-        "before:border-l before:absolute before:-top-2 before:-bottom-2 before:border-border before:border-dashed before:content-['']",
-        className,
-      )}
-    >
-      <div className="-translate-x-[7px] flex gap-1 items-center">
-        {iconMap[type]}
-        <div
-          className={cn(
-            "translate-y-px mx-px opacity-0 group-hover:opacity-100 transition",
-            !isOpen && "-rotate-90",
-          )}
-        >
-          <ChevronDownIcon size={16} />
-        </div>
-      </div>
-    </div>
-  );
-};

package/src/lib/plugins/openapi/schema/LogicalGroup/LogicalGroupItem.tsx

@@ -1,30 +0,0 @@
-import * as Collapsible from "@radix-ui/react-collapsible";
-import { useState } from "react";
-import type { SchemaObject } from "../../../../oas/parser/index.js";
-import { SchemaView } from "../SchemaView.js";
-import type { LogicalGroupType } from "../utils.js";
-import { LogicalGroupConnector } from "./LogicalGroupConnector.js";
-
-export const LogicalGroupItem = (props: {
-  type: LogicalGroupType;
-  schema: SchemaObject;
-  level: number;
-}) => {
-  const [isOpen, setIsOpen] = useState(true);
-
-  return (
-    <Collapsible.Root
-      open={isOpen}
-      onOpenChange={() => setIsOpen((prev) => !prev)}
-      className="group"
-    >
-      <Collapsible.Trigger>
-        <LogicalGroupConnector type={props.type} isOpen={isOpen} />
-      </Collapsible.Trigger>
-      {!isOpen && <div className="wavy-line bg-border translate-y-1" />}
-      <Collapsible.Content>
-        <SchemaView schema={props.schema} level={props.level + 1} />
-      </Collapsible.Content>
-    </Collapsible.Root>
-  );
-};

package/src/lib/plugins/openapi/schema/SchemaComponents.tsx

@@ -1,126 +0,0 @@
-import * as Collapsible from "@radix-ui/react-collapsible";
-import { ListPlusIcon } from "lucide-react";
-import { useCallback, useState } from "react";
-import { Markdown, ProseClasses } from "../../../components/Markdown.js";
-import type { SchemaObject } from "../../../oas/parser/index.js";
-import { Button } from "../../../ui/Button.js";
-import { cn } from "../../../util/cn.js";
-import { objectEntries } from "../../../util/objectEntries.js";
-import { LogicalGroup } from "./LogicalGroup/LogicalGroup.js";
-import { SchemaView } from "./SchemaView.js";
-import {
-  hasLogicalGroupings,
-  isComplexType,
-  LogicalSchemaTypeMap,
-} from "./utils.js";
-
-export const SchemaLogicalGroup = ({
-  schema,
-  level,
-}: {
-  schema: SchemaObject;
-  level: number;
-}) => {
-  const [isOpen, setIsOpen] = useState(true);
-  const toggleOpen = useCallback(() => setIsOpen((prev) => !prev), []);
-
-  for (const [key, type] of objectEntries(LogicalSchemaTypeMap)) {
-    if (!schema[key]) continue;
-
-    return (
-      <LogicalGroup
-        schemas={schema[key]}
-        type={type}
-        isOpen={isOpen}
-        toggleOpen={toggleOpen}
-        level={level}
-      />
-    );
-  }
-};
-
-export const SchemaPropertyItem = ({
-  name,
-  schema,
-  group,
-  level,
-  defaultOpen = false,
-  showCollapseButton = true,
-}: {
-  name: string;
-  schema: SchemaObject;
-  group: "required" | "optional" | "deprecated";
-  level: number;
-  defaultOpen?: boolean;
-  showCollapseButton?: boolean;
-}) => {
-  const [isOpen, setIsOpen] = useState(defaultOpen);
-
-  return (
-    <li className="p-4 bg-border/20 hover:bg-border/30">
-      <div className="flex flex-col gap-1 justify-between text-sm">
-        <div className="flex gap-2 items-center">
-          <code>{name}</code>
-          <span className="text-muted-foreground">
-            {schema.type === "array" && schema.items.type ? (
-              <span>{schema.items.type}[]</span>
-            ) : Array.isArray(schema.type) ? (
-              <span>{schema.type.join(" | ")}</span>
-            ) : (
-              <span>{schema.type}</span>
-            )}
-          </span>
-          {group === "optional" && (
-            <span className="py-px px-1.5 font-medium border rounded-lg">
-              optional
-            </span>
-          )}
-        </div>
-
-        {schema.description && (
-          <Markdown
-            className={cn(ProseClasses, "text-sm leading-normal line-clamp-4")}
-            content={schema.description}
-          />
-        )}
-
-        {(hasLogicalGroupings(schema) || isComplexType(schema)) && (
-          <Collapsible.Root
-            defaultOpen={defaultOpen}
-            open={isOpen}
-            onOpenChange={() => setIsOpen(!isOpen)}
-          >
-            {showCollapseButton && (
-              <Collapsible.Trigger asChild>
-                <Button
-                  variant="outline"
-                  size="sm"
-                  className="mt-2 flex gap-1.5"
-                >
-                  <ListPlusIcon size={18} />
-                  {!isOpen
-                    ? "Show nested properties"
-                    : "Hide nested properties"}
-                </Button>
-              </Collapsible.Trigger>
-            )}
-            <Collapsible.Content>
-              <div className="mt-2">
-                {hasLogicalGroupings(schema) ? (
-                  <SchemaLogicalGroup schema={schema} level={level + 1} />
-                ) : schema.type === "object" ? (
-                  <SchemaView schema={schema} level={level + 1} />
-                ) : (
-                  schema.type === "array" &&
-                  typeof schema.items === "object" && (
-                    <SchemaView schema={schema.items} level={level + 1} />
-                  )
-                )}
-              </div>
-            </Collapsible.Content>
-          </Collapsible.Root>
-        )}
-      </div>
-    </li>
-  );
-};

package/src/lib/plugins/openapi/util/urql.ts

@@ -1,8 +0,0 @@
-import * as urql from "urql";
-
-export const useQuery = urql.useQuery;
-export const Provider = urql.Provider;
-export const cacheExchange = urql.cacheExchange;
-export const fetchExchange = urql.fetchExchange;
-export const mapExchange = urql.mapExchange;
-export const Client = urql.Client;

package/src/lib/plugins/openapi-worker.ts

@@ -1 +0,0 @@
-export { createClient } from "./openapi/client/createWorkerClient.js";

package/src/lib/plugins/search-inkeep/InkeepCustomTrigger.tsx

@@ -1,3 +0,0 @@
-import { InkeepCustomTrigger } from "@inkeep/widgets";
-
-export default InkeepCustomTrigger;

package/src/lib/themeToggle.ts

@@ -1,7 +0,0 @@
-export const themeToggle = () => {
-  const isDarkMode =
-    localStorage.getItem("theme") === "dark" ||
-    (!localStorage.getItem("theme") &&
-      window.matchMedia("(prefers-color-scheme: dark)").matches);
-  document.documentElement.classList.toggle("dark", isDarkMode);
-};