Add js, flutter and nextjs self hosted api

Flagsmith · Jul 9, 2024 · 26c517b · 26c517b
1 parent 56089fb
commit 26c517b
Show file tree

Hide file tree

Showing 9 changed files with 72 additions and 15 deletions.
diff --git a/frontend/common/code-help/create-user/create-user-flutter.js b/frontend/common/code-help/create-user/create-user-flutter.js
@@ -1,9 +1,14 @@
+import Constants from 'common/constants'
 module.exports = (
   envId,
   { FEATURE_NAME, FEATURE_NAME_ALT, USER_ID },
   userId,
 ) => `final flagsmithClient = FlagsmithClient(
-        apiKey: '${envId}' 
+        apiKey: '${envId}',${
+  Constants.isCustomFlagsmithUrl
+    ? `\n        baseURI: '${Project.flagsmithClientAPI}',`
+    : ''
+}
         config: config, 
         seeds: <Flag>[
             Flag.seed('feature', enabled: true),
@@ -12,7 +17,11 @@ module.exports = (
 
 //if you prefer async initialization then you should use
 //final flagsmithClient = await FlagsmithClient.init(
-//        apiKey: 'YOUR_ENV_API_KEY',
+//        apiKey: '${envId}',${
+  Constants.isCustomFlagsmithUrl
+    ? `\n//        baseURI: '${Project.flagsmithClientAPI}',`
+    : ''
+}
 //        config: config, 
 //        seeds: <Flag>[
 //            Flag.seed('feature', enabled: true),

diff --git a/frontend/common/code-help/create-user/create-user-js.js b/frontend/common/code-help/create-user/create-user-js.js
@@ -1,3 +1,4 @@
+import Constants from 'common/constants'
 module.exports = (
   envId,
   {
@@ -13,7 +14,11 @@ module.exports = (
 
 // Option 1: initialise with an identity and traits
 ${LIB_NAME}.init({
-    environmentID: "${envId}",
+    environmentID: "${envId}",${
+  Constants.isCustomFlagsmithUrl
+    ? `\n    api: "${Project.flagsmithClientAPI}",`
+    : ''
+}
     identity: "${userId || USER_ID}",
     traits: { "${TRAIT_NAME}": 21 },
     onChange: (oldFlags, params) => { /* ... */ },

diff --git a/frontend/common/code-help/create-user/create-user-next.js b/frontend/common/code-help/create-user/create-user-next.js
@@ -1,3 +1,4 @@
+import Constants from 'common/constants'
 module.exports = (
   envId,
   { FEATURE_NAME, FEATURE_NAME_ALT, LIB_NAME, TRAIT_NAME, USER_ID },
@@ -25,7 +26,11 @@ export default function App({ Component, pageProps, flagsmithState } {
     &lt;FlagsmithProvider
       serverState={flagsmithState}
       options={{
-        environmentID: '${envId}',
+        environmentID: "${envId}",${
+  Constants.isCustomFlagsmithUrl
+    ? `\n        api: "${Project.flagsmithClientAPI}",`
+    : ''
+}
       }}
       flagsmith={flagsmith}&gt;
         &lt;Component {...pageProps} />
@@ -36,7 +41,11 @@ export default function App({ Component, pageProps, flagsmithState } {
 MyApp.getInitialProps = async () => {
   // calls page's \`getInitialProps\` and fills \`appProps.pageProps\`
   await flagsmith.init({ // fetches flags on the server
-      environmentID,
+      environmentID: "${envId}",${
+  Constants.isCustomFlagsmithUrl
+    ? `\n      api: "${Project.flagsmithClientAPI}",`
+    : ''
+}
       preventFetch: true
   });
   await flagsmith.identify('${

diff --git a/frontend/common/code-help/init/init-flutter.js b/frontend/common/code-help/init/init-flutter.js
@@ -1,10 +1,15 @@
+import Constants from 'common/constants'
 module.exports = (
   envId,
   { FEATURE_NAME, FEATURE_NAME_ALT },
 ) => `//In your application, initialise the Flagsmith client with your API key:
 
 final flagsmithClient = FlagsmithClient(
-        apiKey: '${envId}'
+        apiKey: '${envId}',${
+  Constants.isCustomFlagsmithUrl
+    ? `\n        baseURI: '${Project.flagsmithClientAPI}',`
+    : ''
+}
         config: config,
         seeds: <Flag>[
             Flag.seed('feature', enabled: true),
@@ -13,7 +18,11 @@ final flagsmithClient = FlagsmithClient(
 
 //if you prefer async initialization then you should use
 //final flagsmithClient = await FlagsmithClient.init(
-//        apiKey: 'YOUR_ENV_API_KEY',
+//        apiKey: '${envId}',${
+  Constants.isCustomFlagsmithUrl
+    ? `\n//        baseURI: '${Project.flagsmithClientAPI}',`
+    : ''
+}
 //        config: config,
 //        seeds: <Flag>[
 //            Flag.seed('feature', enabled: true),

diff --git a/frontend/common/code-help/init/init-js.js b/frontend/common/code-help/init/init-js.js
@@ -1,11 +1,12 @@
+import Constants from 'common/constants'
 module.exports = (
   envId,
   { FEATURE_FUNCTION, FEATURE_NAME, FEATURE_NAME_ALT, LIB_NAME, NPM_CLIENT },
   customFeature,
 ) => `import ${LIB_NAME} from "${NPM_CLIENT}"; // Add this line if you're using ${LIB_NAME} via npm
 
 ${LIB_NAME}.init({
-    environmentID: "${envId}",
+    environmentID: "${envId}",${Constants.isCustomFlagsmithUrl ? `\n    api: "${Project.flagsmithClientAPI}",` : ''}
     onChange: (oldFlags, params) => { // Occurs whenever flags are changed
         // Determines if the update came from the server or local cached storage
         const { isFromServer } = params;

diff --git a/frontend/common/code-help/init/init-next.js b/frontend/common/code-help/init/init-next.js
@@ -1,3 +1,4 @@
+import Constants from 'common/constants'
 module.exports = (
   envId,
   { FEATURE_NAME, FEATURE_NAME_ALT, LIB_NAME, NPM_CLIENT },
@@ -10,7 +11,11 @@ export default function App({ Component, pageProps, flagsmithState } {
     &lt;FlagsmithProvider
       serverState={flagsmithState}
       options={{
-        environmentID: '${envId}',
+        environmentID: "${envId}",${
+  Constants.isCustomFlagsmithUrl
+    ? `\n        api: "${Project.flagsmithClientAPI}",`
+    : ''
+}
       }}
       flagsmith={flagsmith}&gt;
         &lt;Component {...pageProps} />
@@ -20,7 +25,11 @@ export default function App({ Component, pageProps, flagsmithState } {
 
 App.getInitialProps = async () => {
   await flagsmith.init({ // fetches flags on the server and passes them to the App 
-      environmentID,
+      environmentID: "${envId}",${
+  Constants.isCustomFlagsmithUrl
+    ? `\n      api: "${Project.flagsmithClientAPI}",`
+    : ''
+}
   });
   return { flagsmithState: flagsmith.getState() }
 }

diff --git a/frontend/common/code-help/traits/traits-js.js b/frontend/common/code-help/traits/traits-js.js
@@ -1,10 +1,16 @@
+import Constants from 'common/constants'
+
 module.exports = (
   envId,
   { LIB_NAME, TRAIT_NAME, USER_ID },
   userId,
 ) => `// Option 1: initialise with an identity and traits
 ${LIB_NAME}.init({
-    environmentID: "${envId}",
+    environmentID: "${envId}",${
+  Constants.isCustomFlagsmithUrl
+    ? `\n    api: "${Project.flagsmithClientAPI}",`
+    : ''
+}
     identity: "${userId || USER_ID}",
     traits: { "${TRAIT_NAME}": 21 },
     onChange: (oldFlags, params) => { /* ... */ },

diff --git a/frontend/common/code-help/traits/traits-next.js b/frontend/common/code-help/traits/traits-next.js
@@ -1,3 +1,4 @@
+import Constants from 'common/constants'
 module.exports = (
   envId,
   { FEATURE_NAME, FEATURE_NAME_ALT, LIB_NAME, TRAIT_NAME },
@@ -33,7 +34,11 @@ export default function App({ Component, pageProps, flagsmithState } {
     &lt;FlagsmithProvider
       serverState={flagsmithState}
       options={{
-        environmentID: '${envId}',
+        environmentID: "${envId}",${
+  Constants.isCustomFlagsmithUrl
+    ? `\n        api: "${Project.flagsmithClientAPI}",`
+    : ''
+}
       }}
       flagsmith={flagsmith}&gt;
         &lt;Component {...pageProps} />
@@ -44,7 +49,11 @@ export default function App({ Component, pageProps, flagsmithState } {
 MyApp.getInitialProps = async () => {
   // calls page's \`getInitialProps\` and fills \`appProps.pageProps\`
   await flagsmith.init({ // fetches flags on the server
-      environmentID,
+      environmentID: "${envId}",${
+  Constants.isCustomFlagsmithUrl
+    ? `\n      api: "${Project.flagsmithClientAPI}",`
+    : ''
+}
       preventFetch: true
   });
   await flagsmith.identify('${USER_ID}', {${TRAIT_NAME}: 21}); // Will hydrate the app with the user's flags

diff --git a/frontend/common/constants.ts b/frontend/common/constants.ts
@@ -439,8 +439,8 @@ export default {
     githubIssue: 'GitHub Issue',
     githubPR: 'Github PR',
   },
-  isCustomFlagsmithUrl:
-    Project.flagsmithClientAPI !== 'https://edge.api.flagsmith.com/api/v1/',
+  isCustomFlagsmithUrl: true,
+  // Project.flagsmithClientAPI !== 'https://edge.api.flagsmith.com/api/v1/',
   modals: {
     'PAYMENT': 'Payment Modal',
   },