feat(examples/react-parcel-js): update react-auth build to support ts and js

bahdcoder · bahdcoder · commit dea19e7ac743 · 2021-07-04T23:42:22.000+01:00
diff --git a/examples/react-parcel-js/.gitignore b/examples/react-parcel-js/.gitignore
@@ -0,0 +1,2 @@
+node_modules/
+dist/
diff --git a/examples/react-parcel-js/index.html b/examples/react-parcel-js/index.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <title>Tensei, TypeScript, React, Parcel Starter!</title>
+</head>
+
+<body>
+    <div id="app"></div>
+    <script src="src/App.js" type="text/javascript"></script>
+</body>
+
+</html>
diff --git a/examples/react-parcel-js/package.json b/examples/react-parcel-js/package.json
@@ -0,0 +1,22 @@
+{
+  "name": "@examples/react-parcel",
+  "version": "0.8.17",
+  "main": "index.js",
+  "license": "MIT",
+  "private": true,
+  "devDependencies": {
+    "@types/react": "^17.0.13",
+    "@types/react-dom": "^17.0.8",
+    "parcel-bundler": "^1.12.5",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "typescript": "^4.3.5"
+  },
+  "scripts": {
+    "example:dev": "parcel index.html"
+  },
+  "gitHead": "92a29de45627693db340d3b4a503f52eddc2fb27",
+  "dependencies": {
+    "react-router-dom": "^5.2.0"
+  }
+}
diff --git a/examples/react-parcel-js/src/App.js b/examples/react-parcel-js/src/App.js
@@ -0,0 +1,71 @@
+import * as React from 'react'
+import * as ReactDOM from 'react-dom'
+import { BrowserRouter, Route } from 'react-router-dom'
+
+import { TenseiAuthProvider, useAuth, useTensei } from '@tensei/react-auth'
+
+console.log(TenseiAuthProvider)
+
+const Auth = () => {
+    const tensei = useTensei()
+    const { isLoading, user } = useAuth()
+
+    const login = () => {
+        tensei.auth().login({
+            object: {
+                email: 'parcel@tenseijs.com',
+                password: 'password',
+                accepted_terms_and_conditions: true
+            }
+        })
+    }
+
+    const logout = () => {
+        tensei.auth().logout()
+    }
+
+    if (isLoading) {
+        return null
+    }
+
+    if (user) {
+        return (
+            <>
+                <button onClick={logout}>
+                    Logout
+                </button>
+            </>
+        )
+    }
+
+    return (
+        <>
+            <button onClick={login}>
+                Login
+            </button>
+            <br />
+            <br />
+            <br />
+            <a href={tensei.auth().socialRedirectUrl('google')}>
+                Login with google
+            </a>
+        </>
+    )
+}
+
+const App = () => {
+    return (
+        <BrowserRouter>
+            <TenseiAuthProvider options={{
+                refreshTokens: true
+            }}>
+                <Route component={Auth} path='/' />
+            </TenseiAuthProvider>
+        </BrowserRouter>
+    )
+}
+
+ReactDOM.render(
+    <App />,
+    document.getElementById('app')
+)
diff --git a/examples/react-parcel/src/App.tsx b/examples/react-parcel/src/App.tsx
@@ -2,7 +2,7 @@ import * as React from 'react'
 import * as ReactDOM from 'react-dom'
 import { BrowserRouter, Route } from 'react-router-dom'
 
-import { AuthContextProvider, useAuth, useTensei } from '@tensei/react-auth'
+import { TenseiAuthProvider, useAuth, useTensei } from '@tensei/react-auth'
 
 const Auth: React.FunctionComponent = () => {
     const tensei = useTensei()
@@ -54,11 +54,11 @@ const Auth: React.FunctionComponent = () => {
 const App: React.FunctionComponent = () => {
     return (
         <BrowserRouter>
-            <AuthContextProvider options={{
+            <TenseiAuthProvider options={{
                 refreshTokens: true
             }}>
                 <Route component={Auth} path='/' />
-            </AuthContextProvider>
+            </TenseiAuthProvider>
         </BrowserRouter>
     )
 }
diff --git a/packages/react-auth/tsconfig.build.json b/packages/react-auth/tsconfig.build.json
@@ -1,21 +1,12 @@
 {
   "compilerOptions": {
     "declaration": true,
-    "declarationMap": true,
-    "esModuleInterop": true,
-    "forceConsistentCasingInFileNames": true,
-    "importHelpers": true,
     "module": "commonjs",
     "moduleResolution": "node",
-    "noFallthroughCasesInSwitch": true,
-    "noImplicitAny": true,
-    "noImplicitReturns": true,
-    "noImplicitThis": true,
-    "sourceMap": true,
     "target": "es6",
-    "resolveJsonModule": true,
     "jsx": "react",
     "outDir": "./dist",
+    "esModuleInterop": true,
     "skipLibCheck": true,
     "types": ["jest", "node", "@testing-library/jest-dom"]
   },
