[{"data":1,"prerenderedAt":1469},["ShallowReactive",2],{"navigation_docs":3,"-sdks-openfeature-web":244,"-sdks-openfeature-web-surround":1463},[4,51,78,229],{"title":5,"icon":6,"modifiedAt":7,"path":8,"stem":9,"children":10,"page":6},"Getting Started",false,"2026-04-30T19:15:33.000Z","\u002Fgetting-started","1.getting-started",[11,16,21,26,31,36,41,46],{"title":12,"path":13,"stem":14,"icon":15},"Quickstart","\u002Fgetting-started\u002Fquickstart","1.getting-started\u002F1.quickstart","i-lucide-fast-forward",{"title":17,"path":18,"stem":19,"icon":20},"Core Concepts","\u002Fgetting-started\u002Fcore-concepts","1.getting-started\u002F2.core-concepts","i-lucide-workflow",{"title":22,"path":23,"stem":24,"icon":25},"Configs Anatomy","\u002Fgetting-started\u002Fconfigs","1.getting-started\u002F3.configs","i-lucide-file-cog",{"title":27,"path":28,"stem":29,"icon":30},"Architecture","\u002Fgetting-started\u002Farchitecture","1.getting-started\u002F4.architecture","i-lucide-layers",{"title":32,"path":33,"stem":34,"icon":35},"JSON Schema Validation","\u002Fgetting-started\u002Fjson-schema-validation","1.getting-started\u002F5.json-schema-validation","i-lucide-braces",{"title":37,"path":38,"stem":39,"icon":40},"Testing Rules","\u002Fgetting-started\u002Ftesting-targeting-rules","1.getting-started\u002F6.testing-targeting-rules","i-lucide-flask-conical",{"title":42,"path":43,"stem":44,"icon":45},"Segments","\u002Fgetting-started\u002Fsegments","1.getting-started\u002F7.segments","i-lucide-squares-intersect",{"title":47,"path":48,"stem":49,"icon":50},"Pricing & Billing","\u002Fgetting-started\u002Fpricing-and-billing","1.getting-started\u002F8.pricing-and-billing","i-lucide-credit-card",{"title":52,"modifiedAt":53,"defaultOpen":54,"path":55,"stem":56,"children":57,"page":6},"Monitoring","2026-09-24T23:33:20.000Z",true,"\u002Fmonitoring","2.monitoring",[58,63,68,73],{"title":59,"path":60,"stem":61,"icon":62},"Activity","\u002Fmonitoring\u002Factivity","2.monitoring\u002F1.activity","i-lucide-activity",{"title":64,"path":65,"stem":66,"icon":67},"Lifecycle","\u002Fmonitoring\u002Flifecycle","2.monitoring\u002F2.lifecycle","i-lucide-recycle",{"title":69,"path":70,"stem":71,"icon":72},"Alerts","\u002Fmonitoring\u002Falerts","2.monitoring\u002F3.alerts","i-lucide-bell",{"title":74,"path":75,"stem":76,"icon":77},"Dynamic Detection","\u002Fmonitoring\u002Fdynamic-detection","2.monitoring\u002F4.dynamic-detection","i-lucide-hat-glasses",{"title":79,"modifiedAt":53,"defaultOpen":54,"path":80,"stem":81,"children":82,"page":6},"SDKs","\u002Fsdks","3.sdks",[83,88,109,134,150,181,224],{"title":84,"path":85,"stem":86,"icon":87},"Available SDKs","\u002Fsdks\u002Favailable-sdks","3.sdks\u002F1.available-sdks","i-lucide-list",{"title":89,"modifiedAt":53,"icon":90,"defaultOpen":6,"path":91,"stem":92,"children":93,"page":6},"Browser SDKs","i-lucide-monitor","\u002Fsdks\u002Fbrowser","3.sdks\u002F2.browser",[94,99,104],{"title":95,"path":96,"stem":97,"icon":98},"Javascript","\u002Fsdks\u002Fbrowser\u002Fjavascript","3.sdks\u002F2.browser\u002F1.javascript","cd-logos-javascript",{"title":100,"path":101,"stem":102,"icon":103},"React","\u002Fsdks\u002Fbrowser\u002Freact","3.sdks\u002F2.browser\u002F2.react","cd-logos-react-light",{"title":105,"path":106,"stem":107,"icon":108},"Vue","\u002Fsdks\u002Fbrowser\u002Fvue","3.sdks\u002F2.browser\u002F3.vue","cd-logos-vue",{"title":110,"modifiedAt":53,"icon":111,"defaultOpen":6,"path":112,"stem":113,"children":114,"page":6},"Mobile SDKs","i-lucide-smartphone","\u002Fsdks\u002Fmobile","3.sdks\u002F3.mobile",[115,119,124,129],{"title":116,"path":117,"stem":118,"icon":103},"React Native","\u002Fsdks\u002Fmobile\u002Freact-native","3.sdks\u002F3.mobile\u002F1.react-native",{"title":120,"path":121,"stem":122,"icon":123},"Flutter","\u002Fsdks\u002Fmobile\u002Fflutter","3.sdks\u002F3.mobile\u002F2.flutter","cd-logos-flutter",{"title":125,"path":126,"stem":127,"icon":128},"Swift","\u002Fsdks\u002Fmobile\u002Fswift","3.sdks\u002F3.mobile\u002F3.swift","cd-logos-swift",{"title":130,"path":131,"stem":132,"icon":133},"Android","\u002Fsdks\u002Fmobile\u002Fandroid","3.sdks\u002F3.mobile\u002F4.android","cd-logos-android",{"title":135,"modifiedAt":53,"icon":136,"defaultOpen":6,"path":137,"stem":138,"children":139,"page":6},"Meta-framework SDKs","i-lucide-monitor-smartphone","\u002Fsdks\u002Fmeta","3.sdks\u002F4.meta",[140,145],{"title":141,"path":142,"stem":143,"icon":144},"Next.js","\u002Fsdks\u002Fmeta\u002Fnextjs","3.sdks\u002F4.meta\u002F1.nextjs","cd-logos-nextjs",{"title":146,"path":147,"stem":148,"icon":149},"Nuxt","\u002Fsdks\u002Fmeta\u002Fnuxt","3.sdks\u002F4.meta\u002F2.nuxt","cd-logos-nuxt",{"title":151,"modifiedAt":53,"icon":152,"defaultOpen":6,"path":153,"stem":154,"children":155,"page":6},"Server SDKs","i-lucide-server","\u002Fsdks\u002Fserver","3.sdks\u002F5.server",[156,161,166,171,176],{"title":157,"path":158,"stem":159,"icon":160},"Node.js","\u002Fsdks\u002Fserver\u002Fnode-js","3.sdks\u002F5.server\u002F1.node-js","cd-logos-nodejs",{"title":162,"path":163,"stem":164,"icon":165},"Python","\u002Fsdks\u002Fserver\u002Fpython","3.sdks\u002F5.server\u002F2.python","cd-logos-python",{"title":167,"path":168,"stem":169,"icon":170},"Java","\u002Fsdks\u002Fserver\u002Fjava","3.sdks\u002F5.server\u002F3.java","cd-logos-java",{"title":172,"path":173,"stem":174,"icon":175},".NET","\u002Fsdks\u002Fserver\u002Fdotnet","3.sdks\u002F5.server\u002F4.dotnet","cd-logos-dotnet",{"title":177,"path":178,"stem":179,"icon":180},"Go","\u002Fsdks\u002Fserver\u002Fgo","3.sdks\u002F5.server\u002F5.go","cd-logos-go",{"title":182,"modifiedAt":53,"icon":183,"defaultOpen":6,"path":184,"stem":185,"children":186,"page":6},"OpenFeature Providers","cd-logos-openfeature","\u002Fsdks\u002Fopenfeature","3.sdks\u002F6.openfeature",[187,192,196,200,204,208,212,216,220],{"title":188,"path":189,"stem":190,"icon":183,"icons":191},"Web","\u002Fsdks\u002Fopenfeature\u002Fweb","3.sdks\u002F6.openfeature\u002F1.web",[183,98],{"title":125,"path":193,"stem":194,"icon":183,"icons":195},"\u002Fsdks\u002Fopenfeature\u002Fswift","3.sdks\u002F6.openfeature\u002F2.swift",[183,128],{"title":130,"path":197,"stem":198,"icon":183,"icons":199},"\u002Fsdks\u002Fopenfeature\u002Fandroid","3.sdks\u002F6.openfeature\u002F3.android",[183,133],{"title":120,"path":201,"stem":202,"icon":183,"icons":203},"\u002Fsdks\u002Fopenfeature\u002Fflutter","3.sdks\u002F6.openfeature\u002F4.flutter",[183,123],{"title":157,"path":205,"stem":206,"icon":183,"icons":207},"\u002Fsdks\u002Fopenfeature\u002Fnode-js","3.sdks\u002F6.openfeature\u002F5.node-js",[183,160],{"title":162,"path":209,"stem":210,"icon":183,"icons":211},"\u002Fsdks\u002Fopenfeature\u002Fpython","3.sdks\u002F6.openfeature\u002F6.python",[183,165],{"title":167,"path":213,"stem":214,"icon":183,"icons":215},"\u002Fsdks\u002Fopenfeature\u002Fjava","3.sdks\u002F6.openfeature\u002F7.java",[183,170],{"title":172,"path":217,"stem":218,"icon":183,"icons":219},"\u002Fsdks\u002Fopenfeature\u002Fdotnet","3.sdks\u002F6.openfeature\u002F8.dotnet",[183,175],{"title":177,"path":221,"stem":222,"icon":183,"icons":223},"\u002Fsdks\u002Fopenfeature\u002Fgo","3.sdks\u002F6.openfeature\u002F9.go",[183,180],{"title":225,"path":226,"stem":227,"icon":228},"Maven Repository","\u002Fsdks\u002Fmaven-repository","3.sdks\u002F7.maven-repository","i-lucide-package",{"title":230,"modifiedAt":53,"defaultOpen":54,"path":231,"stem":232,"children":233,"page":6},"Integrations","\u002Fintegrations","4.integrations",[234,239],{"title":235,"path":236,"stem":237,"icon":238},"Terraform","\u002Fintegrations\u002Fterraform","4.integrations\u002F1.terraform","cd-logos-terraform",{"title":240,"path":241,"stem":242,"icon":243},"MCP","\u002Fintegrations\u002Fmcp","4.integrations\u002F2.mcp","cd-logos-mcp",{"id":245,"title":246,"body":247,"description":1454,"extension":1455,"links":1456,"meta":1457,"navigation":1459,"path":189,"seo":1461,"stem":190,"__hash__":1462},"docs\u002F3.sdks\u002F6.openfeature\u002F1.web.md","OpenFeature Web Provider",{"type":248,"value":249,"toc":1444},"minimark",[250,254,260,265,278,281,284,288,294,385,389,406,552,557,560,567,682,689,693,696,778,785,789,887,898,903,907,921,928,1408,1429,1440],[251,252],"div",{"hidden":54,"dataTitleIcon":253},"openfeature-javascript",[255,256],"external-badges",{"package-url":257,"registry":258,"repo":259},"https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@configdirector\u002Fopenfeature-web-provider","npm","js-sdks\u002Ftree\u002Fmain\u002Fpackages\u002Fopenfeature-web-provider",[261,262,264],"h2",{"id":263},"introduction","Introduction",[266,267,268,269,277],"p",{},"The OpenFeature Web Provider is intended to be used in combination with the ",[270,271,276],"a",{"href":272,"rel":273,"target":275},"https:\u002F\u002Fopenfeature.dev\u002Fdocs\u002Freference\u002Fsdks\u002Fclient\u002Fweb\u002F",[274],"noopener","_blank","OpenFeature Web SDK",". All modern web browsers on popular platforms should be supported.",[266,279,280],{},"The ConfigDirector OpenFeature Web Provider is tested on the latest versions of Chrome, Firefox, Safari, and Edge.",[266,282,283],{},"Telemetry collection within browser SDKs uses Web Workers to aggregate and send telemetry data. If the provider runs on older browsers without Web Workers support, config evaluation will continue to work but no telemetry data will be collected for that session.",[261,285,287],{"id":286},"installation","Installation",[266,289,290,291],{},"The provider can be installed from NPM: ",[270,292,257],{"href":257,"rel":293,"target":275},[274],[295,296,297,329,349,367],"code-group",{},[298,299,304],"pre",{"className":300,"code":301,"filename":258,"language":302,"meta":303,"style":303},"language-bash shiki shiki-themes material-theme-lighter github-light github-dark","npm install --save @openfeature\u002Fweb-sdk @configdirector\u002Fopenfeature-web-provider\n","bash","",[305,306,307],"code",{"__ignoreMap":303},[308,309,312,315,319,323,326],"span",{"class":310,"line":311},"line",1,[308,313,258],{"class":314},"sbgvK",[308,316,318],{"class":317},"s_sjI"," install",[308,320,322],{"class":321},"stzsN"," --save",[308,324,325],{"class":317}," @openfeature\u002Fweb-sdk",[308,327,328],{"class":317}," @configdirector\u002Fopenfeature-web-provider\n",[298,330,333],{"className":300,"code":331,"filename":332,"language":302,"meta":303,"style":303},"yarn add @openfeature\u002Fweb-sdk @openfeature\u002Fcore @configdirector\u002Fopenfeature-web-provider\n","yarn",[305,334,335],{"__ignoreMap":303},[308,336,337,339,342,344,347],{"class":310,"line":311},[308,338,332],{"class":314},[308,340,341],{"class":317}," add",[308,343,325],{"class":317},[308,345,346],{"class":317}," @openfeature\u002Fcore",[308,348,328],{"class":317},[298,350,353],{"className":300,"code":351,"filename":352,"language":302,"meta":95,"style":303},"pnpm add @openfeature\u002Fweb-sdk @openfeature\u002Fcore @configdirector\u002Fopenfeature-web-provider\n","pnpm",[305,354,355],{"__ignoreMap":303},[308,356,357,359,361,363,365],{"class":310,"line":311},[308,358,352],{"class":314},[308,360,341],{"class":317},[308,362,325],{"class":317},[308,364,346],{"class":317},[308,366,328],{"class":317},[298,368,371],{"className":300,"code":369,"filename":370,"language":302,"meta":303,"style":303},"bun add @openfeature\u002Fweb-sdk @openfeature\u002Fcore @configdirector\u002Fopenfeature-web-provider\n","bun",[305,372,373],{"__ignoreMap":303},[308,374,375,377,379,381,383],{"class":310,"line":311},[308,376,370],{"class":314},[308,378,341],{"class":317},[308,380,325],{"class":317},[308,382,346],{"class":317},[308,384,328],{"class":317},[261,386,388],{"id":387},"configure-and-initialize-the-client","Configure and initialize the client",[390,391,392,400,403],"ol",{},[393,394,395,396,399],"li",{},"Create an instance of the provider using your client SDK key. You can retrieve a client SDK key for each environment under ",[305,397,398],{},"SDK keys"," in the dashboard's navigation panel.",[393,401,402],{},"Set the OpenFeature provider.",[393,404,405],{},"Get a client instance from OpenFeature.",[298,407,411],{"className":408,"code":409,"language":410,"meta":303,"style":303},"language-ts shiki shiki-themes material-theme-lighter github-light github-dark","import { OpenFeature } from \"@openfeature\u002Fweb-sdk\";\nimport { ConfigDirectorProvider } from \"@configdirector\u002Fopenfeature-web-provider\";\n\nconst provider = new ConfigDirectorProvider(\"YOUR-CLIENT-SDK-KEY\");\nawait OpenFeature.setProviderAndWait(provider);\nconst client = OpenFeature.getClient();\n","ts",[305,412,413,446,469,475,511,530],{"__ignoreMap":303},[308,414,415,419,423,427,430,433,437,440,443],{"class":310,"line":311},[308,416,418],{"class":417},"sVHd0","import",[308,420,422],{"class":421},"sP7_E"," {",[308,424,426],{"class":425},"su5hD"," OpenFeature",[308,428,429],{"class":421}," }",[308,431,432],{"class":417}," from",[308,434,436],{"class":435},"sjJ54"," \"",[308,438,439],{"class":317},"@openfeature\u002Fweb-sdk",[308,441,442],{"class":435},"\"",[308,444,445],{"class":421},";\n",[308,447,449,451,453,456,458,460,462,465,467],{"class":310,"line":448},2,[308,450,418],{"class":417},[308,452,422],{"class":421},[308,454,455],{"class":425}," ConfigDirectorProvider",[308,457,429],{"class":421},[308,459,432],{"class":417},[308,461,436],{"class":435},[308,463,464],{"class":317},"@configdirector\u002Fopenfeature-web-provider",[308,466,442],{"class":435},[308,468,445],{"class":421},[308,470,472],{"class":310,"line":471},3,[308,473,474],{"emptyLinePlaceholder":54},"\n",[308,476,478,482,486,490,493,496,499,501,504,506,509],{"class":310,"line":477},4,[308,479,481],{"class":480},"sbsja","const",[308,483,485],{"class":484},"s_hVV"," provider",[308,487,489],{"class":488},"smGrS"," =",[308,491,492],{"class":488}," new",[308,494,455],{"class":495},"sGLFI",[308,497,498],{"class":425},"(",[308,500,442],{"class":435},[308,502,503],{"class":317},"YOUR-CLIENT-SDK-KEY",[308,505,442],{"class":435},[308,507,508],{"class":425},")",[308,510,445],{"class":421},[308,512,514,517,519,522,525,528],{"class":310,"line":513},5,[308,515,516],{"class":417},"await",[308,518,426],{"class":425},[308,520,521],{"class":421},".",[308,523,524],{"class":495},"setProviderAndWait",[308,526,527],{"class":425},"(provider)",[308,529,445],{"class":421},[308,531,533,535,538,540,542,544,547,550],{"class":310,"line":532},6,[308,534,481],{"class":480},[308,536,537],{"class":484}," client",[308,539,489],{"class":488},[308,541,426],{"class":425},[308,543,521],{"class":421},[308,545,546],{"class":495},"getClient",[308,548,549],{"class":425},"()",[308,551,445],{"class":421},[553,554,556],"h3",{"id":555},"additional-configuration-options","Additional configuration options",[266,558,559],{},"Additional configuration options can be passed into the provider in the optional second argument of the constructor.",[266,561,562,563,566],{},"For example, the ",[305,564,565],{},"metadata"," can be provided like this:",[298,568,570],{"className":408,"code":569,"language":410,"meta":303,"style":303},"import { ConfigDirectorProvider } from \"@configdirector\u002Fopenfeature-web-provider\";\n\nconst provider = new ConfigDirectorProvider(\"YOUR-CLIENT-SDK-KEY\", {\n  metadata: {\n    appName: \"YOUR-APP-NAME\",\n    appVersion: \"1.0.2\",\n  },\n});\n",[305,571,572,592,596,622,633,650,666,672],{"__ignoreMap":303},[308,573,574,576,578,580,582,584,586,588,590],{"class":310,"line":311},[308,575,418],{"class":417},[308,577,422],{"class":421},[308,579,455],{"class":425},[308,581,429],{"class":421},[308,583,432],{"class":417},[308,585,436],{"class":435},[308,587,464],{"class":317},[308,589,442],{"class":435},[308,591,445],{"class":421},[308,593,594],{"class":310,"line":448},[308,595,474],{"emptyLinePlaceholder":54},[308,597,598,600,602,604,606,608,610,612,614,616,619],{"class":310,"line":471},[308,599,481],{"class":480},[308,601,485],{"class":484},[308,603,489],{"class":488},[308,605,492],{"class":488},[308,607,455],{"class":495},[308,609,498],{"class":425},[308,611,442],{"class":435},[308,613,503],{"class":317},[308,615,442],{"class":435},[308,617,618],{"class":421},",",[308,620,621],{"class":421}," {\n",[308,623,624,628,631],{"class":310,"line":477},[308,625,627],{"class":626},"skxfh","  metadata",[308,629,630],{"class":421},":",[308,632,621],{"class":421},[308,634,635,638,640,642,645,647],{"class":310,"line":513},[308,636,637],{"class":626},"    appName",[308,639,630],{"class":421},[308,641,436],{"class":435},[308,643,644],{"class":317},"YOUR-APP-NAME",[308,646,442],{"class":435},[308,648,649],{"class":421},",\n",[308,651,652,655,657,659,662,664],{"class":310,"line":532},[308,653,654],{"class":626},"    appVersion",[308,656,630],{"class":421},[308,658,436],{"class":435},[308,660,661],{"class":317},"1.0.2",[308,663,442],{"class":435},[308,665,649],{"class":421},[308,667,669],{"class":310,"line":668},7,[308,670,671],{"class":421},"  },\n",[308,673,675,678,680],{"class":310,"line":674},8,[308,676,677],{"class":421},"}",[308,679,508],{"class":425},[308,681,445],{"class":421},[266,683,684,685,521],{},"The provider accepts the same configuration options as the Javascript SDK client, ",[270,686,688],{"href":687},"\u002Fsdks\u002Fbrowser\u002Fjavascript#additional-configuration-options","refer to the additional configuration options section of the Javascript SDK for a full list",[261,690,692],{"id":691},"retrieve-config-values","Retrieve config values",[266,694,695],{},"To retrieve config values, use the OpenFeature client:",[298,697,699],{"className":408,"code":698,"language":410,"meta":303,"style":303},"const booleanValue = client.getBooleanValue(\"my-config-key\", false);\n\nconst stringValue = client.getStringValue(\"my-string-config-key\", \"Default\");\n",[305,700,701,736,740],{"__ignoreMap":303},[308,702,703,705,708,710,712,714,717,719,721,724,726,728,732,734],{"class":310,"line":311},[308,704,481],{"class":480},[308,706,707],{"class":484}," booleanValue",[308,709,489],{"class":488},[308,711,537],{"class":425},[308,713,521],{"class":421},[308,715,716],{"class":495},"getBooleanValue",[308,718,498],{"class":425},[308,720,442],{"class":435},[308,722,723],{"class":317},"my-config-key",[308,725,442],{"class":435},[308,727,618],{"class":421},[308,729,731],{"class":730},"syTEX"," false",[308,733,508],{"class":425},[308,735,445],{"class":421},[308,737,738],{"class":310,"line":448},[308,739,474],{"emptyLinePlaceholder":54},[308,741,742,744,747,749,751,753,756,758,760,763,765,767,769,772,774,776],{"class":310,"line":471},[308,743,481],{"class":480},[308,745,746],{"class":484}," stringValue",[308,748,489],{"class":488},[308,750,537],{"class":425},[308,752,521],{"class":421},[308,754,755],{"class":495},"getStringValue",[308,757,498],{"class":425},[308,759,442],{"class":435},[308,761,762],{"class":317},"my-string-config-key",[308,764,442],{"class":435},[308,766,618],{"class":421},[308,768,436],{"class":435},[308,770,771],{"class":317},"Default",[308,773,442],{"class":435},[308,775,508],{"class":425},[308,777,445],{"class":421},[266,779,780,781,521],{},"For additional information regarding the OpenFeature client ",[270,782,784],{"href":272,"rel":783,"target":275},[274],"refer to the OpenFeature Web SDK documentation",[261,786,788],{"id":787},"update-the-user-context","Update the user context",[298,790,792],{"className":408,"code":791,"language":410,"meta":303,"style":303},"await OpenFeature.setContext({\n  targetingKey: \"12345\", \u002F\u002F In OpenFeature, the `targetingKey` represents the context's user ID\n  name: \"Example User\",\n  traits: {\n    region: \"North America\", \u002F\u002F Any arbitrary traits which can be referenced in targeting rules\n  }\n});\n",[305,793,794,810,830,846,855,874,879],{"__ignoreMap":303},[308,795,796,798,800,802,805,807],{"class":310,"line":311},[308,797,516],{"class":417},[308,799,426],{"class":425},[308,801,521],{"class":421},[308,803,804],{"class":495},"setContext",[308,806,498],{"class":425},[308,808,809],{"class":421},"{\n",[308,811,812,815,817,819,822,824,826],{"class":310,"line":448},[308,813,814],{"class":626},"  targetingKey",[308,816,630],{"class":421},[308,818,436],{"class":435},[308,820,821],{"class":317},"12345",[308,823,442],{"class":435},[308,825,618],{"class":421},[308,827,829],{"class":828},"sutJx"," \u002F\u002F In OpenFeature, the `targetingKey` represents the context's user ID\n",[308,831,832,835,837,839,842,844],{"class":310,"line":471},[308,833,834],{"class":626},"  name",[308,836,630],{"class":421},[308,838,436],{"class":435},[308,840,841],{"class":317},"Example User",[308,843,442],{"class":435},[308,845,649],{"class":421},[308,847,848,851,853],{"class":310,"line":477},[308,849,850],{"class":626},"  traits",[308,852,630],{"class":421},[308,854,621],{"class":421},[308,856,857,860,862,864,867,869,871],{"class":310,"line":513},[308,858,859],{"class":626},"    region",[308,861,630],{"class":421},[308,863,436],{"class":435},[308,865,866],{"class":317},"North America",[308,868,442],{"class":435},[308,870,618],{"class":421},[308,872,873],{"class":828}," \u002F\u002F Any arbitrary traits which can be referenced in targeting rules\n",[308,875,876],{"class":310,"line":532},[308,877,878],{"class":421},"  }\n",[308,880,881,883,885],{"class":310,"line":668},[308,882,677],{"class":421},[308,884,508],{"class":425},[308,886,445],{"class":421},[888,889,890,891,894,895,521],"note",{},"In the OpenFeature Web SDK with the ConfigDirector provider, the context's ",[305,892,893],{},"targetingKey"," will map to ConfigDirector's context ",[305,896,897],{},"id",[266,899,780,900,521],{},[270,901,784],{"href":272,"rel":902,"target":275},[274],[261,904,906],{"id":905},"test-your-code","Test your code",[266,908,909,910,913,914,916,917,920],{},"Code that reads flags through OpenFeature is tested by swapping the provider, so it never has to change for a test and nothing from ConfigDirector is involved. The OpenFeature Web SDK ships an in-memory provider for that: ",[305,911,912],{},"TypedInMemoryProvider",", in ",[305,915,439],{}," 1.8 and newer, which serves the values your test sets. Earlier versions ship the same provider as ",[305,918,919],{},"InMemoryProvider",", now deprecated.",[266,922,923,924,927],{},"Each flag is a set of named variants and the ",[305,925,926],{},"defaultVariant"," it resolves to:",[298,929,932],{"className":408,"code":930,"filename":931,"language":410,"meta":303,"style":303},"import { OpenFeature, TypedInMemoryProvider } from \"@openfeature\u002Fweb-sdk\";\n\nconst provider = new TypedInMemoryProvider({\n  \"new-checkout\": { variants: { on: true, off: false }, defaultVariant: \"on\" },\n  \"max-items\": { variants: { default: 20 }, defaultVariant: \"default\" },\n});\n\nafterEach(() => OpenFeature.close());\n\ntest(\"shows the new checkout\", async () => {\n  await OpenFeature.setProviderAndWait(provider);\n  const client = OpenFeature.getClient();\n\n  expect(client.getBooleanValue(\"new-checkout\", false)).toBe(true);\n  expect(client.getNumberValue(\"max-items\", 0)).toBe(20);\n\n  await provider.putConfiguration({\n    \"new-checkout\": { variants: { on: true, off: false }, defaultVariant: \"off\" },\n  });\n  expect(client.getBooleanValue(\"new-checkout\", true)).toBe(false);\n});\n","checkout.test.ts",[305,933,934,959,963,979,1036,1079,1087,1091,1115,1120,1147,1168,1188,1193,1237,1279,1284,1300,1349,1359,1399],{"__ignoreMap":303},[308,935,936,938,940,942,944,947,949,951,953,955,957],{"class":310,"line":311},[308,937,418],{"class":417},[308,939,422],{"class":421},[308,941,426],{"class":425},[308,943,618],{"class":421},[308,945,946],{"class":425}," TypedInMemoryProvider",[308,948,429],{"class":421},[308,950,432],{"class":417},[308,952,436],{"class":435},[308,954,439],{"class":317},[308,956,442],{"class":435},[308,958,445],{"class":421},[308,960,961],{"class":310,"line":448},[308,962,474],{"emptyLinePlaceholder":54},[308,964,965,967,969,971,973,975,977],{"class":310,"line":471},[308,966,481],{"class":480},[308,968,485],{"class":484},[308,970,489],{"class":488},[308,972,492],{"class":488},[308,974,946],{"class":495},[308,976,498],{"class":425},[308,978,809],{"class":421},[308,980,981,984,988,990,992,994,997,999,1001,1004,1006,1009,1011,1014,1016,1018,1021,1024,1026,1028,1031,1033],{"class":310,"line":477},[308,982,983],{"class":435},"  \"",[308,985,987],{"class":986},"sZUrc","new-checkout",[308,989,442],{"class":435},[308,991,630],{"class":421},[308,993,422],{"class":421},[308,995,996],{"class":626}," variants",[308,998,630],{"class":421},[308,1000,422],{"class":421},[308,1002,1003],{"class":626}," on",[308,1005,630],{"class":421},[308,1007,1008],{"class":730}," true",[308,1010,618],{"class":421},[308,1012,1013],{"class":626}," off",[308,1015,630],{"class":421},[308,1017,731],{"class":730},[308,1019,1020],{"class":421}," },",[308,1022,1023],{"class":626}," defaultVariant",[308,1025,630],{"class":421},[308,1027,436],{"class":435},[308,1029,1030],{"class":317},"on",[308,1032,442],{"class":435},[308,1034,1035],{"class":421}," },\n",[308,1037,1038,1040,1043,1045,1047,1049,1051,1053,1055,1058,1060,1064,1066,1068,1070,1072,1075,1077],{"class":310,"line":513},[308,1039,983],{"class":435},[308,1041,1042],{"class":986},"max-items",[308,1044,442],{"class":435},[308,1046,630],{"class":421},[308,1048,422],{"class":421},[308,1050,996],{"class":626},[308,1052,630],{"class":421},[308,1054,422],{"class":421},[308,1056,1057],{"class":626}," default",[308,1059,630],{"class":421},[308,1061,1063],{"class":1062},"srdBf"," 20",[308,1065,1020],{"class":421},[308,1067,1023],{"class":626},[308,1069,630],{"class":421},[308,1071,436],{"class":435},[308,1073,1074],{"class":317},"default",[308,1076,442],{"class":435},[308,1078,1035],{"class":421},[308,1080,1081,1083,1085],{"class":310,"line":532},[308,1082,677],{"class":421},[308,1084,508],{"class":425},[308,1086,445],{"class":421},[308,1088,1089],{"class":310,"line":668},[308,1090,474],{"emptyLinePlaceholder":54},[308,1092,1093,1096,1098,1100,1103,1105,1107,1110,1113],{"class":310,"line":674},[308,1094,1095],{"class":495},"afterEach",[308,1097,498],{"class":425},[308,1099,549],{"class":421},[308,1101,1102],{"class":480}," =>",[308,1104,426],{"class":425},[308,1106,521],{"class":421},[308,1108,1109],{"class":495},"close",[308,1111,1112],{"class":425},"())",[308,1114,445],{"class":421},[308,1116,1118],{"class":310,"line":1117},9,[308,1119,474],{"emptyLinePlaceholder":54},[308,1121,1123,1126,1128,1130,1133,1135,1137,1140,1143,1145],{"class":310,"line":1122},10,[308,1124,1125],{"class":495},"test",[308,1127,498],{"class":425},[308,1129,442],{"class":435},[308,1131,1132],{"class":317},"shows the new checkout",[308,1134,442],{"class":435},[308,1136,618],{"class":421},[308,1138,1139],{"class":480}," async",[308,1141,1142],{"class":421}," ()",[308,1144,1102],{"class":480},[308,1146,621],{"class":421},[308,1148,1150,1153,1155,1157,1159,1161,1164,1166],{"class":310,"line":1149},11,[308,1151,1152],{"class":417},"  await",[308,1154,426],{"class":425},[308,1156,521],{"class":421},[308,1158,524],{"class":495},[308,1160,498],{"class":626},[308,1162,1163],{"class":425},"provider",[308,1165,508],{"class":626},[308,1167,445],{"class":421},[308,1169,1171,1174,1176,1178,1180,1182,1184,1186],{"class":310,"line":1170},12,[308,1172,1173],{"class":480},"  const",[308,1175,537],{"class":484},[308,1177,489],{"class":488},[308,1179,426],{"class":425},[308,1181,521],{"class":421},[308,1183,546],{"class":495},[308,1185,549],{"class":626},[308,1187,445],{"class":421},[308,1189,1191],{"class":310,"line":1190},13,[308,1192,474],{"emptyLinePlaceholder":54},[308,1194,1196,1199,1201,1204,1206,1208,1210,1212,1214,1216,1218,1220,1223,1225,1228,1230,1233,1235],{"class":310,"line":1195},14,[308,1197,1198],{"class":495},"  expect",[308,1200,498],{"class":626},[308,1202,1203],{"class":425},"client",[308,1205,521],{"class":421},[308,1207,716],{"class":495},[308,1209,498],{"class":626},[308,1211,442],{"class":435},[308,1213,987],{"class":317},[308,1215,442],{"class":435},[308,1217,618],{"class":421},[308,1219,731],{"class":730},[308,1221,1222],{"class":626},"))",[308,1224,521],{"class":421},[308,1226,1227],{"class":495},"toBe",[308,1229,498],{"class":626},[308,1231,1232],{"class":730},"true",[308,1234,508],{"class":626},[308,1236,445],{"class":421},[308,1238,1240,1242,1244,1246,1248,1251,1253,1255,1257,1259,1261,1264,1266,1268,1270,1272,1275,1277],{"class":310,"line":1239},15,[308,1241,1198],{"class":495},[308,1243,498],{"class":626},[308,1245,1203],{"class":425},[308,1247,521],{"class":421},[308,1249,1250],{"class":495},"getNumberValue",[308,1252,498],{"class":626},[308,1254,442],{"class":435},[308,1256,1042],{"class":317},[308,1258,442],{"class":435},[308,1260,618],{"class":421},[308,1262,1263],{"class":1062}," 0",[308,1265,1222],{"class":626},[308,1267,521],{"class":421},[308,1269,1227],{"class":495},[308,1271,498],{"class":626},[308,1273,1274],{"class":1062},"20",[308,1276,508],{"class":626},[308,1278,445],{"class":421},[308,1280,1282],{"class":310,"line":1281},16,[308,1283,474],{"emptyLinePlaceholder":54},[308,1285,1287,1289,1291,1293,1296,1298],{"class":310,"line":1286},17,[308,1288,1152],{"class":417},[308,1290,485],{"class":425},[308,1292,521],{"class":421},[308,1294,1295],{"class":495},"putConfiguration",[308,1297,498],{"class":626},[308,1299,809],{"class":421},[308,1301,1303,1306,1308,1310,1312,1314,1316,1318,1320,1322,1324,1326,1328,1330,1332,1334,1336,1338,1340,1342,1345,1347],{"class":310,"line":1302},18,[308,1304,1305],{"class":435},"    \"",[308,1307,987],{"class":986},[308,1309,442],{"class":435},[308,1311,630],{"class":421},[308,1313,422],{"class":421},[308,1315,996],{"class":626},[308,1317,630],{"class":421},[308,1319,422],{"class":421},[308,1321,1003],{"class":626},[308,1323,630],{"class":421},[308,1325,1008],{"class":730},[308,1327,618],{"class":421},[308,1329,1013],{"class":626},[308,1331,630],{"class":421},[308,1333,731],{"class":730},[308,1335,1020],{"class":421},[308,1337,1023],{"class":626},[308,1339,630],{"class":421},[308,1341,436],{"class":435},[308,1343,1344],{"class":317},"off",[308,1346,442],{"class":435},[308,1348,1035],{"class":421},[308,1350,1352,1355,1357],{"class":310,"line":1351},19,[308,1353,1354],{"class":421},"  }",[308,1356,508],{"class":626},[308,1358,445],{"class":421},[308,1360,1362,1364,1366,1368,1370,1372,1374,1376,1378,1380,1382,1384,1386,1388,1390,1392,1395,1397],{"class":310,"line":1361},20,[308,1363,1198],{"class":495},[308,1365,498],{"class":626},[308,1367,1203],{"class":425},[308,1369,521],{"class":421},[308,1371,716],{"class":495},[308,1373,498],{"class":626},[308,1375,442],{"class":435},[308,1377,987],{"class":317},[308,1379,442],{"class":435},[308,1381,618],{"class":421},[308,1383,1008],{"class":730},[308,1385,1222],{"class":626},[308,1387,521],{"class":421},[308,1389,1227],{"class":495},[308,1391,498],{"class":626},[308,1393,1394],{"class":730},"false",[308,1396,508],{"class":626},[308,1398,445],{"class":421},[308,1400,1402,1404,1406],{"class":310,"line":1401},21,[308,1403,677],{"class":421},[308,1405,508],{"class":425},[308,1407,445],{"class":421},[266,1409,1410,1412,1413,1416,1417,1420,1421,1424,1425,1428],{},[305,1411,1295],{}," replaces every flag and emits ",[305,1414,1415],{},"ConfigurationChanged"," with the keys it was given, so a component that re-reads its flags on that event follows the change. A flag can also carry a ",[305,1418,1419],{},"contextEvaluator",", a function from the evaluation context to the name of the variant to serve, for a test of code that targets specific users. ",[305,1422,1423],{},"OpenFeature"," is one global, so shut it down after each test with ",[305,1426,1427],{},"OpenFeature.close()",", which lets the next test register its own provider.",[266,1430,1431,1432,1435,1436,1439],{},"A React application that reads flags through ",[305,1433,1434],{},"@openfeature\u002Freact-sdk"," has ",[305,1437,1438],{},"OpenFeatureTestProvider"," from that package as well, a component that serves the values it is given to the hooks beneath it.",[1441,1442,1443],"style",{},"html pre.shiki code .sbgvK, html code.shiki .sbgvK{--shiki-light:#E2931D;--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .s_sjI, html code.shiki .s_sjI{--shiki-light:#91B859;--shiki-default:#032F62;--shiki-dark:#9ECBFF}html pre.shiki code .stzsN, html code.shiki .stzsN{--shiki-light:#91B859;--shiki-default:#005CC5;--shiki-dark:#79B8FF}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sVHd0, html code.shiki .sVHd0{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#D73A49;--shiki-default-font-style:inherit;--shiki-dark:#F97583;--shiki-dark-font-style:inherit}html pre.shiki code .sP7_E, html code.shiki .sP7_E{--shiki-light:#39ADB5;--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .su5hD, html code.shiki .su5hD{--shiki-light:#90A4AE;--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .sjJ54, html code.shiki .sjJ54{--shiki-light:#39ADB5;--shiki-default:#032F62;--shiki-dark:#9ECBFF}html pre.shiki code .sbsja, html code.shiki .sbsja{--shiki-light:#9C3EDA;--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .s_hVV, html code.shiki .s_hVV{--shiki-light:#90A4AE;--shiki-default:#005CC5;--shiki-dark:#79B8FF}html pre.shiki code .smGrS, html code.shiki .smGrS{--shiki-light:#39ADB5;--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .sGLFI, html code.shiki .sGLFI{--shiki-light:#6182B8;--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .skxfh, html code.shiki .skxfh{--shiki-light:#E53935;--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .syTEX, html code.shiki .syTEX{--shiki-light:#FF5370;--shiki-default:#005CC5;--shiki-dark:#79B8FF}html pre.shiki code .sutJx, html code.shiki .sutJx{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#6A737D;--shiki-default-font-style:inherit;--shiki-dark:#6A737D;--shiki-dark-font-style:inherit}html pre.shiki code .sZUrc, html code.shiki .sZUrc{--shiki-light:#E53935;--shiki-default:#032F62;--shiki-dark:#9ECBFF}html pre.shiki code .srdBf, html code.shiki .srdBf{--shiki-light:#F76D47;--shiki-default:#005CC5;--shiki-dark:#79B8FF}",{"title":303,"searchDepth":448,"depth":448,"links":1445},[1446,1447,1448,1451,1452,1453],{"id":263,"depth":448,"text":264},{"id":286,"depth":448,"text":287},{"id":387,"depth":448,"text":388,"children":1449},[1450],{"id":555,"depth":471,"text":556},{"id":691,"depth":448,"text":692},{"id":787,"depth":448,"text":788},{"id":905,"depth":448,"text":906},"ConfigDirector Provider for the OpenFeature Web SDK","md",null,{"modifiedAt":1458},"2026-10-12T00:22:49.000Z",{"title":188,"icon":183,"icons":1460},[183,98],{"title":246,"description":1454},"oGb2ufMzU9zUpoCplwrpSoakcmAw8wRJiQEXJ6x8Qbc",[1464,1466],{"title":177,"path":178,"stem":179,"description":1465,"icon":180,"children":-1},"Evaluate configs and feature flags locally for any user context with the Go server SDK, with updates delivered over server sent events",{"title":125,"path":193,"stem":194,"description":1467,"icon":183,"icons":1468,"children":-1},"ConfigDirector Provider for the OpenFeature Swift SDK",[183,128],1791783867118]