Release v1.34.0 (#283)

Author: moust

.editorconfig

@@ -10,3 +10,9 @@ insert_final_newline = true
 
 [*.yml]
 indent_size = 2
+
+[tailwind.config.cjs]
+indent_size = 2
+
+[src/components/ui/*]
+indent_size = 2

CHANGELOG.md

@@ -7,6 +7,16 @@ to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
 ## [Unreleased]
 
+## [1.34.0] - 2025-05-13
+
+### Added
+- Allow to trust device during mfa credential registration
+
+### Fixed
+
+- Embed TailwindCSS utils in bundle
+- Wrap dialog with theme provider (react portal)
+
 ## [1.33.2] - 2025-04-10
 
 ### Fixed
@@ -597,7 +607,9 @@ The eye icon is now correctly displayed in the Auth widget.
 
 First version of the SDK Web UI.
 
-[Unreleased]: https://github.com/ReachFive/identity-web-ui-sdk/compare/v1.33.2...HEAD
+[Unreleased]: https://github.com/ReachFive/identity-web-ui-sdk/compare/v1.34.0...HEAD
+
+[1.34.0]: https://github.com/ReachFive/identity-web-ui-sdk/compare/v1.33.2...v1.34.0
 
 [1.33.2]: https://github.com/ReachFive/identity-web-ui-sdk/compare/v1.33.1...v1.33.2
 

package-lock.json

@@ -1,6 +1,6 @@
 {
     "name": "@reachfive/identity-ui",
-    "version": "1.33.2",
+    "version": "1.34.0",
     "description": "ReachFive Identity Web UI SDK",
     "author": "ReachFive",
     "repository": {
@@ -31,7 +31,7 @@
         "lint": "eslint -c eslint.config.mjs src/"
     },
     "dependencies": {
-        "@reachfive/identity-core": "^1.35.1",
+        "@reachfive/identity-core": "^1.36.0",
         "buffer": "^6.0.3",
         "char-info": "0.3.2",
         "class-variance-authority": "^0.7.1",
@@ -60,6 +60,7 @@
         "@babel/preset-typescript": "^7.23.2",
         "@eslint/js": "^9.16.0",
         "@jest/globals": "^29.7.0",
+        "@rollup/plugin-alias": "^5.1.1",
         "@rollup/plugin-commonjs": "^25.0.7",
         "@rollup/plugin-dynamic-import-vars": "^2.1.2",
         "@rollup/plugin-node-resolve": "^15.2.3",

package.json

@@ -1,20 +1,26 @@
+import alias from '@rollup/plugin-alias';
 import commonjs from '@rollup/plugin-commonjs';
 import dynamicImportVars from '@rollup/plugin-dynamic-import-vars';
-import replace from '@rollup/plugin-replace';
 import { nodeResolve } from '@rollup/plugin-node-resolve';
+import replace from '@rollup/plugin-replace';
 import terser from '@rollup/plugin-terser';
-import url from '@rollup/plugin-url'
-import svg from '@svgr/rollup'
-import dts from 'rollup-plugin-dts'
-import esbuild from 'rollup-plugin-esbuild'
+import url from '@rollup/plugin-url';
+import svg from '@svgr/rollup';
+import dts from 'rollup-plugin-dts';
+import esbuild from 'rollup-plugin-esbuild';
 import postcss from "rollup-plugin-postcss";
 
-import pkg from './package.json' with { type: 'json' }
-const dependencies = Object.keys(pkg.dependencies)
+import path, { dirname } from 'node:path';
+import { fileURLToPath } from 'node:url';
+
+const __dirname = dirname(fileURLToPath(import.meta.url));
+
+import packageJson from './package.json' with { type: 'json' };
+const dependencies = Object.keys(packageJson.dependencies)
 
 const banner = [
     `/**`,
-    ` * ${pkg.name} - v${pkg.version}`,
+    ` * ${packageJson.name} - v${packageJson.version}`,
     ` * Compiled ${(new Date()).toUTCString().replace(/GMT/g, 'UTC')}`,
     ` *`,
     ` * Copyright (c) ReachFive.`,
@@ -24,18 +30,35 @@ const banner = [
     ` **/`,
 ].join('\n');
 
-// Ignore Luxon library's circular dependencies
-function onWarn(message) {
-    if ( message.code === 'CIRCULAR_DEPENDENCY' || message.code === 'MODULE_LEVEL_DIRECTIVE') return;
-    console.warn( message);
+/**
+ * Ignore Luxon library's circular dependencies 
+ * @param {Partial<import('rollup').RollupLog>} warning
+ * @returns {void}
+ */
+const onWarn = (warning) => {
+    if ( warning.code === 'CIRCULAR_DEPENDENCY' || warning.code === 'MODULE_LEVEL_DIRECTIVE') return;
+    console.warn(warning);
 }
 
+/** 
+ * @param {Partial<import('rollup').RollupOptions>} config
+ * @returns {import('rollup').RollupOptions}
+ */
 const bundle = config => ({
     ...config,
     input: 'src/index.ts',
 })
 
+/** @type {import('rollup').InputPluginOption} */
 const plugins = [
+    alias({
+        entries: [
+            {
+                find: /^@\/(.*)/,
+                replacement: path.resolve(__dirname, './src/$1')
+            }
+        ]
+    }),
     replace({
         preventAssignment: true,
         values: {
@@ -44,7 +67,7 @@ const plugins = [
     }),
     nodeResolve({
         browser: true,
-        extensions: ['.jsx', '.js', '.json'],
+        extensions: ['.tsx', '.ts', '.jsx', '.js', '.json'],
         preferBuiltins: true
     }),
     commonjs({ include: /node_modules/ }),
@@ -61,29 +84,32 @@ const plugins = [
     }),
 ]
 
+/** @type {import('rollup').RollupOptions[]} */
 export default [
     bundle({
         plugins,
-        external: dependencies.concat(['@/lib/utils']),
+        external: dependencies,
         output: [
             {
                 banner,
-                file: 'cjs/identity-ui.js',
+                file: packageJson.main,
                 format: 'cjs',
                 sourcemap: true,
                 inlineDynamicImports: true,
             },
             {
                 banner,
-                file: 'es/identity-ui.js',
+                file: packageJson.module,
                 format: 'es',
                 sourcemap: true,
                 inlineDynamicImports: true,
             },
             {
-                file: 'es/identity-ui.min.js',
+                file: packageJson.module.replace('.js', '.min.js'),
                 format: 'es',
-                plugins: [terser({ output: { preamble: banner } })],
+                plugins: [
+                    terser({ output: { preamble: banner } })
+                ],
                 sourcemap: true,
                 inlineDynamicImports: true,
             },
@@ -92,25 +118,31 @@ export default [
     }),
     bundle({
         plugins,
-        external: ['@/lib/utils'],
+        external: [],
         output: [
             {
                 banner,
-                file: 'umd/identity-ui.js',
+                file: packageJson.main.replace('cjs/', 'umd/'),
                 format: 'umd',
                 name: 'reach5Widgets',
                 sourcemap: true,
                 inlineDynamicImports: true,
-                globals: { '@reachfive/identity-core': 'reach5', "@/lib/utils": "tw-cl-merge" },
+                globals: {
+                    '@reachfive/identity-core': 'reach5'
+                },
             },
             {
-                file: 'umd/identity-ui.min.js',
+                file: packageJson.main.replace('cjs/', 'umd/').replace('.js', '.min.js'),
                 format: 'umd',
                 name: 'reach5Widgets',
-                plugins: [terser({ output: { preamble: banner } })],
+                plugins: [
+                    terser({ output: { preamble: banner } })
+                ],
                 sourcemap: true,
                 inlineDynamicImports: true,
-                globals: { '@reachfive/identity-core': 'reach5', "@/lib/utils": "tw-cl-merge" },
+                globals: {
+                    '@reachfive/identity-core': 'reach5'
+                },
             },
         ],
         onwarn: onWarn
@@ -121,7 +153,7 @@ export default [
         ],
         output: {
             banner,
-            file: 'types/identity-ui.d.ts',
+            file: packageJson.types,
             format: 'es',
         },
         onwarn: onWarn