feat(ory): init (#2)

TorinAsakura · Amiditin · web-flow · commit aca4a5185ff3 · 2025-01-22T15:27:05.000+03:00
* feat(ory): init

* chore(common): bump yarn

* chore(common): format files

* chore(common): install dependencies

---------

Co-authored-by: Dmitry &lt;dimafomin02@gmail.com&gt;
diff --git a/.github/ISSUE_TEMPLATE/bug.yaml b/.github/ISSUE_TEMPLATE/bug.yaml
@@ -58,4 +58,4 @@ body:
     validations:
       required: true
 
-projects: ['atls/11']
+projects: ['atls/11']
diff --git a/.github/ISSUE_TEMPLATE/docs.yaml b/.github/ISSUE_TEMPLATE/docs.yaml
@@ -41,4 +41,4 @@ body:
     validations:
       required: true
 
-projects: ['atls/11']
+projects: ['atls/11']
diff --git a/.github/ISSUE_TEMPLATE/feature.yaml b/.github/ISSUE_TEMPLATE/feature.yaml
@@ -44,4 +44,4 @@ body:
     validations:
       required: true
 
-projects: ['atls/11']
+projects: ['atls/11']
diff --git a/.pnp.cjs b/.pnp.cjs
diff --git a/.yarn/releases/yarn-remote.mjs b/.yarn/releases/yarn-remote.mjs
diff --git a/package.json b/package.json
@@ -1,13 +1,25 @@
 {
-  "name": "template",
+  "name": "react-native",
   "private": true,
   "license": "BSD 3-Clause",
   "type": "module",
+  "workspaces": [
+    "packages/*"
+  ],
   "devDependencies": {
-    "@atls/code-runtime": "2.0.7",
+    "@atls/code-runtime": "2.1.2",
     "@types/node": "22.10.2",
     "eslint": "9.17.0",
     "typescript": "5.5.4"
   },
-  "packageManager": "yarn@4.5.3"
+  "packageManager": "yarn@4.6.0",
+  "tools": {
+    "schematic": {
+      "collection": "@atls/schematics",
+      "schematic": "project",
+      "type": "libraries",
+      "migration": "1943133755669"
+    }
+  },
+  "typecheckSkipLibCheck": true
 }
diff --git a/packages/react-native-kratos/package.json b/packages/react-native-kratos/package.json
@@ -0,0 +1,40 @@
+{
+  "name": "@atls/react-native-kratos",
+  "version": "0.0.0",
+  "license": "BSD-3-Clause",
+  "main": "src/index.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "yarn library build",
+    "prepack": "yarn run build",
+    "postpack": "rm -rf dist"
+  },
+  "dependencies": {
+    "@atls/react-kratos": "0.0.2"
+  },
+  "devDependencies": {
+    "@react-native-async-storage/async-storage": "^1.21.0",
+    "@types/react": "^18.2.45",
+    "@types/react-dom": "^18.2.18",
+    "expo-auth-session": "^5.4.0",
+    "expo-secure-store": "^12.8.1",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-native": "^0.73.1"
+  },
+  "peerDependencies": {
+    "@react-native-async-storage/async-storage": "^1",
+    "expo-auth-session": "^5",
+    "expo-secure-store": "^12",
+    "react": "^18.0.0",
+    "react-native": "^0.73.0"
+  },
+  "publishConfig": {
+    "access": "public",
+    "main": "dist/index.js",
+    "typings": "dist/index.d.ts"
+  },
+  "typecheckSkipLibCheck": true
+}
diff --git a/packages/react-native-kratos/src/flows/index.ts b/packages/react-native-kratos/src/flows/index.ts
@@ -0,0 +1,2 @@
+export * from './react-native-login.flow'
+export * from './react-native-registration.flow'
diff --git a/packages/react-native-kratos/src/flows/react-native-login.flow.tsx b/packages/react-native-kratos/src/flows/react-native-login.flow.tsx
@@ -0,0 +1,35 @@
+import type { ReactNode }    from 'react'
+import type { ReactElement } from 'react'
+
+import { LoginNativeFlow }   from '@atls/react-kratos'
+import { makeRedirectUri }   from 'expo-auth-session'
+import React                 from 'react'
+
+import { useAuth }           from '../hooks'
+
+export interface ReactNativeLoginFlowProps {
+  route: { params?: { aal?: 'aal1' | 'aal2'; refresh?: boolean } }
+  children: ReactNode
+}
+
+export const ReactNativeLoginFlow = ({
+  children,
+  route,
+}: ReactNativeLoginFlowProps): ReactElement => {
+  const { sessionToken, setSession } = useAuth()
+
+  return (
+    <LoginNativeFlow
+      aal={route.params?.aal}
+      refresh={route.params?.refresh}
+      sessionToken={sessionToken}
+      returnTo={makeRedirectUri({
+        preferLocalhost: true,
+        path: '/Callback',
+      })}
+      onSession={setSession}
+    >
+      {children}
+    </LoginNativeFlow>
+  )
+}
diff --git a/packages/react-native-kratos/src/flows/react-native-registration.flow.tsx b/packages/react-native-kratos/src/flows/react-native-registration.flow.tsx
@@ -0,0 +1,19 @@
+import type { ReactNode }         from 'react'
+import type { ReactElement }      from 'react'
+
+import { RegistrationNativeFlow } from '@atls/react-kratos'
+import React                      from 'react'
+
+import { useAuth }                from '../hooks'
+
+export interface ReactNativeRegistrationFlowProps {
+  children: ReactNode
+}
+
+export const ReactNativeRegistrationFlow = ({
+  children,
+}: ReactNativeRegistrationFlowProps): ReactElement => {
+  const { setSession } = useAuth()
+
+  return <RegistrationNativeFlow onSession={setSession}>{children}</RegistrationNativeFlow>
+}
diff --git a/packages/react-native-kratos/src/hooks/index.ts b/packages/react-native-kratos/src/hooks/index.ts
@@ -0,0 +1 @@
+export * from './use-auth.hook'
diff --git a/packages/react-native-kratos/src/hooks/use-auth.hook.ts b/packages/react-native-kratos/src/hooks/use-auth.hook.ts
@@ -0,0 +1,15 @@
+import type { ContextAuth } from '../providers'
+
+import { useContext }       from 'react'
+
+import { AuthContext }      from '../providers'
+
+export const useAuth = (): ContextAuth => {
+  const auth = useContext(AuthContext)
+
+  if (!auth) {
+    throw new Error('Missing <AuthProvider>')
+  }
+
+  return auth
+}
diff --git a/packages/react-native-kratos/src/index.ts b/packages/react-native-kratos/src/index.ts
@@ -0,0 +1,5 @@
+export * from '@atls/react-kratos'
+
+export * from './providers'
+export * from './flows'
+export * from './hooks'
diff --git a/packages/react-native-kratos/src/providers/auth.provider.tsx b/packages/react-native-kratos/src/providers/auth.provider.tsx
@@ -0,0 +1,104 @@
+/* eslint-disable react/jsx-no-constructed-context-values */
+
+import type { Session }      from '@atls/react-kratos'
+import type { ReactElement } from 'react'
+import type { ReactNode }    from 'react'
+
+import { useSdk }            from '@atls/react-kratos'
+import AsyncStore            from '@react-native-async-storage/async-storage'
+import * as SecureStore      from 'expo-secure-store'
+import { Platform }          from 'react-native'
+import { createContext }     from 'react'
+import { useCallback }       from 'react'
+import { useEffect }         from 'react'
+import { useState }          from 'react'
+import React                 from 'react'
+
+const USER_SESSION_NAME = 'user_session'
+
+export type SessionContext =
+  | {
+      sessionToken?: string
+      session: Session
+    }
+  | undefined
+
+export interface ContextAuth {
+  session?: Session
+  sessionToken?: string
+  isAuthenticated: boolean
+  setSession: (session: SessionContext) => Promise<void>
+}
+
+export const AuthContext = createContext<ContextAuth>({
+  isAuthenticated: false,
+  setSession: async () => Promise.resolve(),
+})
+
+interface AuthProviderProps {
+  children: ReactNode
+}
+
+export const AuthProvider = ({ children }: AuthProviderProps): ReactElement | null => {
+  const [sessionContext, setSessionContext] = useState<SessionContext | undefined>(undefined)
+  const [initialized, setInitialized] = useState<boolean>(false)
+  const sdk = useSdk()
+
+  const setSession = useCallback(
+    async (session: SessionContext) => {
+      if (Platform.OS !== 'web') {
+        await SecureStore.setItemAsync(USER_SESSION_NAME, JSON.stringify(session))
+      } else {
+        await AsyncStore.setItem(USER_SESSION_NAME, JSON.stringify(session))
+      }
+
+      setSessionContext(session)
+    },
+    [setSessionContext]
+  )
+
+  useEffect(() => {
+    const getAuthenticatedSession = async (): Promise<void> => {
+      const userSession =
+        Platform.OS !== 'web'
+          ? await SecureStore.getItemAsync(USER_SESSION_NAME)
+          : await AsyncStore.getItem(USER_SESSION_NAME)
+
+      const auth: SessionContext = userSession ? JSON.parse(userSession) : undefined
+
+      if (auth?.sessionToken) {
+        try {
+          const { data: session } = await sdk.toSession({ xSessionToken: auth.sessionToken })
+
+          setSessionContext({ session, sessionToken: auth.sessionToken })
+        } catch (error) {
+          // eslint-disable-next-line no-console
+          console.log(error)
+
+          setSessionContext(undefined)
+        }
+      }
+
+      setInitialized(true)
+    }
+
+    getAuthenticatedSession()
+  }, [sdk])
+
+  if (!initialized) {
+    return null
+  }
+
+  return (
+    <AuthContext.Provider
+      value={{
+        session: sessionContext?.session,
+        sessionToken: sessionContext?.sessionToken,
+        isAuthenticated: Boolean(sessionContext?.sessionToken),
+        setSession,
+      }}
+    >
+      {children}
+    </AuthContext.Provider>
+  )
+}
diff --git a/packages/react-native-kratos/src/providers/index.ts b/packages/react-native-kratos/src/providers/index.ts
@@ -0,0 +1 @@
+export * from './auth.provider'
diff --git a/tsconfig.json b/tsconfig.json
@@ -26,6 +26,6 @@
     "strictPropertyInitialization": false,
     "outDir": "./dist"
   },
-  "include": ["project.types.d.ts"],
+  "include": ["project.types.d.ts", "packages/**/*"],
   "exclude": [".idea"]
 }
diff --git a/yarn.lock b/yarn.lock

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,2 @@`
	`1`	`+export * from './react-native-login.flow'`
	`2`	`+export * from './react-native-registration.flow'`