mirror of
https://github.com/laurent22/joplin.git
synced 2024-12-21 09:38:01 +02:00
c63c6370b5
The goal is to make the command system more modular, so each command can be defined as a single object that includes a declaration (name, label, etc.) and a runtime (to execute the command, test if it should be enabled, etc.) Utility methods are provided to convert a command to a menu item or a toolbar button, thus reducing duplicated and boiler plate code across the codebase (often the menu item logic was duplicated in the toolbar button logic and vice versa). The goal is to make it easier to add new commands (and associated menu item and toolbar buttons) and to call them from anywhere. This is also useful for plugins, which can also easily define new commands. Could also allow creating a command palette.
28 lines
700 B
TypeScript
28 lines
700 B
TypeScript
import usePrevious from './usePrevious';
|
|
import { useEffect } from 'react';
|
|
|
|
export default function useEffectDebugger(effectHook:any, dependencies:any, dependencyNames:any[] = []) {
|
|
const previousDeps = usePrevious(dependencies, []);
|
|
|
|
const changedDeps = dependencies.reduce((accum:any, dependency:any, index:any) => {
|
|
if (dependency !== previousDeps[index]) {
|
|
const keyName = dependencyNames[index] || index;
|
|
return {
|
|
...accum,
|
|
[keyName]: {
|
|
before: previousDeps[index],
|
|
after: dependency,
|
|
},
|
|
};
|
|
}
|
|
|
|
return accum;
|
|
}, {});
|
|
|
|
if (Object.keys(changedDeps).length) {
|
|
console.log('[use-effet-debugger] ', changedDeps);
|
|
}
|
|
|
|
useEffect(effectHook, dependencies);
|
|
}
|