Merge branch 'main' into dependabot/npm_and_yarn/examples/openfeature_react/react-app/typescript-eslint/eslint-plugin-8.24.0

Author: thomaspoignant

examples/openfeature_web/webapp/package-lock.json

@@ -37,7 +37,7 @@
     "babel-plugin-transform-class-properties": "^6.24.1",
     "babel-preset-env": "^1.7.0",
     "browser-sync": "^3.0.3",
-    "eslint": "^9.20.0",
+    "eslint": "^9.20.1",
     "eslint-webpack-plugin": "^4.2.0",
     "htmlnano": "^2.1.1",
     "imagemin-cli": "^8.0.0",

examples/openfeature_web/webapp/package.json

@@ -24,7 +24,7 @@
         <dependency>
             <groupId>dev.openfeature</groupId>
             <artifactId>sdk</artifactId>
-            <version>1.14.0</version>
+            <version>1.14.1</version>
         </dependency>
         <dependency>
             <groupId>dev.openfeature.contrib.providers</groupId>

openfeature/provider_tests/java-integration-tests/pom.xml

@@ -41,7 +41,7 @@ This code block shows you how you can create a client that you can use in your a
   <TabItem value="javascript" label="JavaScript">
 
 ```javascript
-const {OpenFeature} = require("@openfeature/server-sdk");
+const {Sdk} = require("@openfeature/server-sdk");
 const {GoFeatureFlagProvider} = require("@openfeature/go-feature-flag-provider");
 
 

website/docs/sdk/server_providers/openfeature_javascript.mdx

@@ -384,12 +384,6 @@ const config = {
             'aria-label': 'GitHub repository',
             dropdownItemsAfter: [{to: '/versions', label: 'All versions'}],
           },
-          {
-            href: 'https://x.com/gofeatureflag',
-            position: 'right',
-            className: 'header-twitter-link navbar__right',
-            'aria-label': 'X',
-          },
           {
             href: '/slack',
             position: 'right',
@@ -509,6 +503,9 @@ const config = {
           'ruby',
         ],
       },
+      colorMode: {
+        defaultMode: 'dark',
+      },
     }),
 };
 

website/docusaurus.config.js

@@ -1,6 +1,5 @@
 import React from 'react';
 import styles from './styles.module.css';
-import clsx from 'clsx';
 import PropTypes from 'prop-types';
 
 BenefitCard.propTypes = {
@@ -11,37 +10,25 @@ BenefitCard.propTypes = {
 
 function BenefitCard({img, title, description}) {
   return (
-    <div className="col-1-5 mobile-col-1-1">
-      <article className={styles.benefitsPostItem}>
-        <div className={styles.benefitsPostItemRow}>
-          <img src={img} alt="post-thumb" />
-        </div>
-        <div className={styles.benefitsPostItemRow}>
-          <h2>{title}</h2>
-          <p>{description}</p>
-        </div>
-      </article>
+    <div className="w-fit bg-white border border-gray-200 rounded-lg shadow-sm dark:bg-gray-800 dark:border-gray-700">
+      <img className="rounded-t-lg p-3" src={img} alt={title} />
+      <div className="p-5">
+        <h5 className="mb-2 text-2xl font-bold tracking-tight text-gray-900 dark:text-white">
+          {title}
+        </h5>
+        <p className="mb-3 font-normal text-gray-700 dark:text-gray-400">
+          {description}
+        </p>
+      </div>
     </div>
   );
 }
 
 export function Benefit() {
   return (
     <section className={styles.benefits}>
-      <div className="container">
-        <div className="row">
-          <div className={clsx('col-1-1', styles.title)}>
-            <div>
-              <span className="goffMainTitle">Why use feature flags?</span>
-              <br />
-              <p>
-                Feature flags is a modern software engineering technique that
-                configure select functionality during runtime, without deploying
-                new code.
-              </p>
-            </div>
-          </div>
-        </div>
+      <div className={'text-center mb-5'}>
+        <span className="goffMainTitle">The Benefits of Feature Flags</span>
       </div>
       <div className="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-5 gap-2 px-3">
         <BenefitCard

website/src/components/home/benefit/index.js

@@ -1,47 +1,32 @@
 .benefits {
-  margin: 1rem 2.5rem 1rem 2.5rem;
-  background: var(--goff-benif-bg);
-  padding: 70px 0 120px;
-  border-radius: 1.5rem;
+    margin: 1rem 2.5rem 1rem 2.5rem;
+    background: var(--goff-benif-bg);
+    padding: 70px 0 120px;
+    border-radius: 1.5rem;
 }
 
 .benefitsPostItem {
-  background-color: var(--goff-benefits-postitem-bg);
-  box-shadow: 0 20px 25px rgba(67, 103, 90, 0.1);
-  border-radius: 10px;
-  margin-bottom: 50px;
-  padding: 15px 15px 20px;
-  transition: 0.3s ease;
-  min-height: 30rem;
+    background-color: var(--goff-benefits-postitem-bg);
+    box-shadow: 0 20px 25px rgba(67, 103, 90, 0.1);
+    border-radius: 10px;
+    margin-bottom: 50px;
+    padding: 15px 15px 20px;
+    transition: 0.3s ease;
+    min-height: 30rem;
 }
 
 .benefits h2 {
-  line-height: 2rem;
-  margin-bottom: 0.6rem;
-  font-size: 1.2rem;
-  display: block;
-  color: var(--goff-main-title-color);
-  text-decoration: none;
-  transition: 0.3s ease;
-  min-height: 2rem;
+    line-height: 2rem;
+    margin-bottom: 0.6rem;
+    font-size: 1.2rem;
+    display: block;
+    color: var(--goff-main-title-color);
+    text-decoration: none;
+    transition: 0.3s ease;
+    min-height: 2rem;
 }
 
 .benefitsPostItem p {
-  color: var(--goff-main-ff-description);
+    color: var(--goff-main-ff-description);
 }
 
-.benefitsPostItemRow {
-  margin: 0 0.1rem 0 0.1rem;
-}
-
-.benefitsPostItemRow img {
-  border-radius: 10px;
-}
-
-.title {
-  text-align: center;
-}
-
-.title p {
-  margin-top: 2rem;
-}