@youversion/platform-react-hooks 1.13.0 → 1.14.1

package/.turbo/turbo-build.log

@@ -1,4 +1,4 @@
 
-> @youversion/platform-react-hooks@1.13.0 build /home/runner/work/platform-sdk-react/platform-sdk-react/packages/hooks
+> @youversion/platform-react-hooks@1.14.1 build /home/runner/work/platform-sdk-react/platform-sdk-react/packages/hooks
 > tsc -p tsconfig.build.json
 

package/AGENTS.md

@@ -102,7 +102,7 @@ import { useChapter, useVersion, useVerseOfTheDay } from '@youversion/platform-r
 // Fetch a Bible chapter
 function ChapterView() {
   const { chapter, loading, error } = useChapter(
-    111,      // versionId (e.g., 111 = NIV)
+    3034,      // versionId (e.g., 3034 = Berean Standard Bible)
     'JHN',    // book (USFM abbreviation)
     3         // chapter number
   );
@@ -114,7 +114,7 @@ function ChapterView() {
 
 // Fetch Bible version metadata
 function VersionInfo() {
-  const { version, loading } = useVersion(111);
+  const { version, loading } = useVersion(3034);
   if (loading) return <div>Loading...</div>;
   return <div>{version?.name} ({version?.abbreviation})</div>;
 }

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @youversion/platform-react-hooks
 
+## 1.14.1
+
+### Patch Changes
+
+- 51d97e5: Standardized our default Bible Version to one that does not require opt-in license to use, so that our components work out of the box by default
+- Updated dependencies [51d97e5]
+  - @youversion/platform-core@1.14.1
+
+## 1.14.0
+
+### Minor Changes
+
+- 2d2c597: Added 'system' as an option to YouVersionProvider theme prop that resolves via `prefers-color-scheme` with live OS change listener
+
+### Patch Changes
+
+- Updated dependencies [2d2c597]
+  - @youversion/platform-core@1.14.0
+
 ## 1.13.0
 
 ### Minor Changes

package/README.md

@@ -30,7 +30,7 @@ Get your App Key at [platform.youversion.com](https://platform.youversion.com/)
 import { YouVersionProvider, usePassage } from '@youversion/platform-react-hooks';
 
 function BibleVerse() {
-  const { passage, loading } = usePassage({ versionId: 111, usfm: 'JHN.3.16' });
+  const { passage, loading } = usePassage({ versionId: 3034, usfm: 'JHN.3.16' });
   if (loading) return <div>Loading...</div>;
   return <div dangerouslySetInnerHTML={{ __html: passage?.content || '' }} />;
 }

package/dist/context/YouVersionProvider.d.ts

@@ -3,7 +3,7 @@ interface YouVersionProviderPropsBase {
     children: ReactNode;
     appKey: string;
     apiHost?: string;
-    theme?: 'light' | 'dark';
+    theme?: 'light' | 'dark' | 'system';
 }
 interface YouVersionProviderPropsWithAuth extends YouVersionProviderPropsBase {
     authRedirectUrl: string;

package/dist/context/YouVersionProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"YouVersionProvider.d.ts","sourceRoot":"","sources":["../../src/context/YouVersionProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAK1D,UAAU,2BAA2B;IACnC,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CAC1B;AAED,UAAU,+BAAgC,SAAQ,2BAA2B;IAC3E,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,EAAE,IAAI,CAAC;CACnB;AAED,UAAU,kCAAmC,SAAQ,2BAA2B;IAC9E,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,eAAe,CAAC,EAAE,KAAK,CAAC;CACzB;AAID,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,iBAAiB,CAAC,+BAA+B,GAAG,kCAAkC,CAAC,GAC7F,KAAK,CAAC,YAAY,CAiDpB"}
+{"version":3,"file":"YouVersionProvider.d.ts","sourceRoot":"","sources":["../../src/context/YouVersionProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAK1D,UAAU,2BAA2B;IACnC,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;CACrC;AAED,UAAU,+BAAgC,SAAQ,2BAA2B;IAC3E,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,EAAE,IAAI,CAAC;CACnB;AAED,UAAU,kCAAmC,SAAQ,2BAA2B;IAC9E,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,eAAe,CAAC,EAAE,KAAK,CAAC;CACzB;AAgCD,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,iBAAiB,CAAC,+BAA+B,GAAG,kCAAkC,CAAC,GAC7F,KAAK,CAAC,YAAY,CAkDpB"}

package/dist/context/YouVersionProvider.js

@@ -1,11 +1,37 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import { lazy, Suspense, useEffect } from 'react';
+import { lazy, Suspense, useEffect, useState } from 'react';
 import { YouVersionContext } from './YouVersionContext';
 import { YouVersionPlatformConfiguration } from '@youversion/platform-core';
 const AuthProvider = lazy(() => import('./YouVersionAuthProvider'));
+function useResolvedTheme(theme) {
+    const [resolved, setResolved] = useState(() => {
+        if (theme !== 'system')
+            return theme;
+        if (typeof window === 'undefined')
+            return 'light';
+        return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
+    });
+    useEffect(() => {
+        if (theme !== 'system') {
+            setResolved(theme);
+            return;
+        }
+        if (typeof window === 'undefined')
+            return;
+        const mediaQueryList = window.matchMedia('(prefers-color-scheme: dark)');
+        setResolved(mediaQueryList.matches ? 'dark' : 'light');
+        const handler = (e) => {
+            setResolved(e.matches ? 'dark' : 'light');
+        };
+        mediaQueryList.addEventListener('change', handler);
+        return () => mediaQueryList.removeEventListener('change', handler);
+    }, [theme]);
+    return resolved;
+}
 export function YouVersionProvider(props) {
     const { appKey, apiHost = 'api.youversion.com', includeAuth, theme = 'light', children } = props;
+    const resolvedTheme = useResolvedTheme(theme);
     // Syncing appKey and apiHost to YouVersionPlatformConfiguration
     // so that this can be in sync with any other code that uses
     // the YouVersionPlatformConfiguration, of which a lot of our
@@ -21,7 +47,7 @@ export function YouVersionProvider(props) {
                 appKey,
                 apiHost,
                 installationId: YouVersionPlatformConfiguration.installationId,
-                theme,
+                theme: resolvedTheme,
                 authEnabled: !!includeAuth,
             }, children: _jsx(Suspense, { children: _jsx(AuthProvider, { config: { appKey, apiHost, redirectUri: authRedirectUrl }, children: children }) }) }));
     }
@@ -30,7 +56,7 @@ export function YouVersionProvider(props) {
             appKey,
             apiHost,
             installationId: YouVersionPlatformConfiguration.installationId,
-            theme,
+            theme: resolvedTheme,
             authEnabled: !!includeAuth,
         }, children: children }));
 }

package/dist/context/YouVersionProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"YouVersionProvider.js","sourceRoot":"","sources":["../../src/context/YouVersionProvider.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,+BAA+B,EAAE,MAAM,2BAA2B,CAAC;AAmB5E,MAAM,YAAY,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,0BAA0B,CAAC,CAAC,CAAC;AAEpE,MAAM,UAAU,kBAAkB,CAChC,KAA8F;IAE9F,MAAM,EAAE,MAAM,EAAE,OAAO,GAAG,oBAAoB,EAAE,WAAW,EAAE,KAAK,GAAG,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAEjG,gEAAgE;IAChE,4DAA4D;IAC5D,6DAA6D;IAC7D,wCAAwC;IACxC,SAAS,CAAC,GAAG,EAAE;QACb,+BAA+B,CAAC,MAAM,GAAG,MAAM,CAAC;QAChD,+BAA+B,CAAC,OAAO,GAAG,OAAO,CAAC;IACpD,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IAEtB,IAAI,WAAW,EAAE,CAAC;QAChB,MAAM,EAAE,eAAe,EAAE,GAAG,KAAK,CAAC;QAElC,4EAA4E;QAC5E,OAAO,CACL,KAAC,iBAAiB,CAAC,QAAQ,IACzB,KAAK,EAAE;gBACL,MAAM;gBACN,OAAO;gBACP,cAAc,EAAE,+BAA+B,CAAC,cAAc;gBAC9D,KAAK;gBACL,WAAW,EAAE,CAAC,CAAC,WAAW;aAC3B,YAED,KAAC,QAAQ,cACP,KAAC,YAAY,IAAC,MAAM,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,YACpE,QAAQ,GACI,GACN,GACgB,CAC9B,CAAC;IACJ,CAAC;IAED,4EAA4E;IAC5E,OAAO,CACL,KAAC,iBAAiB,CAAC,QAAQ,IACzB,KAAK,EAAE;YACL,MAAM;YACN,OAAO;YACP,cAAc,EAAE,+BAA+B,CAAC,cAAc;YAC9D,KAAK;YACL,WAAW,EAAE,CAAC,CAAC,WAAW;SAC3B,YAEA,QAAQ,GACkB,CAC9B,CAAC;AACJ,CAAC"}
+{"version":3,"file":"YouVersionProvider.js","sourceRoot":"","sources":["../../src/context/YouVersionProvider.tsx"],"names":[],"mappings":"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"}

package/dist/useInitData.d.ts

@@ -1,6 +1,6 @@
-import type { BibleChapter, BibleVersion, BibleBook } from '@youversion/platform-core';
+import type { BibleBook, BibleChapter, BibleVersion } from '@youversion/platform-core';
 export declare const DEFAULT: {
-    readonly VERSION: 111;
+    readonly VERSION: 3034;
     readonly BOOK: "GEN";
     readonly CHAPTER: 1;
 };

package/dist/useInitData.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useInitData.d.ts","sourceRoot":"","sources":["../src/useInitData.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEvF,eAAO,MAAM,OAAO;;;;CAIV,CAAC;AAEX,UAAU,KAAK;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,UAAU,QAAQ;IAChB,OAAO,EAAE,YAAY,CAAC;IACtB,IAAI,EAAE,SAAS,CAAC;IAChB,OAAO,EAAE,YAAY,CAAC;CACvB;AAED,wBAAgB,WAAW,CACzB,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,GAAE,KAI3B,GACA;IACD,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,IAAI,EAAE,QAAQ,GAAG,IAAI,CAAC;CACvB,CAoBA"}
+{"version":3,"file":"useInitData.d.ts","sourceRoot":"","sources":["../src/useInitData.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAMvF,eAAO,MAAM,OAAO;;;;CAIV,CAAC;AAEX,UAAU,KAAK;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,UAAU,QAAQ;IAChB,OAAO,EAAE,YAAY,CAAC;IACtB,IAAI,EAAE,SAAS,CAAC;IAChB,OAAO,EAAE,YAAY,CAAC;CACvB;AAED,wBAAgB,WAAW,CACzB,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,GAAE,KAI3B,GACA;IACD,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,IAAI,EAAE,QAAQ,GAAG,IAAI,CAAC;CACvB,CAoBA"}

package/dist/useInitData.js

@@ -1,8 +1,9 @@
-import { useVersion } from './useVersion';
+import { DEFAULT_LICENSE_FREE_BIBLE_VERSION } from '@youversion/platform-core';
 import { useBook } from './useBook';
 import { useChapter } from './useChapter';
+import { useVersion } from './useVersion';
 export const DEFAULT = {
-    VERSION: 111,
+    VERSION: DEFAULT_LICENSE_FREE_BIBLE_VERSION,
     BOOK: 'GEN',
     CHAPTER: 1,
 };

package/dist/useInitData.js.map

@@ -1 +1 @@
-{"version":3,"file":"useInitData.js","sourceRoot":"","sources":["../src/useInitData.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG1C,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,OAAO,EAAE,GAAG;IACZ,IAAI,EAAE,KAAK;IACX,OAAO,EAAE,CAAC;CACF,CAAC;AAcX,MAAM,UAAU,WAAW,CACzB,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,KAAY;IAClC,OAAO,EAAE,OAAO,CAAC,OAAO;IACxB,IAAI,EAAE,OAAO,CAAC,IAAI;IAClB,OAAO,EAAE,OAAO,CAAC,OAAO;CACzB;IAMD,MAAM,EACJ,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,cAAc,EACvB,KAAK,EAAE,YAAY,GACpB,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC;IACxB,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,OAAO,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;IAC1F,MAAM,EACJ,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,cAAc,EACvB,KAAK,EAAE,YAAY,GACpB,GAAG,UAAU,CAAC,OAAO,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC;IAEvC,MAAM,gBAAgB,GAAG,WAAW,IAAI,QAAQ,IAAI,WAAW,CAAC;IAEhE,OAAO;QACL,OAAO,EAAE,cAAc,IAAI,WAAW,IAAI,cAAc;QACxD,KAAK,EAAE,CAAC,YAAY,EAAE,SAAS,EAAE,YAAY,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;QACxE,IAAI,EAAE,gBAAgB,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAE,CAAC,CAAC,CAAC,IAAI;KAC/F,CAAC;AACJ,CAAC"}
+{"version":3,"file":"useInitData.js","sourceRoot":"","sources":["../src/useInitData.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kCAAkC,EAAE,MAAM,2BAA2B,CAAC;AAC/E,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,OAAO,EAAE,kCAAkC;IAC3C,IAAI,EAAE,KAAK;IACX,OAAO,EAAE,CAAC;CACF,CAAC;AAcX,MAAM,UAAU,WAAW,CACzB,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,KAAY;IAClC,OAAO,EAAE,OAAO,CAAC,OAAO;IACxB,IAAI,EAAE,OAAO,CAAC,IAAI;IAClB,OAAO,EAAE,OAAO,CAAC,OAAO;CACzB;IAMD,MAAM,EACJ,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,cAAc,EACvB,KAAK,EAAE,YAAY,GACpB,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC;IACxB,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,OAAO,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;IAC1F,MAAM,EACJ,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,cAAc,EACvB,KAAK,EAAE,YAAY,GACpB,GAAG,UAAU,CAAC,OAAO,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC;IAEvC,MAAM,gBAAgB,GAAG,WAAW,IAAI,QAAQ,IAAI,WAAW,CAAC;IAEhE,OAAO;QACL,OAAO,EAAE,cAAc,IAAI,WAAW,IAAI,cAAc;QACxD,KAAK,EAAE,CAAC,YAAY,EAAE,SAAS,EAAE,YAAY,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;QACxE,IAAI,EAAE,gBAAgB,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAE,CAAC,CAAC,CAAC,IAAI;KAC/F,CAAC;AACJ,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@youversion/platform-react-hooks",
-  "version": "1.13.0",
+  "version": "1.14.1",
   "type": "module",
   "publishConfig": {
     "access": "public",
@@ -22,7 +22,7 @@
     }
   },
   "dependencies": {
-    "@youversion/platform-core": "1.13.0"
+    "@youversion/platform-core": "1.14.1"
   },
   "peerDependencies": {
     "react": ">=19.1.0 <20.0.0"

package/src/context/YouVersionProvider.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 import type { PropsWithChildren, ReactNode } from 'react';
-import { lazy, Suspense, useEffect } from 'react';
+import { lazy, Suspense, useEffect, useState } from 'react';
 import { YouVersionContext } from './YouVersionContext';
 import { YouVersionPlatformConfiguration } from '@youversion/platform-core';
 
@@ -9,7 +9,7 @@ interface YouVersionProviderPropsBase {
   children: ReactNode;
   appKey: string;
   apiHost?: string;
-  theme?: 'light' | 'dark';
+  theme?: 'light' | 'dark' | 'system';
 }
 
 interface YouVersionProviderPropsWithAuth extends YouVersionProviderPropsBase {
@@ -24,10 +24,39 @@ interface YouVersionProviderPropsWithoutAuth extends YouVersionProviderPropsBase
 
 const AuthProvider = lazy(() => import('./YouVersionAuthProvider'));
 
+function useResolvedTheme(theme: 'light' | 'dark' | 'system'): 'light' | 'dark' {
+  const [resolved, setResolved] = useState<'light' | 'dark'>(() => {
+    if (theme !== 'system') return theme;
+    if (typeof window === 'undefined') return 'light';
+    return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
+  });
+
+  useEffect(() => {
+    if (theme !== 'system') {
+      setResolved(theme);
+      return;
+    }
+
+    if (typeof window === 'undefined') return;
+
+    const mediaQueryList = window.matchMedia('(prefers-color-scheme: dark)');
+    setResolved(mediaQueryList.matches ? 'dark' : 'light');
+
+    const handler = (e: MediaQueryListEvent) => {
+      setResolved(e.matches ? 'dark' : 'light');
+    };
+    mediaQueryList.addEventListener('change', handler);
+    return () => mediaQueryList.removeEventListener('change', handler);
+  }, [theme]);
+
+  return resolved;
+}
+
 export function YouVersionProvider(
   props: PropsWithChildren<YouVersionProviderPropsWithAuth | YouVersionProviderPropsWithoutAuth>,
 ): React.ReactElement {
   const { appKey, apiHost = 'api.youversion.com', includeAuth, theme = 'light', children } = props;
+  const resolvedTheme = useResolvedTheme(theme);
 
   // Syncing appKey and apiHost to YouVersionPlatformConfiguration
   // so that this can be in sync with any other code that uses
@@ -48,7 +77,7 @@ export function YouVersionProvider(
           appKey,
           apiHost,
           installationId: YouVersionPlatformConfiguration.installationId,
-          theme,
+          theme: resolvedTheme,
           authEnabled: !!includeAuth,
         }}
       >
@@ -68,7 +97,7 @@ export function YouVersionProvider(
         appKey,
         apiHost,
         installationId: YouVersionPlatformConfiguration.installationId,
-        theme,
+        theme: resolvedTheme,
         authEnabled: !!includeAuth,
       }}
     >

package/src/useInitData.ts

@@ -1,10 +1,11 @@
-import { useVersion } from './useVersion';
+import type { BibleBook, BibleChapter, BibleVersion } from '@youversion/platform-core';
+import { DEFAULT_LICENSE_FREE_BIBLE_VERSION } from '@youversion/platform-core';
 import { useBook } from './useBook';
 import { useChapter } from './useChapter';
-import type { BibleChapter, BibleVersion, BibleBook } from '@youversion/platform-core';
+import { useVersion } from './useVersion';
 
 export const DEFAULT = {
-  VERSION: 111,
+  VERSION: DEFAULT_LICENSE_FREE_BIBLE_VERSION,
   BOOK: 'GEN',
   CHAPTER: 1,
 } as const;