@linzjs/windows 5.0.1 → 5.1.0

package/README.md

@@ -33,6 +33,12 @@ or with Yarn
 yarn add @linzjs/windows
 ```
 
+## Debug log
+To enable debug logs set:
+```javascript
+localStorage.setItem("@linzjs/windows.debugEnabled", "true");
+```
+
 ## Demo
 
 ```bash

package/dist/LuiModalAsync/LuiModalAsync.tsx

@@ -64,6 +64,7 @@ export const LuiModalAsync = ({
     </div>
   ) : (
     <dialog
+      role={'dialog'}
       className={clsx('LuiModalAsync', className)}
       style={style}
       ref={dialogRef}

package/dist/LuiModalAsync/LuiModalAsyncContextProvider.tsx

@@ -11,6 +11,7 @@ import { createPortal } from 'react-dom';
 import { useInterval } from 'usehooks-ts';
 import { v4 } from 'uuid';
 
+import { debugLog } from '../common/debug';
 import {
   ComponentType,
   LuiModalAsyncContext,
@@ -111,6 +112,9 @@ export const LuiModalAsyncContextProvider = ({ children }: PropsWithChildren<unk
       showModalProps?: ShowModalProps,
     ): // eslint-disable-next-line
     PromiseWithResolve<any> => {
+      if (!('level' in args)) {
+        debugLog(`Show generic modal`, args);
+      }
       const uuid = v4();
       // eslint-disable-next-line
       let extResolve: PromiseWithResolve<any>['resolve'];
@@ -137,6 +141,7 @@ export const LuiModalAsyncContextProvider = ({ children }: PropsWithChildren<unk
           return;
         }
       }).then((result) => {
+        debugLog('Modal resolved result =', JSON.stringify(result));
         return new Promise((resolve) => {
           // Close modal
           setModals((modals) => {

package/dist/LuiModalAsync/useLuiModalPrefab.tsx

@@ -6,6 +6,7 @@ import { flatMap } from 'lodash';
 import { omit, pick } from 'lodash-es';
 import React, { PropsWithChildren, ReactElement, useCallback, useMemo, useState } from 'react';
 
+import { debugLog } from '../common/debug';
 import { LuiModalAsync, LuiModalAsyncProps } from './LuiModalAsync';
 import { LuiModalAsyncButtonGroup } from './LuiModalAsyncButtonGroup';
 import { LuiModalAsyncContent } from './LuiModalAsyncContent';
@@ -184,6 +185,7 @@ export const useLuiModalPrefab = () => {
 
   const showPrefabModal = useCallback(
     <RT = string,>(props: PropsWithChildren<useLuiModalPrefabProps<RT>>): PromiseWithResolve<RT> => {
+      debugLog(`Show '${props.level}' prefab-modal '${props.title}'`, props);
       if (typeof props.children === 'string') {
         // Convert \n to <br/>
         const split = props.children.split('\n');

package/dist/common/debug.ts

@@ -0,0 +1,9 @@
+export const debugLog = (message: string, obj: unknown) => {
+  try {
+    if (localStorage.getItem('@linzjs/windows.debugEnabled') == 'true') {
+      console.debug(`@linzjs/windows: ${message}`, obj);
+    }
+  } catch (e) {
+    // ignore
+  }
+};

package/package.json

@@ -13,7 +13,7 @@
     "popout"
   ],
   "main": "./dist/index.ts",
-  "version": "5.0.1",
+  "version": "5.1.0",
   "peerDependencies": {
     "@linzjs/lui": ">=21",
     "lodash-es": ">=4",