[39] [57] Move features package to named exports, preventing "ssr" package dependency. Firefox compatibility.

examples/express/docs/CHANGELOG.md

@@ -5,6 +5,16 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [0.2.6] - 2025-07-15
+
+### Changed
+
+- Updated to named exports version of "features" package ([0.4.0](../../../packages/features/docs/CHANGELOG.md#040---2025-07-15))
+
+### Fixed
+
+- import types explicitly from `@playwright/test` after unexpected pipeline failure
+
 ## [0.2.5] - 2025-05-27
 
 ### Changed

examples/express/package.json

@@ -1,6 +1,6 @@
 {
   "name": "web-toggle-point-express-example",
-  "version": "0.2.5",
+  "version": "0.2.6",
   "type": "module",
   "engines": {
     "node": ">=20.6.0"

examples/express/playwright.config.ts

@@ -1,4 +1,4 @@
-import { defineConfig, PlaywrightTestConfig } from "@playwright/test";
+import { defineConfig, type PlaywrightTestConfig } from "@playwright/test";
 import baseConfig from "../../test/automation/base.config";
 
 const config: PlaywrightTestConfig = {

examples/express/src/routes/animals/featuresStore.js

@@ -1,4 +1,5 @@
-import { nodeRequestScopedStoreFactory as featuresStoreFactory } from "@asos/web-toggle-point-features";
+// eslint-disable-next-line import/no-unresolved -- https://github.com/import-js/eslint-plugin-import/issues/1810
+import featuresStoreFactory from "@asos/web-toggle-point-features/storeFactories/nodeRequestScopedFeaturesStoreFactory";
 
 const featuresStore = featuresStoreFactory();
 

examples/express/src/routes/animals/middleware.js

@@ -9,7 +9,7 @@ const contextMiddleware = (request, response, scopeCallBack) => {
     return;
   }
   response.header("Vary", version);
-  featuresStore.useValue({ value: { version }, scopeCallBack });
+  featuresStore.setValue({ value: { version }, scopeCallBack });
 };
 
 export default contextMiddleware;

examples/express/src/routes/config/featuresStore.js

@@ -1,4 +1,5 @@
-import { ssrBackedReactContextFeaturesStoreFactory as featuresStoreFactory } from "@asos/web-toggle-point-features";
+// eslint-disable-next-line import/no-unresolved -- https://github.com/import-js/eslint-plugin-import/issues/1810
+import featuresStoreFactory from "@asos/web-toggle-point-features/storeFactories/ssrBackedReactContextFeaturesStoreFactory";
 
 const featuresStore = featuresStoreFactory({
   name: "config",

examples/next/docs/CHANGELOG.md

@@ -5,6 +5,16 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [0.2.5] - 2025-07-15
+
+### Changed
+
+- Updated to named exports version of "features" package ([0.4.0](../../../packages/features/docs/CHANGELOG.md#040---2025-07-15))
+
+### Fixed
+
+- import types explicitly from `@playwright/test` & internally, after unexpected pipeline failure
+
 ## [0.2.4] - 2025-05-27
 
 ### Changed

examples/next/package.json

@@ -1,6 +1,6 @@
 {
   "name": "web-toggle-point-next-example",
-  "version": "0.2.4",
+  "version": "0.2.5",
   "private": true,
   "type": "module",
   "scripts": {

examples/next/playwright.config.ts

@@ -1,4 +1,5 @@
-import { defineConfig, PlaywrightTestConfig } from "@playwright/test";
+import { defineConfig, type PlaywrightTestConfig } from "@playwright/test";
+// eslint-disable-next-line workspaces/no-relative-imports, workspaces/require-dependency
 import baseConfig from "../../test/automation/base.config";
 
 const THREE_MINUTES = 3 * 60 * 1000;

examples/next/src/app/fixtures/experiments/1-varied-component/playwright.spec.ts

@@ -1,4 +1,4 @@
-import { test, expect, ConsoleMessage } from "@playwright/test";
+import { test, expect, type ConsoleMessage } from "@playwright/test";
 import setExperimentHeaders from "../playwright.setExperimentHeaders";
 import locateWithinExample from "../playwright.locateInExample";
 import getFixtureURL from "../playwright.getFixtureUrl";

examples/next/src/app/fixtures/experiments/4-varied-variant/playwright.spec.ts

@@ -1,4 +1,4 @@
-import { test, expect, ConsoleMessage } from "@playwright/test";
+import { test, expect, type ConsoleMessage } from "@playwright/test";
 import setExperimentHeaders from "../playwright.setExperimentHeaders";
 import locateWithinExample from "../playwright.locateInExample";
 import getFixtureURL from "../playwright.getFixtureUrl";

examples/next/src/app/fixtures/experiments/featuresStore.ts

@@ -1,6 +1,6 @@
 "use client";
 
-import { reactContextFeaturesStoreFactory as featuresStoreFactory } from "@asos/web-toggle-point-features";
+import featuresStoreFactory from "@asos/web-toggle-point-features/storeFactories/reactContextFeaturesStoreFactory";
 
 const reactContextStore = featuresStoreFactory({
   name: "Experiments"

examples/next/src/app/fixtures/experiments/getExperiments.ts

@@ -1,5 +1,5 @@
 import { headers } from "next/headers";
-import { Experiments } from "./experiments";
+import { type Experiments } from "./experiments";
 
 export default async function getExperiments(): Promise<
   Experiments | Record<string, never>

examples/next/src/app/fixtures/experiments/layout.tsx

@@ -1,4 +1,4 @@
-import { ReactNode } from "react";
+import { type ReactNode } from "react";
 import getExperiments from "./getExperiments";
 import Example from "./example";
 

examples/next/src/app/fixtures/experiments/playwright.locateInExample.ts

@@ -1,4 +1,4 @@
-import { Page, Locator } from "@playwright/test";
+import type { Page, Locator } from "@playwright/test";
 
 function locateWithinExample(page: Page, testId: string): Locator {
   return page.locator("#example").getByTestId(testId);

examples/next/src/app/fixtures/experiments/playwright.setExperimentHeaders.ts

@@ -1,12 +1,12 @@
-import {
+import type {
   TestType,
   PlaywrightTestArgs,
   PlaywrightTestOptions,
   PlaywrightWorkerArgs,
   PlaywrightWorkerOptions
 } from "@playwright/test";
 
-import { Experiments, Decision } from "./experiments";
+import type { Experiments, Decision } from "./experiments";
 
 const setExperimentHeaders = (
   test: TestType<

examples/next/src/app/layout.tsx

@@ -1,6 +1,6 @@
 import { Didact_Gothic } from "next/font/google";
 import styles from "./styles.module.css";
-import { ReactNode } from "react";
+import { type ReactNode } from "react";
 
 const didactGothic = Didact_Gothic({
   display: "swap",

examples/next/src/components/control1.tsx

@@ -1,4 +1,4 @@
-import React, { ReactNode } from "react";
+import React, { type ReactNode } from "react";
 import styles from "./styles.module.css";
 
 interface Control1Props {

examples/next/src/components/control2.tsx

@@ -1,4 +1,4 @@
-import React, { ReactNode } from "react";
+import React, { type ReactNode } from "react";
 import styles from "./styles.module.css";
 
 interface Control2Props {

examples/next/src/components/variant1.tsx

@@ -1,4 +1,4 @@
-import React, { ReactNode } from "react";
+import React, { type ReactNode } from "react";
 import styles from "./styles.module.css";
 
 interface Variant1Props {

examples/next/src/components/variant2.tsx

@@ -1,4 +1,4 @@
-import React, { ReactNode } from "react";
+import React, { type ReactNode } from "react";
 import styles from "./styles.module.css";
 
 interface Variant2Props {

examples/serve/docs/CHANGELOG.md

@@ -5,11 +5,22 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [0.2.7] - 2025-07-15
+
+### Changed
+
+- Updated to named exports version of "features" package ([0.4.0](../../../packages/features/docs/CHANGELOG.md#040---2025-07-15))
+
+### Fixed
+
+- import types explicitly from `@playwright/test` after unexpected pipeline failure
+- updated pride image after update to windows chromium emojis
+
 ## [0.2.6] - 2025-07-14
 
 ### Changed
 
-- updated to use `variantGlobs` array, with updated webpack plugin [0.8.0][version 0.8.0](../../../packages/webpack/docs/CHANGELOG.md#080---2025-05-27)
+- updated to use `variantGlobs` array, with updated webpack plugin [version 0.8.0](../../../packages/webpack/docs/CHANGELOG.md#080---2025-05-27)
 
 ## [0.2.5] - 2025-07-14
 

examples/serve/package.json

@@ -1,6 +1,6 @@
 {
   "name": "web-toggle-point-serve-example",
-  "version": "0.2.6",
+  "version": "0.2.7",
   "type": "module",
   "private": true,
   "scripts": {

examples/serve/playwright.config.ts

@@ -1,9 +1,9 @@
-import { defineConfig, PlaywrightTestConfig } from "@playwright/test";
+import { defineConfig, type PlaywrightTestConfig } from "@playwright/test";
 import baseConfig from "../../test/automation/base.config";
 
 const config: PlaywrightTestConfig = {
   ...baseConfig,
-  expect:{
+  expect: {
     toMatchSnapshot: {
       maxDiffPixelRatio: 0.05
     }

examples/serve/src/fixtures/audience/__featuresStore.js

@@ -1,9 +1,10 @@
-import { globalFeaturesStoreFactory as featuresStoreFactory } from "@asos/web-toggle-point-features";
+// eslint-disable-next-line import/no-unresolved -- https://github.com/import-js/eslint-plugin-import/issues/1810
+import featuresStoreFactory from "@asos/web-toggle-point-features/storeFactories/globalFeaturesStoreFactory";
 
 const featuresStore = featuresStoreFactory();
 
 const [, audience] = document.cookie.match(/audience=(.+?)(;|$)/) || [];
 
-featuresStore.useValue({ value: audience });
+featuresStore.setValue({ value: audience });
 
 export default featuresStore;

examples/serve/src/fixtures/config/__featuresStore.js

@@ -1,7 +1,8 @@
-import { globalFeaturesStoreFactory as featuresStoreFactory } from "@asos/web-toggle-point-features";
+// eslint-disable-next-line import/no-unresolved -- https://github.com/import-js/eslint-plugin-import/issues/1810
+import featuresStoreFactory from "@asos/web-toggle-point-features/storeFactories/globalFeaturesStoreFactory";
 
 const featuresStore = featuresStoreFactory();
 
-featuresStore.useValue({ value: new URL(document.URL).pathname.slice(1) });
+featuresStore.setValue({ value: new URL(document.URL).pathname.slice(1) });
 
 export default featuresStore;

examples/serve/src/fixtures/event/__featuresStore.js

@@ -1,4 +1,5 @@
-import { globalFeaturesStoreFactory as featuresStoreFactory } from "@asos/web-toggle-point-features";
+// eslint-disable-next-line import/no-unresolved -- https://github.com/import-js/eslint-plugin-import/issues/1810
+import featuresStoreFactory from "@asos/web-toggle-point-features/storeFactories/globalFeaturesStoreFactory";
 
 const featuresStore = featuresStoreFactory();
 
@@ -15,6 +16,6 @@ const getEvent = () => {
   }
 };
 
-featuresStore.useValue({ value: getEvent() });
+featuresStore.setValue({ value: getEvent() });
 
 export default featuresStore;

examples/serve/src/fixtures/translation/__featuresStore.js

@@ -1,8 +1,9 @@
-import { globalFeaturesStoreFactory as featuresStoreFactory } from "@asos/web-toggle-point-features";
+// eslint-disable-next-line import/no-unresolved -- https://github.com/import-js/eslint-plugin-import/issues/1810
+import featuresStoreFactory from "@asos/web-toggle-point-features/storeFactories/globalFeaturesStoreFactory";
 
 const featuresStore = featuresStoreFactory();
 
-featuresStore.useValue({
+featuresStore.setValue({
   value: navigator.language || document.documentElement.lang
 });
 

packages/features/build/eslint-import-backfill.rollup.mjs

@@ -0,0 +1,9 @@
+export default {
+  input: "./src/global.js",
+  output: {
+    file: "lib/global.js",
+    format: "es",
+    sourcemap: true
+  },
+  treeshake: false
+};