refactor(editor): remove legacy console formatter (#9599)
This commit is contained in:
@@ -1,5 +1,4 @@
|
|||||||
import '../../style.css';
|
import '../../style.css';
|
||||||
import '../dev-format.js';
|
|
||||||
|
|
||||||
import { effects as blocksEffects } from '@blocksuite/blocks/effects';
|
import { effects as blocksEffects } from '@blocksuite/blocks/effects';
|
||||||
import { effects as presetsEffects } from '@blocksuite/presets/effects';
|
import { effects as presetsEffects } from '@blocksuite/presets/effects';
|
||||||
|
|||||||
@@ -1,60 +0,0 @@
|
|||||||
import * as globalUtils from '@blocksuite/global/utils';
|
|
||||||
import type { BlockModel } from '@blocksuite/store';
|
|
||||||
|
|
||||||
function toStyledEntry(key: string, value: unknown) {
|
|
||||||
return [
|
|
||||||
['span', { style: 'color: #c0c0c0' }, ` ${key}`],
|
|
||||||
['span', { style: 'color: #fff' }, `: `],
|
|
||||||
['span', { style: 'color: rgb(92, 213, 251)' }, `${JSON.stringify(value)}`],
|
|
||||||
];
|
|
||||||
}
|
|
||||||
|
|
||||||
export const devtoolsFormatter: typeof window.devtoolsFormatters = [
|
|
||||||
{
|
|
||||||
header: function (obj: unknown) {
|
|
||||||
if ('flavour' in (obj as BlockModel) && 'yBlock' in (obj as BlockModel)) {
|
|
||||||
globalUtils.assertType<BlockModel>(obj);
|
|
||||||
return [
|
|
||||||
'span',
|
|
||||||
{ style: 'font-weight: bolder;' },
|
|
||||||
['span', { style: 'color: #fff' }, `Block {`],
|
|
||||||
...toStyledEntry('flavour', obj.flavour),
|
|
||||||
['span', { style: 'color: #fff' }, `,`],
|
|
||||||
...toStyledEntry('id', obj.id),
|
|
||||||
['span', { style: 'color: #fff' }, `}`],
|
|
||||||
] as HTMLTemplate;
|
|
||||||
}
|
|
||||||
|
|
||||||
return null;
|
|
||||||
},
|
|
||||||
hasBody: (obj: unknown) => {
|
|
||||||
if ('flavour' in (obj as BlockModel) && 'yBlock' in (obj as BlockModel)) {
|
|
||||||
return true;
|
|
||||||
}
|
|
||||||
|
|
||||||
return null;
|
|
||||||
},
|
|
||||||
body: (obj: unknown) => {
|
|
||||||
if ('flavour' in (obj as BlockModel) && 'yBlock' in (obj as BlockModel)) {
|
|
||||||
globalUtils.assertType<BlockModel>(obj);
|
|
||||||
|
|
||||||
// @ts-expect-error ignore
|
|
||||||
const { props } = obj.page._blockTree.getBlock(obj.id)._parseYBlock();
|
|
||||||
|
|
||||||
const propsArr = Object.entries(props).flatMap(([key]) => {
|
|
||||||
return [
|
|
||||||
// @ts-expect-error ignore
|
|
||||||
...toStyledEntry(key, obj[key]),
|
|
||||||
['div', {}, ''],
|
|
||||||
] as HTMLTemplate[];
|
|
||||||
});
|
|
||||||
|
|
||||||
return ['div', { style: 'padding-left: 1em' }, ...propsArr];
|
|
||||||
}
|
|
||||||
|
|
||||||
return null;
|
|
||||||
},
|
|
||||||
},
|
|
||||||
];
|
|
||||||
|
|
||||||
window.devtoolsFormatters = devtoolsFormatter;
|
|
||||||
6
blocksuite/playground/apps/env.d.ts
vendored
6
blocksuite/playground/apps/env.d.ts
vendored
@@ -26,11 +26,5 @@ declare global {
|
|||||||
|
|
||||||
wsProvider: ReturnType<typeof setupBroadcastProvider>;
|
wsProvider: ReturnType<typeof setupBroadcastProvider>;
|
||||||
bcProvider: ReturnType<typeof setupBroadcastProvider>;
|
bcProvider: ReturnType<typeof setupBroadcastProvider>;
|
||||||
|
|
||||||
devtoolsFormatters: {
|
|
||||||
header: (obj: unknown, config: unknown) => null | HTMLTemplate;
|
|
||||||
hasBody: (obj: unknown, config: unknown) => boolean | null;
|
|
||||||
body: (obj: unknown, config: unknown) => null | HTMLTemplate;
|
|
||||||
}[];
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,5 +1,4 @@
|
|||||||
import '../../style.css';
|
import '../../style.css';
|
||||||
import '../dev-format.js';
|
|
||||||
|
|
||||||
import {
|
import {
|
||||||
WidgetViewMapExtension,
|
WidgetViewMapExtension,
|
||||||
|
|||||||
Reference in New Issue
Block a user