## Description
>
```
const isOnCanvas = matchBuilderPath(window.location.pathname);
if (isOnCanvas) {
dispatch(showDebuggerAction(!showDebugger));
}}
```
The condition check to verify if we are on canvas was removed as we are
opening debugger throughout all pages.
> Now debugger is accessible from all pages in Appsmith. (Earlier it was
not present in Datasources pages.)
Fixes #19567
#21935
#21934
#21907
#21223
Media
> [Video](https://www.loom.com/share/ff5eebb5e0a74e0bad6ead26050b5833)
## Type of change
> Please delete options that are not relevant.
- Bug fix (non-breaking change which fixes an issue)
- New feature (non-breaking change which adds functionality)
## How Has This Been Tested?
- Manual
- Jest
- Cypress
### Test Plan
> Add Testsmith test cases links that relate to this PR
### Issues raised during DP testing
> Link issues raised during DP testing for better visiblity and tracking
(copy link from comments dropped on this PR)
## Checklist:
### Dev activity
- [x] My code follows the style guidelines of this project
- [x] I have performed a self-review of my own code
- [x] I have commented my code, particularly in hard-to-understand areas
- [ ] I have made corresponding changes to the documentation
- [x] My changes generate no new warnings
- [x] I have added tests that prove my fix is effective or that my
feature works
- [x] New and existing unit tests pass locally with my changes
- [ ] PR is being merged under a feature flag
### QA activity:
- [ ] Test plan has been approved by relevant developers
- [ ] Test plan has been peer reviewed by QA
- [ ] Cypress test cases have been added and approved by either SDET or
manual QA
- [ ] Organized project review call with relevant stakeholders after
Round 1/2 of QA
- [ ] Added Test Plan Approved label after reveiwing all Cypress test
123 lines
2.8 KiB
TypeScript
123 lines
2.8 KiB
TypeScript
import {
|
|
addErrorLogInit,
|
|
debuggerLog,
|
|
debuggerLogInit,
|
|
deleteErrorLogsInit,
|
|
} from "actions/debuggerActions";
|
|
import type { ReduxAction } from "@appsmith/constants/ReduxActionConstants";
|
|
import type { LogActionPayload, Log } from "entities/AppsmithConsole";
|
|
import { Severity, LOG_CATEGORY } from "entities/AppsmithConsole";
|
|
import moment from "moment";
|
|
import store from "store";
|
|
import AnalyticsUtil from "./AnalyticsUtil";
|
|
import { isEmpty } from "lodash";
|
|
|
|
// * @param payload - payload of the error
|
|
// * @param severity - severity of the error
|
|
// * @param category - category of the error
|
|
export interface ErrorObject {
|
|
payload: LogActionPayload;
|
|
severity?: Severity;
|
|
category?: LOG_CATEGORY;
|
|
}
|
|
|
|
function dispatchAction(action: ReduxAction<unknown>) {
|
|
store.dispatch(action);
|
|
}
|
|
|
|
function log(ev: Log) {
|
|
if (ev.category === LOG_CATEGORY.USER_GENERATED) {
|
|
AnalyticsUtil.logEvent("CONSOLE_LOG_CREATED", {
|
|
entityName: ev.source?.name,
|
|
entityType: ev.source?.type,
|
|
});
|
|
}
|
|
dispatchAction(debuggerLogInit([ev]));
|
|
}
|
|
|
|
function getTimeStamp() {
|
|
return moment().format("HH:mm:ss");
|
|
}
|
|
|
|
function addLogs(logs: Log[]) {
|
|
dispatchAction(debuggerLog(logs));
|
|
}
|
|
|
|
function info(
|
|
ev: LogActionPayload,
|
|
timestamp = getTimeStamp(),
|
|
category = LOG_CATEGORY.PLATFORM_GENERATED,
|
|
) {
|
|
log({
|
|
...ev,
|
|
severity: Severity.INFO,
|
|
timestamp,
|
|
category,
|
|
occurrenceCount: 1,
|
|
isExpanded: false,
|
|
});
|
|
}
|
|
|
|
function warning(
|
|
ev: LogActionPayload,
|
|
timestamp = getTimeStamp(),
|
|
category = LOG_CATEGORY.PLATFORM_GENERATED,
|
|
) {
|
|
log({
|
|
...ev,
|
|
severity: Severity.WARNING,
|
|
timestamp,
|
|
category,
|
|
occurrenceCount: 1,
|
|
isExpanded: false,
|
|
});
|
|
}
|
|
|
|
// This is used to show a log as an error
|
|
// NOTE: These logs won't appear in the errors tab
|
|
// To add errors to the errors tab use the addError method.
|
|
function error(
|
|
ev: LogActionPayload,
|
|
timestamp = getTimeStamp(),
|
|
category = LOG_CATEGORY.PLATFORM_GENERATED,
|
|
) {
|
|
log({
|
|
...ev,
|
|
severity: Severity.ERROR,
|
|
timestamp,
|
|
category,
|
|
occurrenceCount: 1,
|
|
isExpanded: false,
|
|
});
|
|
}
|
|
|
|
// Function used to add errors to the error tab of the debugger
|
|
function addErrors(errors: ErrorObject[]) {
|
|
if (isEmpty(errors)) return;
|
|
const refinedErrors = errors.map((error) => ({
|
|
...error.payload,
|
|
severity: error.severity ?? Severity.ERROR,
|
|
timestamp: Date.now().toString(),
|
|
occurrenceCount: 1,
|
|
category: error.category ?? LOG_CATEGORY.PLATFORM_GENERATED,
|
|
isExpanded: false,
|
|
}));
|
|
|
|
dispatchAction(addErrorLogInit(refinedErrors));
|
|
}
|
|
|
|
// This is used to remove errors from the error tab of the debugger
|
|
function deleteErrors(errors: { id: string; analytics?: Log["analytics"] }[]) {
|
|
if (isEmpty(errors)) return;
|
|
dispatchAction(deleteErrorLogsInit(errors));
|
|
}
|
|
|
|
export default {
|
|
addLogs,
|
|
info,
|
|
warning,
|
|
error,
|
|
addErrors,
|
|
deleteErrors,
|
|
};
|