Add Apple auth provider frontend support

frontend/apps/remark42/app/common/types.ts

@@ -97,6 +97,7 @@ export interface Tree {
 }
 
 export type OAuthProvider =
+  | 'apple'
   | 'facebook'
   | 'twitter'
   | 'google'

frontend/apps/remark42/app/components/auth/auth.spec.tsx

@@ -74,6 +74,7 @@ describe('<Auth/>', () => {
     [['facebook', 'google', 'microsoft']],
     [['facebook', 'google', 'microsoft', 'yandex']],
     [['facebook', 'google', 'microsoft', 'yandex', 'twitter']],
+    [['facebook', 'google', 'microsoft', 'yandex', 'twitter', 'apple']],
   ] as [OAuthProvider[]][])('should renders with %j providers', async (providers) => {
     StaticStore.config.auth_providers = providers;
 

frontend/apps/remark42/app/components/auth/components/oauth.consts.ts

@@ -1,4 +1,11 @@
 export const OAUTH_DATA = {
+  apple: {
+    name: 'Apple',
+    icons: {
+      light: require('assets/social/apple-light.svg').default as string,
+      dark: require('assets/social/apple-dark.svg').default as string,
+    },
+  },
   facebook: require('assets/social/facebook.svg').default as string,
   twitter: require('assets/social/twitter.svg').default as string,
   patreon: require('assets/social/patreon.svg').default as string,

frontend/packages/api/clients/index.ts

@@ -17,6 +17,7 @@ export interface User {
 }
 
 export type OAuthProvider =
+	| 'apple'
 	| 'facebook'
 	| 'twitter'
 	| 'google'

site/src/docs/configuration/authorization/index.md

@@ -6,7 +6,7 @@ title: Authorization
 
 Authentication handled by external providers. You should set up OAuth2 for at least one of them to allow users to make comments. It is not mandatory to have all of them, but one should be correctly configured.
 
-### Apple (not implemented yet)
+### Apple
 
 1. Log in [to the developer account](https://developer.apple.com/account).
 1. If you don't have an App ID yet, [create one](https://developer.apple.com/account/resources/identifiers/add/bundleId). Later on, you'll need **TeamID**, which is an "App ID Prefix" value.