npm - authhero - Versions diffs - 0.0.1 → 1.0.0 - Mend

authhero 0.0.1 → 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (89) hide show

package/.changeset/README.md +8 -0
package/.changeset/config.json +11 -0
package/.github/workflows/release.yml +34 -0
package/.prettierignore +3 -0
package/.prettierrc.json +1 -0
package/README.md +9 -4
package/apps/react-admin/.eslintrc.js +21 -0
package/apps/react-admin/README.md +50 -0
package/apps/react-admin/index.html +125 -0
package/apps/react-admin/package.json +45 -0
package/apps/react-admin/prettier.config.js +1 -0
package/apps/react-admin/public/favicon.ico +0 -0
package/apps/react-admin/public/manifest.json +15 -0
package/apps/react-admin/src/App.spec.tsx +39 -0
package/apps/react-admin/src/App.tsx +75 -0
package/apps/react-admin/src/Layout.tsx +12 -0
package/apps/react-admin/src/TenantsApp.tsx +21 -0
package/apps/react-admin/src/auth0DataProvider.ts +220 -0
package/apps/react-admin/src/authProvider.ts +42 -0
package/apps/react-admin/src/components/TenantAppBar.tsx +46 -0
package/apps/react-admin/src/components/TenantLayout.tsx +17 -0
package/apps/react-admin/src/components/applications/create.tsx +29 -0
package/apps/react-admin/src/components/applications/edit.tsx +40 -0
package/apps/react-admin/src/components/applications/index.ts +3 -0
package/apps/react-admin/src/components/applications/list.tsx +37 -0
package/apps/react-admin/src/components/common/DateAgo.tsx +6 -0
package/apps/react-admin/src/components/common/JsonOutput.tsx +3 -0
package/apps/react-admin/src/components/common/index.ts +1 -0
package/apps/react-admin/src/components/connections/create.tsx +11 -0
package/apps/react-admin/src/components/connections/edit.tsx +66 -0
package/apps/react-admin/src/components/connections/index.ts +3 -0
package/apps/react-admin/src/components/connections/list.tsx +15 -0
package/apps/react-admin/src/components/domains/create.tsx +11 -0
package/apps/react-admin/src/components/domains/edit.tsx +49 -0
package/apps/react-admin/src/components/domains/index.ts +3 -0
package/apps/react-admin/src/components/domains/list.tsx +15 -0
package/apps/react-admin/src/components/listActions/PostListActions.tsx +10 -0
package/apps/react-admin/src/components/tenants/create.tsx +15 -0
package/apps/react-admin/src/components/tenants/edit.tsx +51 -0
package/apps/react-admin/src/components/tenants/index.ts +2 -0
package/apps/react-admin/src/components/tenants/list.tsx +48 -0
package/apps/react-admin/src/components/users/create.tsx +15 -0
package/apps/react-admin/src/components/users/edit.tsx +108 -0
package/apps/react-admin/src/components/users/index.ts +3 -0
package/apps/react-admin/src/components/users/list.tsx +30 -0
package/apps/react-admin/src/data.json +121 -0
package/apps/react-admin/src/dataProvider.ts +48 -0
package/apps/react-admin/src/index.tsx +30 -0
package/apps/react-admin/src/lib/logs.ts +19 -0
package/apps/react-admin/tsconfig.json +9 -0
package/apps/react-admin/tsconfig.node.json +4 -0
package/apps/react-admin/vercel.json +20 -0
package/apps/react-admin/vite.config.ts +19 -0
package/eslint.config.mjs +25 -0
package/package.json +22 -16
package/packages/authhero/CHANGELOG.md +7 -0
package/packages/authhero/README.md +9 -0
package/packages/authhero/package.json +25 -0
package/packages/authhero/src/bun.ts +16 -0
package/packages/authhero/src/index.ts +34 -0
package/packages/authhero/src/routes/oauth2/index.ts +1 -0
package/packages/authhero/src/routes/oauth2/well-known.ts +179 -0
package/{src → packages/authhero/src}/types/Bindings.ts +3 -0
package/packages/authhero/src/types/JWKS.ts +37 -0
package/packages/authhero/src/types/Variables.ts +1 -0
package/packages/authhero/src/types/index.ts +3 -0
package/packages/authhero/src/vite-env.d.ts +1 -0
package/packages/authhero/tsconfig.json +11 -0
package/packages/authhero/tsconfig.node.json +4 -0
package/packages/create-authhero/package.json +22 -0
package/packages/create-authhero/src/index.ts +72 -0
package/packages/create-authhero/src/vite-env.d.ts +1 -0
package/packages/create-authhero/templates/sqlite/package.json +17 -0
package/packages/create-authhero/templates/sqlite/src/index.ts +19 -0
package/packages/create-authhero/templates/sqlite/yarn.lock +48 -0
package/packages/create-authhero/tsconfig.json +9 -0
package/packages/create-authhero/tsconfig.node.json +4 -0
package/packages/create-authhero/vite.config.ts +14 -0
package/pnpm-workspace.yaml +3 -0
package/tsconfig.json +28 -8
package/tsconfig.node.json +7 -2
package/dist/authhero.js +0 -4912
package/dist/index.d.ts +0 -4
package/dist/index.d.ts.map +0 -1
package/dist/types/Bindings.d.ts +0 -5
package/dist/types/Bindings.d.ts.map +0 -1
package/src/index.ts +0 -13
/package/{src → apps/react-admin/src}/vite-env.d.ts +0 -0
/package/{vite.config.ts → packages/authhero/vite.config.ts} +0 -0

package/.changeset/README.md ADDED Viewed

@@ -0,0 +1,8 @@
+# Changesets
+Hello and welcome! This folder has been automatically generated by `@changesets/cli`, a build tool that works
+with multi-package repos, or single-package repos to help you version and publish your code. You can
+find the full documentation for it [in our repository](https://github.com/changesets/changesets)
+We have a quick list of common questions to get you started engaging with this project in
+[our documentation](https://github.com/changesets/changesets/blob/main/docs/common-questions.md)

package/.changeset/config.json ADDED Viewed

@@ -0,0 +1,11 @@
+{
+  "$schema": "https://unpkg.com/@changesets/config@3.0.2/schema.json",
+  "changelog": "@changesets/cli/changelog",
+  "commit": false,
+  "fixed": [],
+  "linked": [],
+  "access": "restricted",
+  "baseBranch": "main",
+  "updateInternalDependencies": "patch",
+  "ignore": []
+}

package/.github/workflows/release.yml ADDED Viewed

@@ -0,0 +1,34 @@
+name: Release
+on:
+  push:
+    branches:
+      - main
+concurrency: ${{ github.workflow }}-${{ github.ref }}
+jobs:
+  release:
+    name: Release
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout Repo
+        uses: actions/checkout@v3
+      - name: Setup Node.js 20.x
+        uses: actions/setup-node@v3
+        with:
+          node-version: 20.x
+      - name: Install Dependencies
+        run: yarn
+      - name: Create Release Pull Request or Publish to npm
+        id: changesets
+        uses: changesets/action@v1
+        with:
+          # This expects you to have a script called release which does a build for your packages and calls changeset publish
+          publish: yarn release
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}

package/.prettierignore ADDED Viewed

@@ -0,0 +1,3 @@
+dist
+node_modules
+*/*.yml

package/.prettierrc.json ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"printWidth": 80, "singleQuote": false}

package/README.md CHANGED Viewed

@@ -1,9 +1,14 @@
-# Authhero
+# authhero
-An open-source auth library for building a drop-in replacement for Auth0.
+Monorepo for authhero containing the following apps:
-Setup a new project with Authhero in 5 minutes or less:
+- Manage, a web app for managing auth tenants
+## Getting Started
+Get started by running the following commands:
 ```bash
-npx create-authhero
+pnpm install
+pnpm dev
 ```

package/apps/react-admin/.eslintrc.js ADDED Viewed

@@ -0,0 +1,21 @@
+export default {
+    "extends": [
+        "eslint:recommended",
+        "plugin:react/recommended",
+        "plugin:react/jsx-runtime",
+        "plugin:react-hooks/recommended",
+        "prettier"
+    ],
+    "parser": "@typescript-eslint/parser",
+    "plugins": ["@typescript-eslint"],
+    "env": {
+        "browser": true,
+        "es2021": true,
+        "node": true
+    },
+    "settings": {
+        "react": {
+            "version": "detect"
+        }
+    }
+}

package/apps/react-admin/README.md ADDED Viewed

@@ -0,0 +1,50 @@
+# react-admin
+## Installation
+Install the application dependencies by running:
+```sh
+npm install
+# or
+yarn install
+```
+## Development
+Start the application in development mode by running:
+```sh
+npm run dev
+# or
+yarn dev
+```
+## Production
+Build the application in production mode by running:
+```sh
+npm run build
+# or
+yarn build
+```
+## DataProvider
+The included data provider use [FakeREST](https://github.com/marmelab/fakerest) to simulate a backend.
+You'll find a `data.json` file in the `src` directory that includes some fake data for testing purposes.
+It includes two resources, posts and comments.
+Posts have the following properties: `id`, `title` and `content`.
+Comments have the following properties: `id`, `post_id` and `content`.
+## Tests
+You can run the included tests with the following command:
+```sh
+npm run test
+# or
+yarn run test
+```

package/apps/react-admin/index.html ADDED Viewed

@@ -0,0 +1,125 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="utf-8" />
+        <meta
+            name="viewport"
+            content="minimum-scale=1, initial-scale=1, width=device-width, shrink-to-fit=no"
+        />
+        <meta name="theme-color" content="#000000" />
+        <link rel="manifest" href="./manifest.json" />
+        <link rel="shortcut icon" href="./favicon.ico" />
+        <title>Auth</title>
+        <style>
+            body {
+                margin: 0;
+                padding: 0;
+                font-family: sans-serif;
+            }
+            .loader-container {
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                flex-direction: column;
+                position: absolute;
+                top: 0;
+                bottom: 0;
+                left: 0;
+                right: 0;
+                background-color: #fafafa;
+            }
+            /* CSS Spinner from https://projects.lukehaas.me/css-loaders/ */
+            .loader,
+            .loader:before,
+            .loader:after {
+                border-radius: 50%;
+            }
+            .loader {
+                color: #283593;
+                font-size: 11px;
+                text-indent: -99999em;
+                margin: 55px auto;
+                position: relative;
+                width: 10em;
+                height: 10em;
+                box-shadow: inset 0 0 0 1em;
+                -webkit-transform: translateZ(0);
+                -ms-transform: translateZ(0);
+                transform: translateZ(0);
+            }
+            .loader:before,
+            .loader:after {
+                position: absolute;
+                content: '';
+            }
+            .loader:before {
+                width: 5.2em;
+                height: 10.2em;
+                background: #fafafa;
+                border-radius: 10.2em 0 0 10.2em;
+                top: -0.1em;
+                left: -0.1em;
+                -webkit-transform-origin: 5.2em 5.1em;
+                transform-origin: 5.2em 5.1em;
+                -webkit-animation: load2 2s infinite ease 1.5s;
+                animation: load2 2s infinite ease 1.5s;
+            }
+            .loader:after {
+                width: 5.2em;
+                height: 10.2em;
+                background: #fafafa;
+                border-radius: 0 10.2em 10.2em 0;
+                top: -0.1em;
+                left: 5.1em;
+                -webkit-transform-origin: 0px 5.1em;
+                transform-origin: 0px 5.1em;
+                -webkit-animation: load2 2s infinite ease;
+                animation: load2 2s infinite ease;
+            }
+            @-webkit-keyframes load2 {
+                0% {
+                    -webkit-transform: rotate(0deg);
+                    transform: rotate(0deg);
+                }
+                100% {
+                    -webkit-transform: rotate(360deg);
+                    transform: rotate(360deg);
+                }
+            }
+            @keyframes load2 {
+                0% {
+                    -webkit-transform: rotate(0deg);
+                    transform: rotate(0deg);
+                }
+                100% {
+                    -webkit-transform: rotate(360deg);
+                    transform: rotate(360deg);
+                }
+            }
+        </style>
+        <link rel="preconnect" href="https://fonts.gstatic.com" />
+        <link
+            href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap"
+            rel="stylesheet"
+        />
+    </head>
+    <body>
+        <noscript> You need to enable JavaScript to run this app. </noscript>
+        <div id="root">
+            <div class="loader-container">
+                <div class="loader">Loading...</div>
+            </div>
+        </div>
+    </body>
+    <script type="module" src="/src/index.tsx"></script>
+</html>

package/apps/react-admin/package.json ADDED Viewed

@@ -0,0 +1,45 @@
+{
+  "name": "@authhero/react-admin",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "serve": "vite preview",
+    "type-check": "tsc --noEmit",
+    "lint": "eslint --fix --ext .js,.jsx,.ts,.tsx ./src",
+    "format": "prettier --write ./src",
+    "test": "vitest"
+  },
+  "dependencies": {
+    "@auth0/auth0-spa-js": "^2.1.3",
+    "@mui/icons-material": "^5.15.20",
+    "@mui/material": "^5.15.20",
+    "date-fns": "^3.6.0",
+    "query-string": "^9.0.0",
+    "ra-auth-auth0": "^1.1.1",
+    "ra-core": "^5.0.2",
+    "ra-data-fakerest": "^5.0.2",
+    "react": "^18.3.1",
+    "react-admin": "^5.0.2",
+    "react-admin-color-picker": "^1.0.3",
+    "react-dom": "^18.3.1",
+    "react-router-dom": "^6.24.0"
+  },
+  "devDependencies": {
+    "@testing-library/react": "^16.0.0",
+    "@types/node": "^20.14.9",
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0",
+    "@typescript-eslint/eslint-plugin": "^7.14.1",
+    "@typescript-eslint/parser": "^7.14.1",
+    "@vitejs/plugin-react": "^4.3.1",
+    "eslint": "^9.6.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-react": "^7.34.3",
+    "eslint-plugin-react-hooks": "^4.6.2",
+    "jsdom": "^24.1.0",
+    "prettier": "^3.3.2",
+    "typescript": "^5.5.2",
+    "vite": "^5.3.2",
+    "vitest": "^1.6.0"
+  }
+}

package/apps/react-admin/prettier.config.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ module.exports = {}

package/apps/react-admin/public/favicon.ico ADDED Viewed

Binary file

package/apps/react-admin/public/manifest.json ADDED Viewed

@@ -0,0 +1,15 @@
+{
+    "short_name": "react-admin",
+    "name": "{{name}}",
+    "icons": [
+        {
+            "src": "favicon.ico",
+            "sizes": "64x64 32x32 24x24 16x16",
+            "type": "image/x-icon"
+        }
+    ],
+    "start_url": "./index.html",
+    "display": "standalone",
+    "theme_color": "#000000",
+    "background_color": "#ffffff"
+}

package/apps/react-admin/src/App.spec.tsx ADDED Viewed

@@ -0,0 +1,39 @@
+import { fireEvent, render, screen, waitFor } from "@testing-library/react";
+import { App } from "./App";
+test("should pass", async () => {
+	vi.spyOn(window, "scrollTo").mockImplementation(() => {});
+	render(<App />);
+	// Open the first post
+	fireEvent.click(await screen.findByText("Post 1"));
+	fireEvent.click(await screen.findByText("Edit"));
+	await screen.findByDisplayValue("Post 1");
+	// Ensure the form is fully loaded before interacting with it
+	await new Promise((resolve) => setTimeout(resolve, 1000));
+	// Update its title
+	fireEvent.change(await screen.findByDisplayValue("Post 1"), {
+		target: { value: "Post 1 edited" },
+	});
+	fireEvent.click(await screen.findByText("Save"));
+	await screen.findByText("Post 1 edited");
+	// Navigate to the comments
+	fireEvent.click(await screen.findByText("Comments"));
+	// Open the first comment
+	fireEvent.click(await screen.findByText("Comment 1"));
+	fireEvent.click(await screen.findByText("Edit"));
+	await screen.findByDisplayValue("Post 1 edited");
+	// Ensure the form is fully loaded before interacting with it
+	await new Promise((resolve) => setTimeout(resolve, 1000));
+	// Edit the comment selected post
+	fireEvent.click(await screen.findByDisplayValue("Post 1 edited"));
+	fireEvent.click(await screen.findByText("Post 11"));
+	fireEvent.click(await screen.findByText("Save"));
+	// Check the comment has been updated by finding the post link in the comments list page
+	await screen.findByText("Post 11", { selector: "a *" });
+}, 10000);

package/apps/react-admin/src/App.tsx ADDED Viewed

@@ -0,0 +1,75 @@
+import { Admin, Resource, ShowGuesser } from "react-admin";
+import Group from "@mui/icons-material/Group";
+import CloudQueue from "@mui/icons-material/CloudQueue";
+import PickALogsIcon from "@mui/icons-material/AccountBalanceWalletOutlined";
+import Layers from "@mui/icons-material/Layers";
+import { getDataproviderForTenant } from "./dataProvider";
+import { authProvider } from "./authProvider";
+import {
+  ApplicationCreate,
+  ApplicationEdit,
+  ApplicationsList,
+} from "./components/applications";
+import {
+  ConnectionsList,
+  ConnectionCreate,
+  ConnectionEdit,
+} from "./components/connections";
+import { tenantLayout } from "./components/TenantLayout";
+import { UserCreate, UserEdit, UsersList } from "./components/users";
+import { DomainCreate, DomainEdit, DomainList } from "./components/domains";
+import { LogsList, LogShow } from "./components/logs";
+interface AppProps {
+  tenantId: string;
+}
+export function App(props: AppProps) {
+  const dataProvider = getDataproviderForTenant(props.tenantId);
+  return (
+    <Admin
+      dataProvider={dataProvider}
+      authProvider={authProvider}
+      layout={tenantLayout}
+      requireAuth
+    >
+      <Resource
+        icon={Layers}
+        name="applications"
+        list={ApplicationsList}
+        edit={ApplicationEdit}
+        create={ApplicationCreate}
+        show={ShowGuesser}
+      />
+      <Resource
+        icon={CloudQueue}
+        name="connections"
+        list={ConnectionsList}
+        create={ConnectionCreate}
+        edit={ConnectionEdit}
+        show={ShowGuesser}
+      />
+      <Resource
+        icon={Group}
+        name="users"
+        list={UsersList}
+        edit={UserEdit}
+        create={UserCreate}
+        show={ShowGuesser}
+      />
+      <Resource
+        name="domains"
+        create={DomainCreate}
+        list={DomainList}
+        edit={DomainEdit}
+      />
+      <Resource
+        icon={PickALogsIcon}
+        name="logs"
+        list={LogsList}
+        show={LogShow}
+      />
+    </Admin>
+  );
+}

package/apps/react-admin/src/Layout.tsx ADDED Viewed

@@ -0,0 +1,12 @@
+import type { ReactNode } from 'react';
+import {
+  Layout as RALayout,
+  CheckForApplicationUpdate,
+} from "react-admin";
+export const Layout = ({ children }: { children: ReactNode }) => (
+  <RALayout>
+    {children}
+    <CheckForApplicationUpdate />
+  </RALayout>
+);

package/apps/react-admin/src/TenantsApp.tsx ADDED Viewed

@@ -0,0 +1,21 @@
+import { Admin, Resource, ShowGuesser } from "react-admin";
+import { getDataprovider } from "./dataProvider";
+import { authProvider } from "./authProvider";
+import { TenantsCreate, TenantsList } from "./components/tenants";
+import { TenantsEdit } from "./components/tenants/edit";
+export function TenantsApp() {
+  const dataProvider = getDataprovider();
+  return (
+    <Admin dataProvider={dataProvider} authProvider={authProvider}>
+      <Resource
+        name="tenants"
+        list={TenantsList}
+        edit={TenantsEdit}
+        create={TenantsCreate}
+        show={ShowGuesser}
+      />
+    </Admin>
+  );
+}