zudoku 0.1.1-dev.9 → 0.3.0-dev.3

package/dist/app/util/createVariantComponent.d.ts

@@ -1,15 +0,0 @@
-import { cva } from "class-variance-authority";
-import { ClassValue } from "clsx";
-import * as React from "react";
-import { JSX } from "react/jsx-runtime";
-declare const createVariantComponent: <E extends keyof React.ReactHTML, C extends ReturnType<typeof cva>>(tag: E, cvx: ClassValue | C) => {
-    ({ className, ...props }: JSX.IntrinsicElements[E] & {
-        className?: ClassValue;
-    }): React.DetailedReactHTMLElement<Omit<JSX.IntrinsicElements[E] & {
-        className?: ClassValue;
-    }, "className"> & {
-        className: any;
-    }, HTMLWebViewElement>;
-    displayName: string;
-};
-export default createVariantComponent;

package/dist/app/util/createVariantComponent.js

@@ -1,12 +0,0 @@
-import * as React from "react";
-import { cn } from "./cn.js";
-const createVariantComponent = (tag, cvx) => {
-    const MyVariant = ({ className, ...props }) => React.createElement(tag, {
-        ...props,
-        className: typeof cvx === "function" ? cvx({ className }) : cn(cvx, className),
-    });
-    MyVariant.displayName = `VariantComponent(${tag})`;
-    return MyVariant;
-};
-export default createVariantComponent;
-//# sourceMappingURL=createVariantComponent.js.map

package/dist/app/util/createVariantComponent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"createVariantComponent.js","sourceRoot":"","sources":["../../../src/app/util/createVariantComponent.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,EAAE,EAAE,MAAM,SAAS,CAAC;AAE7B,MAAM,sBAAsB,GAAG,CAI7B,GAAM,EACN,GAAmB,EAEnB,EAAE;IACF,MAAM,SAAS,GAAG,CAAC,EACjB,SAAS,EACT,GAAG,KAAK,EAC8C,EAAE,EAAE,CAC1D,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE;QACvB,GAAG,KAAK;QACR,SAAS,EACP,OAAO,GAAG,KAAK,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,EAAE,SAAS,CAAC;KACtE,CAAC,CAAC;IAEL,SAAS,CAAC,WAAW,GAAG,oBAAoB,GAAG,GAAG,CAAC;IAEnD,OAAO,SAAS,CAAC;AACnB,CAAC,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

package/dist/app/util/slugify.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"slugify.js","sourceRoot":"","sources":["../../../src/app/util/slugify.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,SAAS,CAAC;AAE9B,eAAe,OAAO,CAAC"}

package/dist/auth.d.ts

@@ -1,2 +0,0 @@
-import clerk from "./app/authentication/clerk.js";
-export { clerk };

package/dist/auth.js

@@ -1,3 +0,0 @@
-import clerk from "./app/authentication/clerk.js";
-export { clerk };
-//# sourceMappingURL=auth.js.map

package/dist/auth.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"auth.js","sourceRoot":"","sources":["../src/auth.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,+BAA+B,CAAC;AAElD,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/plugins.d.ts

@@ -1,4 +0,0 @@
-export { apiKeyPlugin } from "./app/plugins/api-key/index.js";
-export { markdownPlugin } from "./app/plugins/markdown/index.js";
-export { openApiPlugin } from "./app/plugins/openapi/index.js";
-export { redirectPlugin } from "./app/plugins/redirect/index.js";

package/dist/plugins.js

@@ -1,6 +0,0 @@
-// Plugins
-export { apiKeyPlugin } from "./app/plugins/api-key/index.js";
-export { markdownPlugin } from "./app/plugins/markdown/index.js";
-export { openApiPlugin } from "./app/plugins/openapi/index.js";
-export { redirectPlugin } from "./app/plugins/redirect/index.js";
-//# sourceMappingURL=plugins.js.map

package/dist/plugins.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"plugins.js","sourceRoot":"","sources":["../src/plugins.ts"],"names":[],"mappings":"AAAA,UAAU;AACV,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC"}

package/src/app/authentication/authentication.ts

@@ -1,18 +0,0 @@
-import { DevPortalContext } from "../core/DevPortalContext.js";
-
-export interface AuthProvider {
-  initialize(context: DevPortalContext): Promise<unknown>;
-  login(context: DevPortalContext): Promise<unknown>;
-  getToken?: (context: DevPortalContext) => Promise<string | undefined>;
-  handleAuthenticationResponse?: (
-    path: Path,
-    context: DevPortalContext,
-  ) => Promise<unknown>;
-  signOut(context: DevPortalContext): void;
-}
-
-export type Path = {
-  pathname: string;
-  search: string;
-  hash: string;
-};

package/src/app/authentication/clerk.ts

@@ -1,47 +0,0 @@
-import { Clerk } from "@clerk/clerk-js";
-import { type AuthProvider } from "./authentication.js";
-
-const clerkProvider = ({
-  clerkPubKey,
-}: {
-  clerkPubKey: string;
-}): AuthProvider => {
-  const clerkApi = new Clerk(clerkPubKey);
-
-  const clerkIsLoaded = clerkApi.load({});
-
-  return {
-    initialize: async (context) => {
-      await clerkIsLoaded;
-
-      if (clerkApi.session) {
-        await context.setUserProfile({
-          isLoggedIn: true,
-          name: clerkApi.session.user.fullName ?? undefined,
-          email:
-            clerkApi.session.user.emailAddresses.at(0)?.emailAddress ??
-            undefined,
-        });
-      } else {
-        await context.setUserProfile({
-          isLoggedIn: false,
-        });
-      }
-    },
-
-    getToken: async () => {
-      await clerkIsLoaded;
-      const token = await clerkApi.session?.getToken();
-      return token ?? undefined;
-    },
-
-    signOut() {
-      clerkApi.signOut();
-    },
-    login: async () => {
-      await clerkApi.redirectToSignIn();
-    },
-  };
-};
-
-export default clerkProvider;

package/src/app/authentication/openid.ts

@@ -1,192 +0,0 @@
-import * as oauth from "oauth4webapi";
-import { DevPortalContext } from "../core/DevPortalContext.js";
-import { type AuthProvider } from "./authentication.js";
-const algorithm = "oauth2";
-
-const getAuthServerByIssuer = async (issuer: string) => {
-  const authorizationServer = await oauth
-    .discoveryRequest(new URL(issuer), { algorithm })
-    .then((response) =>
-      oauth.processDiscoveryResponse(new URL(issuer), response),
-    );
-
-  return authorizationServer;
-};
-
-export type AuthServerOption = {
-  issuer?: string;
-  authorizationEndpoint?: string;
-  tokenEndpoint?: string;
-};
-
-const getAuthServer = async ({
-  issuer,
-  authorizationEndpoint,
-  tokenEndpoint,
-}: AuthServerOption) => {
-  return issuer
-    ? await getAuthServerByIssuer(issuer)
-    : ({
-        issuer: new URL(authorizationEndpoint!).origin,
-        authorization_endpoint: authorizationEndpoint,
-        token_endpoint: tokenEndpoint,
-        code_challenge_methods_supported: [],
-      } satisfies oauth.AuthorizationServer);
-};
-
-export const openIdAuth = ({
-  clientId,
-  clientSecret,
-  issuer,
-  authorizationEndpoint,
-  tokenEndpoint,
-}: {
-  clientId: string;
-  clientSecret?: string;
-  audience?: string;
-} & AuthServerOption): AuthProvider => {
-  const client: oauth.Client = {
-    client_id: clientId,
-    client_secret: clientSecret,
-    token_endpoint_auth_method: "none",
-  };
-
-  const redirect_uri = "http://localhost:5173/oauth/callback";
-
-  return {
-    initialize() {
-      return Promise.resolve();
-    },
-    signOut() {},
-    login: async (context: DevPortalContext) => {
-      const code_challenge_method = "S256";
-      const authorizationServer = await getAuthServer({
-        issuer,
-        authorizationEndpoint,
-        tokenEndpoint,
-      });
-
-      if (!authorizationServer.authorization_endpoint) {
-        throw new Error("No authorization endpoint");
-      }
-
-      /**
-       * The following MUST be generated for every redirect to the authorization_endpoint. You must store
-       * the codeVerifier and nonce in the end-user session such that it can be recovered as the user
-       * gets redirected from the authorization server back to your application.
-       */
-      const codeVerifier = oauth.generateRandomCodeVerifier();
-      const codeChallenge =
-        await oauth.calculatePKCECodeChallenge(codeVerifier);
-
-      await context.sessionStorage.set("codeVerifier", codeVerifier);
-
-      // redirect user to as.authorization_endpoint
-      const authorizationUrl = new URL(
-        authorizationServer.authorization_endpoint,
-      );
-      authorizationUrl.searchParams.set("client_id", client.client_id);
-      authorizationUrl.searchParams.set("redirect_uri", redirect_uri);
-      authorizationUrl.searchParams.set("response_type", "code");
-      // authorizationUrl.searchParams.set("scope", "api:read");
-      authorizationUrl.searchParams.set("code_challenge", codeChallenge);
-      authorizationUrl.searchParams.set(
-        "code_challenge_method",
-        code_challenge_method,
-      );
-
-      /**
-       * We cannot be sure the AS supports PKCE so we're going to use state too. Use of PKCE is
-       * backwards compatible even if the AS doesn't support it which is why we're using it regardless.
-       */
-      if (
-        authorizationServer.code_challenge_methods_supported?.includes(
-          "S256",
-        ) !== true
-      ) {
-        const state = oauth.generateRandomState();
-        authorizationUrl.searchParams.set("state", state);
-      }
-
-      // now redirect the user to authorizationUrl.href
-      location.href = authorizationUrl.href;
-    },
-
-    handleAuthenticationResponse: async ({ search }, { sessionStorage }) => {
-      const searchParams = new URLSearchParams(search);
-      const state = searchParams.get("state");
-      if (!state) {
-        return;
-      }
-
-      // one eternity later, the user lands back on the redirect_uri
-      // Authorization Code Grant Request & Response
-      const codeVerifier = await sessionStorage.get("codeVerifier");
-
-      if (!codeVerifier) {
-        return;
-      }
-
-      const as = await getAuthServer({
-        issuer,
-        authorizationEndpoint,
-        tokenEndpoint,
-      });
-
-      const params = oauth.validateAuthResponse(
-        as,
-        client,
-        searchParams,
-        state,
-      );
-      if (oauth.isOAuth2Error(params)) {
-        console.error("Error Response", params);
-        throw new Error(); // Handle OAuth 2.0 redirect error
-      }
-
-      const response = await oauth.authorizationCodeGrantRequest(
-        as,
-        client,
-        params,
-        redirect_uri,
-        codeVerifier,
-      );
-
-      // @todo do we need to do these
-      // const challenges = oauth.parseWwwAuthenticateChallenges(response);
-      // if (challenges) {
-      //   for (const challenge of challenges) {
-      //     console.error("WWW-Authenticate Challenge", challenge);
-      //   }
-      //   throw new Error(); // Handle WWW-Authenticate Challenges as needed
-      // }
-
-      const oauthResult = await oauth.processAuthorizationCodeOpenIDResponse(
-        as,
-        client,
-        response,
-      );
-      if (oauth.isOAuth2Error(oauthResult)) {
-        console.error("Error Response", oauthResult);
-        throw new Error(oauthResult.error);
-      }
-
-      const userInfoResponse = await oauth.userInfoRequest(
-        as,
-        client,
-        oauthResult.access_token,
-      );
-      const userInfo = await userInfoResponse.json();
-
-      // void storage.setProfile({
-      //   sub: userInfo.sub,
-      //   email: userInfo.email,
-      //   name: userInfo.name,
-      //   email_verified: userInfo.email_verified ?? false,
-      //   picture: userInfo.picture,
-      //   id_token: oauthResult.id_token,
-      //   access_token: oauthResult.access_token,
-      // });
-    },
-  };
-};

package/src/app/components/DynamicIcon.tsx

@@ -1,60 +0,0 @@
-// import { type LucideProps } from "lucide-react";
-// import dynamicIconImports from "lucide-react/dynamicIconImports.js";
-// import { Suspense, lazy, memo } from "react";
-// import { cn } from "../util/cn.js";
-
-// export type IconName = keyof typeof dynamicIconImports;
-
-// const IconNames = Object.keys(dynamicIconImports) as IconName[];
-
-// export const isValidIcon = (name: unknown): name is IconName =>
-//   typeof name === "string" && IconNames.includes(name as IconName);
-
-// type IconProps = Omit<LucideProps, "ref"> & {
-//   name: IconName;
-//   inline?: boolean;
-// };
-
-// const Fallback = ({
-//   inline,
-//   size,
-// }: {
-//   inline?: boolean;
-//   size?: string | number;
-// }) => (
-//   <span
-//     className={cn(inline ? "inline-block" : "block", "bg-background")}
-//     style={{ height: size, width: size }}
-//     role="presentation"
-//   />
-// );
-
-// export const DynamicIcon = memo(function ({
-//   name,
-//   inline,
-//   className,
-//   size = 16,
-//   ...props
-// }: IconProps) {
-//   const LucideIcon = lazy(dynamicIconImports[name]);
-
-//   return (
-//     <Suspense fallback={<Fallback inline={inline} size={size} />}>
-//       <LucideIcon
-//         {...props}
-//         size={size}
-//         className={cn(inline && "inline-block align-[-0.125em]", className)}
-//       />
-//     </Suspense>
-//   );
-// });
-
-export type IconName = string;
-
-export function isValidIcon(name: unknown): name is IconName {
-  return true;
-}
-
-export const DynamicIcon = (props: { name: string; size?: number }) => (
-  <div></div>
-);

package/src/app/components/navigation/SideNavigationWrapper.tsx

@@ -1,15 +0,0 @@
-import { forwardRef, type PropsWithChildren } from "react";
-
-export const SideNavigationWrapper = forwardRef<
-  HTMLDivElement,
-  PropsWithChildren
->(({ children }, ref) => {
-  return (
-    <nav
-      className="hidden lg:flex flex-col fixed text-sm overflow-y-auto shrink-0 p-[--padding-nav-item] -mx-[--padding-nav-item] pb-20 pt-[--padding-content-top] w-[--side-nav-width] h-[calc(100%-var(--header-height))] scroll-pt-2 gap-2"
-      ref={ref}
-    >
-      {children}
-    </nav>
-  );
-});

package/src/app/core/types/combine.ts

@@ -1,16 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-type UnionToIntersection<U> = (U extends any ? (k: U) => void : never) extends (
-  k: infer I,
-) => void
-  ? I
-  : never;
-
-type AnyCombination<T, U = T> = T extends any
-  ? U extends any
-    ? T | (T & U)
-    : never
-  : never;
-
-export type Combine<T extends any[]> =
-  | UnionToIntersection<T[number]>
-  | AnyCombination<T[number]>;

package/src/app/oas/graphql/server.ts

@@ -1,10 +0,0 @@
-import { createServer } from "node:http";
-import { createGraphQLServer } from "./index.js";
-
-const yoga = createGraphQLServer();
-
-const server = createServer(yoga);
-
-server.listen(4000, () => {
-  console.log(`🚀 Server ready at  http://localhost:4000/graphql`);
-});

package/src/app/plugins/api-key/SettingsApiKeys.tsx

@@ -1,22 +0,0 @@
-import { useApiIdentities } from "../../components/context/DevPortalProvider.js";
-import { type ApiKeyPluginOptions } from "./index.js";
-
-export const SettingsApiKeys = ({
-  options,
-}: {
-  options: ApiKeyPluginOptions;
-}) => {
-  const keys = useApiIdentities();
-
-  return (
-    <div className="prose dark:prose-invert">
-      <h1>Who's who</h1>
-      <button className="border">Create API Key</button>
-      <ul>
-        {keys.data.map((key) => (
-          <li>{key.name}</li>
-        ))}
-      </ul>
-    </div>
-  );
-};

package/src/app/plugins/api-key/index.tsx

@@ -1,123 +0,0 @@
-import { DevPortalSystemPaths } from "../../DevPortal.js";
-import { DevPortalContext } from "../../core/DevPortalContext.js";
-import {
-  type ApiIdentityPlugin,
-  type DevPortalPlugin,
-} from "../../core/plugins.js";
-import { SettingsApiKeys } from "./SettingsApiKeys.js";
-
-export type GetConsumerOptions =
-  | {
-      getConsumers: (context: DevPortalContext) => Promise<ConsumerData | void>;
-    }
-  | { consumerEndpoint: string };
-
-export type ApiKeyPluginOptions = {
-  rollKey?: (
-    id: string,
-    consumerName: string,
-    context: DevPortalContext,
-  ) => Promise<void>;
-  deleteKey?: (
-    id: string,
-    consumerName: string,
-    context: DevPortalContext,
-  ) => Promise<void>;
-  updateConsumerDescription?: (
-    consumerName: string,
-    description: string,
-    context: DevPortalContext,
-  ) => Promise<void>;
-  createConsumer?: (
-    description: string,
-    context: DevPortalContext,
-  ) => Promise<void>;
-  deleteConsumer?: (
-    consumerName: string,
-    context: DevPortalContext,
-  ) => Promise<void>;
-} & GetConsumerOptions;
-
-export interface ConsumerData {
-  consumers: Consumer[];
-}
-
-export interface Consumer {
-  name: string;
-  createdOn?: string;
-  description?: string;
-  apiKeys: ConsumerApiKey[];
-}
-
-export interface ConsumerApiKey {
-  id: string;
-  description?: string;
-  createdOn?: string;
-  updatedOn?: string;
-  expiresOn?: string;
-  key: string;
-}
-
-const defaultGetConsumers = async (context: DevPortalContext) => {
-  const accessToken = await context.authentication?.getToken?.(context);
-
-  if (!accessToken) {
-    throw new Error("No token found");
-  }
-
-  const consumers = await fetch(
-    "https://zudoku-customer-main-b36fa2f.d2.zuplo.dev/v1/developer/api-keys",
-    {
-      headers: {
-        Authorization: `Bearer ${accessToken}`,
-      },
-    },
-  );
-
-  return { consumers: [await consumers.json()] };
-};
-
-export const apiKeyPlugin = (
-  options: ApiKeyPluginOptions,
-): DevPortalPlugin & ApiIdentityPlugin => {
-  const getConsumers =
-    "getConsumers" in options ? options.getConsumers : defaultGetConsumers;
-
-  return {
-    getNavigation: async (path: string) => {
-      if (path !== DevPortalSystemPaths.Settings) {
-        return [];
-      }
-
-      return [
-        {
-          path: "settings/api-keys",
-          label: "API Keys",
-          children: [],
-        },
-      ];
-    },
-    getIdentities: async (context) => {
-      return [];
-      // throw new Error("Not implemented");
-      // const keys = await getConsumers(context);
-      // return (keys ?? { consumers: [] }).consumers
-      //   .flatMap((consumer) => consumer.apiKeys)
-      //   .map((key) => ({
-      //     authorizeRequest: (request: Request) => {
-      //       request.headers.set("Authorization", `Bearer ${key.key}`);
-      //     },
-      //     id: key.id,
-      //     name: key.id,
-      //   }));
-    },
-    getRoutes: () => {
-      return [
-        {
-          path: "/settings/api-keys",
-          element: <SettingsApiKeys options={options} />,
-        },
-      ];
-    },
-  };
-};

package/src/app/plugins/openapi/MakeRequest.tsx

@@ -1,49 +0,0 @@
-import { useApiIdentities } from "../../components/context/DevPortalProvider.js";
-import type { OperationListItemResult } from "./OperationList.js";
-import { Playground } from "./playground/Playground.js";
-import { useOasConfig } from "./index.js";
-import { gql, useQuery } from "urql";
-
-const getServerQuery = gql`
-  query getServerQuery($input: JSON!, $type: SchemaType!) {
-    schema(input: $input, type: $type) {
-      url
-    }
-  }
-`;
-
-export const MakeRequest = ({
-  operation,
-}: {
-  operation: OperationListItemResult;
-}) => {
-  const identities = useApiIdentities();
-  const variables = useOasConfig();
-  const [server] = useQuery({ query: getServerQuery, variables });
-
-  return (
-    <div>
-      <Playground
-        host={server.data?.schema.url}
-        method={operation.method}
-        url={operation.path}
-        defaultHeaders={[]}
-      />
-      {identities.data.map((identity) => (
-        <button
-          key={identity.id}
-          onClick={() => {
-            const test = new Request(
-              "https://zudoku-customer-main-b36fa2f.d2.zuplo.dev" +
-                operation.path,
-            );
-            void fetch(identity.authorizeRequest(test));
-          }}
-          className="p-2 border border-border rounded hover:bg-accent"
-        >
-          Test Request {operation.path} ({identity.name})
-        </button>
-      ))}
-    </div>
-  );
-};