authhero 0.0.1 → 1.0.0

package/apps/react-admin/src/components/tenants/edit.tsx

@@ -0,0 +1,51 @@
+import {
+  DateField,
+  Edit,
+  FieldTitle,
+  Labeled,
+  SelectInput,
+  TabbedForm,
+  TextInput,
+} from "react-admin";
+import { ColorInput } from "react-admin-color-picker";
+
+export function TenantsEdit() {
+  return (
+    <Edit>
+      <TabbedForm>
+        <TabbedForm.Tab label="Info">
+          <TextInput source="id" />
+          <TextInput source="name" />
+          <TextInput source="audience" label="Audience" />
+          <TextInput source="support_url" label="Support Url" />
+          <Labeled label={<FieldTitle source="created_at" />}>
+            <DateField source="created_at" showTime={true} />
+          </Labeled>
+          <Labeled label={<FieldTitle source="updated_at" />}>
+            <DateField source="updated_at" showTime={true} />
+          </Labeled>
+        </TabbedForm.Tab>
+        <TabbedForm.Tab label="Communication">
+          <TextInput source="sender_email" />
+          <TextInput source="sender_name" />
+        </TabbedForm.Tab>
+        <TabbedForm.Tab label="Style">
+          <SelectInput
+            source="language"
+            label="Languages"
+            choices={[
+              { id: "en", name: "English" },
+              { id: "nb", name: "Norwegian" },
+              { id: "sv", name: "Swedish" },
+              { id: "it", name: "Italian" },
+              { id: "pl", name: "Polish" },
+            ]}
+          />
+          <ColorInput source="primary_color" label="Primary Color" />
+          <ColorInput source="secondary_color" label="Secondary Color" />
+          <TextInput source="logo" label="Logo" />
+        </TabbedForm.Tab>
+      </TabbedForm>
+    </Edit>
+  );
+}

package/apps/react-admin/src/components/tenants/index.ts

@@ -0,0 +1,2 @@
+export * from "./create";
+export * from "./list";

package/apps/react-admin/src/components/tenants/list.tsx

@@ -0,0 +1,48 @@
+import {
+  List,
+  Datagrid,
+  TextField,
+  DateField,
+  UrlField,
+  SimpleList,
+  TextInput,
+} from "react-admin";
+import { useMediaQuery } from "@mui/material";
+import { PostListActions } from "../listActions/PostListActions";
+
+export function TenantsList() {
+  const isSmall = useMediaQuery((theme: any) => theme.breakpoints.down("sm"));
+
+  const postFilters = [
+    <TextInput key="search" label="Search" source="q" alwaysOn />,
+  ];
+
+  return (
+    <List actions={<PostListActions />} filters={postFilters}>
+      {isSmall ? (
+        <SimpleList
+          primaryText={(record) => record.name}
+          secondaryText={(record) => record.id}
+          linkType={(record) => `/${record.id}`}
+        />
+      ) : (
+        <Datagrid
+          rowClick="edit"
+          bulkActionButtons={false}
+          rowSx={(tenant) => ({
+            ...(tenant.id === "DEFAULT_SETTINGS" && {
+              backgroundColor: "#f0f0f0",
+            }),
+          })}
+        >
+          <TextField source="name" />
+          <UrlField source="id" />
+          <TextField source="audience" />
+          <DateField source="created_at" showTime={true} />
+          <DateField source="updated_at" showTime={true} />
+          <TextField source="support_url" label="Support Url" />
+        </Datagrid>
+      )}
+    </List>
+  );
+}

package/apps/react-admin/src/components/users/create.tsx

@@ -0,0 +1,15 @@
+import { Create, SimpleForm, TextInput, required } from "react-admin";
+
+export function UserCreate() {
+  return (
+    <Create>
+      <SimpleForm>
+        <TextInput source="email" type="email" validate={[required()]} />
+        <TextInput source="name" />
+        <TextInput source="given_name" />
+        <TextInput source="family_name" />
+        <TextInput source="picture" />
+      </SimpleForm>
+    </Create>
+  );
+}

package/apps/react-admin/src/components/users/edit.tsx

@@ -0,0 +1,108 @@
+import {
+  Datagrid,
+  DateField,
+  Edit,
+  FieldTitle,
+  Labeled,
+  Pagination,
+  ReferenceManyField,
+  TabbedForm,
+  TextField,
+  TextInput,
+  FunctionField,
+  BooleanField,
+  ArrayField,
+  SimpleShowLayout,
+} from "react-admin";
+import { LogType, LogIcon } from "../logs";
+import { DateAgo } from "../common";
+import { Stack } from "@mui/material";
+import { JsonOutput } from "../common/JsonOutput";
+
+export function UserEdit() {
+  return (
+    <Edit>
+      <SimpleShowLayout>
+        <TextField source="email" />
+        <TextField source="id" />
+      </SimpleShowLayout>
+      <TabbedForm>
+        <TabbedForm.Tab label="details">
+          <Stack spacing={2} direction="row">
+            <Labeled label={<FieldTitle source="email" />}>
+              <TextField source="email" sx={{ mb: 4 }} />
+            </Labeled>
+            <Labeled label={<FieldTitle source="name" />}>
+              <TextField source="name" sx={{ mb: 4 }} />
+            </Labeled>
+            <Labeled label={<FieldTitle source="id" />}>
+              <TextField source="id" sx={{ mb: 4 }} />
+            </Labeled>
+          </Stack>
+          <Stack spacing={2} direction="row">
+            <TextInput source="given_name" />
+            <TextInput source="family_name" />
+            <TextInput source="nickname" />
+          </Stack>
+          <TextInput source="picture" />
+          <ArrayField source="identities">
+            <Datagrid bulkActionButtons={false} sx={{ my: 4 }}>
+              <TextField source="connection" />
+              <TextField source="provider" />
+              <TextField source="user_id" />
+              <BooleanField source="isSocial" />
+            </Datagrid>
+          </ArrayField>
+
+          <Labeled label={<FieldTitle source="created_at" />}>
+            <DateField source="created_at" showTime={true} />
+          </Labeled>
+          <Labeled label={<FieldTitle source="updated_at" />}>
+            <DateField source="updated_at" showTime={true} />
+          </Labeled>
+        </TabbedForm.Tab>
+        <TabbedForm.Tab label="logs">
+          <ReferenceManyField
+            reference="logs"
+            target="userId"
+            pagination={<Pagination />}
+          >
+            <Datagrid
+              sx={{
+                width: "100%",
+                "& .column-comment": {
+                  maxWidth: "20em",
+                  overflow: "hidden",
+                  textOverflow: "ellipsis",
+                  whiteSpace: "nowrap",
+                },
+              }}
+              sort={{ field: "timestamp", order: "DESC" }}
+              rowClick="show"
+            >
+              <FunctionField
+                source="success"
+                render={(record: any) => <LogIcon type={record.type} />}
+              />
+              <FunctionField
+                source="type"
+                render={(record: any) => <LogType type={record.type} />}
+              />
+              <FunctionField
+                source="date"
+                render={(record: any) => <DateAgo date={record.date} />}
+              />
+              <TextField source="description" />
+            </Datagrid>
+          </ReferenceManyField>
+        </TabbedForm.Tab>
+        <TabbedForm.Tab label="Raw JSON">
+          <FunctionField
+            source="date"
+            render={(record: any) => <JsonOutput data={record} />}
+          />
+        </TabbedForm.Tab>
+      </TabbedForm>
+    </Edit>
+  );
+}

package/apps/react-admin/src/components/users/index.ts

@@ -0,0 +1,3 @@
+export * from "./create";
+export * from "./list";
+export * from "./edit";

package/apps/react-admin/src/components/users/list.tsx

@@ -0,0 +1,30 @@
+import {
+  List,
+  Datagrid,
+  TextField,
+  EmailField,
+  TextInput,
+  FunctionField,
+} from "react-admin";
+import { PostListActions } from "../listActions/PostListActions";
+import { DateAgo } from "../common";
+
+export function UsersList() {
+  const postFilters = [
+    <TextInput key="search" label="Search" source="q" alwaysOn />,
+  ];
+
+  return (
+    <List actions={<PostListActions />} filters={postFilters}>
+      <Datagrid rowClick="edit" bulkActionButtons={false}>
+        <EmailField source="email" />
+        <TextField source="connection" />
+        <TextField source="login_count" />
+        <FunctionField
+          label="Last login"
+          render={(record: any) => <DateAgo date={record.last_login} />}
+        />
+      </Datagrid>
+    </List>
+  );
+}

package/apps/react-admin/src/data.json

@@ -0,0 +1,121 @@
+{
+    "posts": [
+        {
+            "id": 0,
+            "title": "Post 1",
+            "content": "Content 1"
+        },
+        {
+            "id": 1,
+            "title": "Post 2",
+            "content": "Content 2"
+        },
+        {
+            "id": 2,
+            "title": "Post 3",
+            "content": "Content 3"
+        },
+        {
+            "id": 3,
+            "title": "Post 4",
+            "content": "Content 4"
+        },
+        {
+            "id": 4,
+            "title": "Post 5",
+            "content": "Content 5"
+        },
+        {
+            "id": 5,
+            "title": "Post 6",
+            "content": "Content 6"
+        },
+        {
+            "id": 6,
+            "title": "Post 7",
+            "content": "Content 7"
+        },
+        {
+            "id": 7,
+            "title": "Post 8",
+            "content": "Content 8"
+        },
+        {
+            "id": 8,
+            "title": "Post 9",
+            "content": "Content 9"
+        },
+        {
+            "id": 9,
+            "title": "Post 10",
+            "content": "Content 10"
+        },
+        {
+            "id": 10,
+            "title": "Post 11",
+            "content": "Content 11"
+        },
+        {
+            "id": 11,
+            "title": "Post 12",
+            "content": "Content 12"
+        }
+    ],
+    "comments": [
+        {
+            "id": 0,
+            "postId": 0,
+            "content": "Comment 1"
+        },
+        {
+            "id": 1,
+            "postId": 0,
+            "content": "Comment 2"
+        },
+        {
+            "id": 2,
+            "postId": 1,
+            "content": "Comment 3"
+        },
+        {
+            "id": 3,
+            "postId": 1,
+            "content": "Comment 4"
+        },
+        {
+            "id": 4,
+            "postId": 2,
+            "content": "Comment 5"
+        },
+        {
+            "id": 5,
+            "postId": 2,
+            "content": "Comment 6"
+        },
+        {
+            "id": 6,
+            "postId": 3,
+            "content": "Comment 7"
+        },
+        {
+            "id": 7,
+            "postId": 3,
+            "content": "Comment 8"
+        },
+        {
+            "id": 8,
+            "postId": 3,
+            "content": "Comment 9"
+        },
+        {
+            "id": 9,
+            "postId": 4,
+            "content": "Comment 10"
+        },
+        {
+            "id": 10,
+            "postId": 4,
+            "content": "Comment 11"
+        }
+    ]
+}

package/apps/react-admin/src/dataProvider.ts

@@ -0,0 +1,48 @@
+import { UpdateParams, withLifecycleCallbacks } from "react-admin";
+import { authorizedHttpClient } from "./authProvider";
+import auth0DataProvider from "./auth0DataProvider";
+
+async function removeExtraFields(params: UpdateParams) {
+  delete params.data?.id;
+  delete params.data?.tenant_id;
+  delete params.data?.updated_at;
+  delete params.data?.created_at;
+
+  // Remove empty properties
+  Object.keys(params.data).forEach((key) => {
+    if (params.data[key] === undefined) {
+      delete params.data[key];
+    }
+  });
+
+  return params;
+}
+
+export function getDataprovider() {
+  // TODO - duplicate auth0DataProvider to tenantsDataProvider
+  // we are introducing non-auth0 endpoints AND we odn't require the tenants-id header
+  const provider = auth0DataProvider(
+    import.meta.env.VITE_SIMPLE_REST_URL,
+    authorizedHttpClient,
+  );
+
+  return withLifecycleCallbacks(provider, [
+    {
+      resource: "tenants",
+      beforeUpdate: removeExtraFields,
+    },
+  ]);
+}
+
+export function getDataproviderForTenant(tenantId: string) {
+  const restUrl = new URL(import.meta.env.VITE_SIMPLE_REST_URL);
+  restUrl.pathname = `tenants/${tenantId}`;
+
+  const auth0Provider = auth0DataProvider(
+    import.meta.env.VITE_SIMPLE_REST_URL,
+    authorizedHttpClient,
+    tenantId,
+  );
+
+  return auth0Provider;
+}

package/apps/react-admin/src/index.tsx

@@ -0,0 +1,30 @@
+import React from "react";
+import ReactDOM from "react-dom/client";
+import { BrowserRouter } from "react-router-dom";
+import { App } from "./App";
+import { TenantsApp } from "./TenantsApp";
+
+function Root() {
+  const pathSegments = location.pathname.split("/").filter(Boolean); // Splits path into segments and filters out any empty segments
+  const tenantId = pathSegments[0];
+
+  if (!tenantId || ["tenants", "auth-callback"].includes(tenantId)) {
+    return (
+      <React.StrictMode>
+        <BrowserRouter>
+          <TenantsApp />
+        </BrowserRouter>
+      </React.StrictMode>
+    );
+  }
+
+  return (
+    <React.StrictMode>
+      <BrowserRouter basename={tenantId}>
+        <App tenantId={tenantId} />
+      </BrowserRouter>
+    </React.StrictMode>
+  );
+}
+
+ReactDOM.createRoot(document.getElementById("root")!).render(<Root />);

package/apps/react-admin/src/lib/logs.ts

@@ -0,0 +1,19 @@
+// why are we using vanilla JS linting? it doesn't understand this...
+// AND typescript can much better stop unused vars in tsconfig
+/* eslint-disable no-unused-vars */
+export enum LogTypes {
+  SUCCESS_API_OPERATION = "sapi",
+  SUCCESS_SILENT_AUTH = "ssa",
+  FAILED_SILENT_AUTH = "fsa",
+  SUCCESS_SIGNUP = "ss",
+  FAILED_SIGNUP = "fs",
+  SUCCESS_LOGIN = "s",
+  FAILED_LOGIN_INCORRECT_PASSWORD = "fp",
+  FAILED_LOGIN_INVALID_EMAIL_USERNAME = "fu",
+  SUCCESS_LOGOUT = "slo",
+  SUCCESS_CROSS_ORIGIN_AUTHENTICATION = "scoa",
+  FAILED_CROSS_ORIGIN_AUTHENTICATION = "fcoa",
+  CODE_LINK_EMAIL_SENT = "cls",
+  FAILED_LOGIN = "f",
+  SUCCESS_EXCHANGE_AUTHORIZATION_CODE_FOR_ACCESS_TOKEN = "seacft",
+}

package/apps/react-admin/tsconfig.json

@@ -0,0 +1,9 @@
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    // "noEmit": true,
+    "baseUrl": "."
+  },
+  "include": ["src"],
+  "references": [{ "path": "./tsconfig.node.json" }]
+}

package/apps/react-admin/tsconfig.node.json

@@ -0,0 +1,4 @@
+{
+  "extends": "../../tsconfig.node.json",
+  "include": ["vite.config.ts"]
+}

package/apps/react-admin/vercel.json

@@ -0,0 +1,20 @@
+{
+  "rewrites": [
+    {
+      "source": "/(.*)manifest.json",
+      "destination": "/manifest.json"
+    },
+    {
+      "source": "/favicon.ico",
+      "destination": "/favicon.ico"
+    },
+    {
+      "source": "/favicon.ico",
+      "destination": "/favicon.ico"
+    },
+    {
+      "source": "/(.*)",
+      "destination": "/index.html"
+    }
+  ]
+}

package/apps/react-admin/vite.config.ts

@@ -0,0 +1,19 @@
+/// <reference types="vitest" />
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+
+// https://vitejs.dev/config/
+export default defineConfig({
+    plugins: [react()],
+    define: {
+        'process.env': process.env,
+    },
+    server: {
+        host: true,
+    },
+    base: './',
+    test: {
+        globals: true,
+        environment: 'jsdom'
+    }
+});

package/eslint.config.mjs

@@ -0,0 +1,25 @@
+import globals from "globals";
+import pluginJs from "@eslint/js";
+import tseslint from "typescript-eslint";
+import pluginReactConfig from "eslint-plugin-react/configs/recommended.js";
+import { fixupConfigRules } from "@eslint/compat";
+import { configs, rules as reactRules } from "eslint-plugin-react";
+
+export default [
+  { files: ["**/*.{js,mjs,cjs,ts,jsx,tsx}"] },
+  { languageOptions: { parserOptions: { ecmaFeatures: { jsx: true } } } },
+  { languageOptions: { globals: { ...globals.browser, ...globals.node } } },
+  pluginJs.configs.recommended,
+  ...tseslint.configs.recommended,
+  ...fixupConfigRules(pluginReactConfig),
+  {
+    settings: {
+      react: {
+        version: "detect", // Automatically detect the react version
+      },
+    },
+    rules: {
+      "react/react-in-jsx-scope": "off", // Turn off the rule for requiring React in scope
+    },
+  },
+];

package/package.json

@@ -1,24 +1,30 @@
 {
   "name": "authhero",
-  "version": "0.0.1",
-  "type": "module",
-  "main": "dist/index.js",
-  "types": "dist/index.d.ts",
-  "bin": {
-    "authhero": "dist/index.js"
-  },
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
   "devDependencies": {
-    "@types/node": "^20.14.9",
+    "@changesets/cli": "^2.27.7",
+    "@eslint/compat": "^1.1.0",
+    "@eslint/js": "^9.5.0",
+    "eslint": "9.x",
+    "eslint-plugin-react": "^7.34.3",
+    "globals": "^15.6.0",
+    "prettier": "^3.3.2",
+    "prettier-plugin-tailwindcss": "^0.6.5",
     "typescript": "^5.5.2",
-    "vite": "^5.3.2",
-    "vite-plugin-dts": "^3.9.1"
-  },
-  "dependencies": {
-    "@hono/zod-openapi": "^0.14.5",
-    "hono": "^4.4.10"
+    "typescript-eslint": "^7.14.1"
   },
   "scripts": {
-    "build": "vite build",
-    "start": "pnpm build && node dist/index.js"
+    "dev": "pnpm --recursive --parallel --stream run dev",
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "format": "prettier --write \"./**/*.{js,jsx,ts,tsx,json}\"",
+    "manage": "pnpm --filter @authhero/manage",
+    "react-admin": "pnpm --filter @authhero/react-admin",
+    "authhero": "pnpm --filter authhero",
+    "create-authhero": "pnpm --filter @authhero/create-authhero"
   }
 }

package/packages/authhero/CHANGELOG.md

@@ -0,0 +1,7 @@
+# authhero
+
+## 0.1.0
+
+### Minor Changes
+
+- a1212dc: Added a jwks route with mock data

package/packages/authhero/README.md

@@ -0,0 +1,9 @@
+# Authhero
+
+An open-source auth library for building a drop-in replacement for Auth0.
+
+Setup a new project with Authhero in 5 minutes or less:
+
+```bash
+npx create authhero
+```

package/packages/authhero/package.json

@@ -0,0 +1,25 @@
+{
+  "name": "authhero",
+  "version": "0.1.0",
+  "type": "module",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "bin": {
+    "authhero": "dist/index.js"
+  },
+  "scripts": {
+    "dev": "bun --watch src/bun.ts",
+    "build": "vite build",
+    "start": "pnpm build && node dist/index.js"
+  },
+  "devDependencies": {
+    "@types/node": "^20.14.9",
+    "typescript": "^5.5.2",
+    "vite": "^5.3.2",
+    "vite-plugin-dts": "^3.9.1"
+  },
+  "dependencies": {
+    "@hono/zod-openapi": "^0.14.5",
+    "hono": "^4.4.10"
+  }
+}