Bootstrap a new fluentx package with generator

.github/CODEOWNERS

@@ -25,6 +25,7 @@ packages/token-analyzer @microsoft/xc-uxe
 packages/react-contextual-pane @microsoft/teams-prg
 packages/react-virtualizer @microsoft/xc-uxe @microsoft/cxe-prg
 packages/react-cap-theme @microsoft/cap-theme
+packages/fluentx @nataliabar
 # <%= NX-CODEOWNER-PLACEHOLDER %>
 
 #### Build/Infra

package.json

@@ -67,7 +67,7 @@
     "@testing-library/react": "16.3.0",
     "@testing-library/user-event": "14.6.1",
     "@types/jest": "30.0.0",
-    "@types/node": "20.14.9",
+    "@types/node": "20.19.9",
     "@types/react": "18.3.1",
     "@types/react-dom": "18.3.0",
     "@types/react-virtualized-auto-sizer": "^1.0.8",
@@ -100,7 +100,8 @@
     "ts-node": "10.9.2",
     "tslib": "^2.3.0",
     "typescript": "5.8.3",
-    "typescript-eslint": "8.32.1"
+    "typescript-eslint": "8.32.1",
+    "verdaccio": "^6.0.5"
   },
   "nx": {
     "includedScripts": []

packages/fluentx/.swcrc

@@ -0,0 +1,30 @@
+{
+  "jsc": {
+    "target": "es2019",
+    "parser": {
+      "syntax": "typescript",
+      "tsx": true,
+      "decorators": false,
+      "dynamicImport": false
+    },
+    "transform": {
+      "react": {
+        "runtime": "classic",
+        "useSpread": true
+      }
+    },
+    "keepClassNames": true,
+    "externalHelpers": true,
+    "loose": true
+  },
+  "sourceMaps": true,
+  "exclude": [
+    "jest.config.ts",
+    ".*\\.spec.tsx?$",
+    ".*\\.test.tsx?$",
+    "./src/jest-setup.ts$",
+    "./**/jest-setup.ts$",
+    ".*.js$"
+  ],
+  "$schema": "https://json.schemastore.org/swcrc"
+}

packages/fluentx/README.md

@@ -0,0 +1,11 @@
+# fluentx
+
+This library was generated with [Nx](https://nx.dev).
+
+## Building
+
+Run `nx build fluentx` to build the library.
+
+## Running unit tests
+
+Run `nx test fluentx` to execute the unit tests via [Jest](https://jestjs.io).

packages/fluentx/eslint.config.js

@@ -0,0 +1,15 @@
+const baseConfig = require('../../eslint.config.js');
+
+module.exports = [
+  ...baseConfig,
+  {
+    files: ['**/*.ts', '**/*.tsx'],
+    // Override or add rules here
+    rules: {},
+  },
+  {
+    files: ['**/*.js', '**/*.jsx'],
+    // Override or add rules here
+    rules: {},
+  },
+];

packages/fluentx/jest.config.cts

@@ -0,0 +1,30 @@
+/* eslint-disable */
+const { readFileSync } = require('fs');
+
+// Reading the SWC compilation config and remove the "exclude"
+// for the test files to be compiled by SWC
+const { exclude: _, ...swcJestConfig } = JSON.parse(
+  readFileSync(`${__dirname}/.swcrc`, 'utf-8')
+);
+
+// disable .swcrc look-up by SWC core because we're passing in swcJestConfig ourselves.
+// If we do not disable this, SWC Core will read .swcrc and won't transform our test files due to "exclude"
+if (swcJestConfig.swcrc === undefined) {
+  swcJestConfig.swcrc = false;
+}
+
+// Uncomment if using global setup/teardown files being transformed via swc
+// https://nx.dev/nx-api/jest/documents/overview#global-setupteardown-with-nx-libraries
+// jest needs EsModule Interop to find the default exported setup/teardown functions
+// swcJestConfig.module.noInterop = false;
+
+module.exports = {
+  displayName: 'fluentx',
+  preset: '../../jest.preset.js',
+  transform: {
+    '^.+\\.[tj]s$': ['@swc/jest', swcJestConfig],
+  },
+  moduleFileExtensions: ['ts', 'js', 'html'],
+  testEnvironment: 'jsdom',
+  coverageDirectory: '../../coverage/packages/fluentx',
+};

packages/fluentx/package.json

@@ -0,0 +1,10 @@
+{
+  "name": "@fluentui-contrib/fluentx",
+  "version": "0.0.1",
+  "main": "./src/index.js",
+  "types": "./src/index.d.ts",
+  "dependencies": {
+    "@swc/helpers": "~0.5.11"
+  },
+  "private": true
+}

packages/fluentx/project.json

@@ -0,0 +1,32 @@
+{
+  "name": "fluentx",
+  "$schema": "../../node_modules/nx/schemas/project-schema.json",
+  "sourceRoot": "packages/fluentx/src",
+  "projectType": "library",
+  "tags": [],
+  "targets": {
+    "build": {
+      "executor": "@fluentui-contrib/nx-plugin:build"
+    },
+    "lint": {
+      "executor": "@nx/eslint:lint",
+      "options": {
+        "lintFilePatterns": [
+          "packages/fluentx/**/*.ts",
+          "packages/fluentx/**/*.tsx"
+        ]
+      }
+    },
+    "test": {
+      "executor": "@nx/jest:jest",
+      "outputs": ["{workspaceRoot}/coverage/{projectRoot}"],
+      "options": {
+        "jestConfig": "packages/fluentx/jest.config.cts",
+        "passWithNoTests": true
+      }
+    },
+    "type-check": {
+      "executor": "@fluentui-contrib/nx-plugin:type-check"
+    }
+  }
+}

packages/fluentx/src/index.ts

@@ -0,0 +1 @@
+export {};

packages/fluentx/tsconfig.json

@@ -0,0 +1,16 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "files": [],
+  "compilerOptions": {
+    "jsx": "react"
+  },
+  "include": [],
+  "references": [
+    {
+      "path": "./tsconfig.lib.json"
+    },
+    {
+      "path": "./tsconfig.spec.json"
+    }
+  ]
+}

packages/fluentx/tsconfig.lib.json

@@ -0,0 +1,14 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../dist/out-tsc",
+    "declaration": true
+  },
+  "include": ["src/**/*.ts"],
+  "exclude": [
+    "jest.config.ts",
+    "src/**/*.test.ts",
+    "src/**/*.test.tsx",
+    "files/**"
+  ]
+}

packages/fluentx/tsconfig.spec.json

@@ -0,0 +1,14 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../dist/out-tsc",
+    "module": "commonjs",
+    "types": ["jest", "node"]
+  },
+  "include": [
+    "jest.config.ts",
+    "src/**/*.test.ts",
+    "src/**/*.test.tsx",
+    "src/**/*.d.ts"
+  ]
+}

tsconfig.base.json

@@ -75,7 +75,10 @@
       "@fluentui-contrib/token-analyzer": [
         "packages/token-analyzer/src/index.ts"
       ],
-      "@fluentui-contrib/variant-theme": ["packages/variant-theme/src/index.ts"]
+      "@fluentui-contrib/variant-theme": [
+        "packages/variant-theme/src/index.ts"
+      ],
+      "@fluentui-contrib/fluentx": ["packages/fluentx/src/index.ts"]
     }
   },
   "exclude": ["node_modules", "tmp"]