feat: delete all users posts when user is deleted
This commit is contained in:
Stevan Freeborn
+169
-42
@@ -1,80 +1,207 @@
|
||||
import { HighlightStyle } from '@codemirror/language';
|
||||
import { HighlightStyle, syntaxHighlighting } from '@codemirror/language';
|
||||
import { Extension } from '@codemirror/state';
|
||||
import { EditorView } from '@codemirror/view';
|
||||
import { tags as t } from '@lezer/highlight';
|
||||
|
||||
export const darkTheme = EditorView.theme(
|
||||
const base00 = '#24272d';
|
||||
const base01 = '#DDDDDD';
|
||||
const base02 = '#B9D2FF';
|
||||
const base03 = '#b0b0b0';
|
||||
const base05 = '#e0e0e0';
|
||||
const base06 = '#808080';
|
||||
const base07 = '#000000';
|
||||
const base08 = '#A54543';
|
||||
const base09 = '#fc6d24';
|
||||
const base0A = '#fda331';
|
||||
const base0B = '#8abeb7';
|
||||
const base0C = '#b5bd68';
|
||||
const base0D = '#6fb3d2';
|
||||
const base0E = '#cc99cc';
|
||||
const base0F = '#6987AF';
|
||||
|
||||
const invalid = base09;
|
||||
const darkBackground = base00;
|
||||
const highlightBackground = base02 + '30';
|
||||
const background = base00;
|
||||
const tooltipBackground = base01;
|
||||
const selection = '#202325';
|
||||
const cursor = base01;
|
||||
|
||||
const basicDarkTheme = EditorView.theme(
|
||||
{
|
||||
'&': {
|
||||
backgroundColor: '#24272d',
|
||||
color: '#d0d9e4',
|
||||
height: '100%',
|
||||
color: base01,
|
||||
backgroundColor: background,
|
||||
borderRadius: '0.375rem',
|
||||
padding: '0.5rem 0',
|
||||
},
|
||||
'.cm-gutter': {
|
||||
height: '100%',
|
||||
},
|
||||
'.cm-content': {
|
||||
caretColor: '#f8f8f0',
|
||||
caretColor: cursor,
|
||||
height: '100%',
|
||||
},
|
||||
'.cm-content, .cm-gutter': { height: '100%' },
|
||||
'.cm-scroller': { overflow: 'auto' },
|
||||
'.cm-cursor, .cm-dropCursor': {
|
||||
borderLeftColor: '#f8f8f0',
|
||||
'.cm-scroller': {
|
||||
overflow: 'auto',
|
||||
},
|
||||
'&.cm-focused': {
|
||||
outline: 'none',
|
||||
'.cm-cursor, .cm-dropCursor': { borderLeftColor: cursor },
|
||||
'&.cm-focused .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection':
|
||||
{ backgroundColor: selection },
|
||||
'.cm-panels': { backgroundColor: darkBackground, color: base03 },
|
||||
'.cm-panels.cm-panels-top': { borderBottom: '2px solid black' },
|
||||
'.cm-panels.cm-panels-bottom': { borderTop: '2px solid black' },
|
||||
'.cm-searchMatch': {
|
||||
backgroundColor: base02,
|
||||
outline: `1px solid ${base03}`,
|
||||
color: base07,
|
||||
},
|
||||
'&.cm-focused .cm-selectionBackground .cm-selectionBackground, .cm-content ::selection':
|
||||
{
|
||||
backgroundColor: '#2f333a',
|
||||
},
|
||||
'.cm-activeLine': {
|
||||
backgroundColor: 'transparent',
|
||||
'.cm-searchMatch.cm-searchMatch-selected': {
|
||||
backgroundColor: base05,
|
||||
color: base07,
|
||||
},
|
||||
'.cm-activeLine': { backgroundColor: highlightBackground },
|
||||
'.cm-selectionMatch': { backgroundColor: highlightBackground },
|
||||
'&.cm-focused .cm-matchingBracket, &.cm-focused .cm-nonmatchingBracket': {
|
||||
outline: `1px solid ${base03}`,
|
||||
},
|
||||
'&.cm-focused .cm-matchingBracket': {
|
||||
backgroundColor: base02,
|
||||
color: base07,
|
||||
},
|
||||
'.cm-gutters': {
|
||||
border: 'none',
|
||||
backgroundColor: '#24272d',
|
||||
color: 'd0d9e4',
|
||||
borderRight: `none`,
|
||||
color: base06,
|
||||
backgroundColor: darkBackground,
|
||||
},
|
||||
'.cm-activeLineGutter': {
|
||||
backgroundColor: highlightBackground,
|
||||
},
|
||||
'.cm-foldPlaceholder': {
|
||||
backgroundColor: 'transparent',
|
||||
border: 'none',
|
||||
color: base02,
|
||||
},
|
||||
'.cm-tooltip': {
|
||||
border: 'none',
|
||||
backgroundColor: tooltipBackground,
|
||||
},
|
||||
'.cm-tooltip .cm-tooltip-arrow:before': {
|
||||
borderTopColor: 'transparent',
|
||||
borderBottomColor: 'transparent',
|
||||
},
|
||||
'.cm-tooltip .cm-tooltip-arrow:after': {
|
||||
borderTopColor: tooltipBackground,
|
||||
borderBottomColor: tooltipBackground,
|
||||
},
|
||||
'.cm-tooltip-autocomplete': {
|
||||
'& > ul > li[aria-selected]': {
|
||||
backgroundColor: highlightBackground,
|
||||
color: base03,
|
||||
},
|
||||
},
|
||||
},
|
||||
{ dark: true }
|
||||
);
|
||||
|
||||
export const highlightStyle = HighlightStyle.define([
|
||||
const basicDarkHighlightStyle = HighlightStyle.define([
|
||||
{ tag: t.keyword, color: base0A },
|
||||
{
|
||||
tag: t.comment,
|
||||
color: '#6272a4',
|
||||
tag: [t.name, t.deleted, t.character, t.propertyName, t.macroName],
|
||||
color: base0C,
|
||||
},
|
||||
{ tag: [t.variableName], color: base0D },
|
||||
{ tag: [t.function(t.variableName)], color: base0A },
|
||||
{ tag: [t.labelName], color: base09 },
|
||||
{
|
||||
tag: [t.color, t.constant(t.name), t.standard(t.name)],
|
||||
color: base0A,
|
||||
},
|
||||
{ tag: [t.definition(t.name), t.separator], color: base0E },
|
||||
{ tag: [t.brace], color: base0E },
|
||||
{
|
||||
tag: [t.annotation],
|
||||
color: invalid,
|
||||
},
|
||||
{
|
||||
tag: [t.string, t.special(t.brace)],
|
||||
color: '#f1fa8c',
|
||||
tag: [t.number, t.changed, t.annotation, t.modifier, t.self, t.namespace],
|
||||
color: base0A,
|
||||
},
|
||||
{
|
||||
tag: [t.number, t.self, t.bool, t.null],
|
||||
color: '#bd93f9',
|
||||
tag: [t.typeName, t.className],
|
||||
color: base0D,
|
||||
},
|
||||
{
|
||||
tag: [t.keyword, t.operator],
|
||||
color: '#ff79c6',
|
||||
tag: [t.operator, t.operatorKeyword],
|
||||
color: base0E,
|
||||
},
|
||||
{
|
||||
tag: [t.definitionKeyword, t.typeName],
|
||||
color: '#8be9fd',
|
||||
tag: [t.tagName],
|
||||
color: base0A,
|
||||
},
|
||||
{
|
||||
tag: t.definition(t.typeName),
|
||||
color: '#f8f8f2',
|
||||
tag: [t.squareBracket],
|
||||
color: base0E,
|
||||
},
|
||||
{
|
||||
tag: [
|
||||
t.className,
|
||||
t.definition(t.propertyName),
|
||||
t.function(t.variableName),
|
||||
t.attributeName,
|
||||
],
|
||||
color: '#50fa7b',
|
||||
tag: [t.angleBracket],
|
||||
color: base0E,
|
||||
},
|
||||
{
|
||||
tag: [t.heading],
|
||||
color: '#50fa7b',
|
||||
tag: [t.attributeName],
|
||||
color: base0D,
|
||||
},
|
||||
{
|
||||
tag: [t.regexp],
|
||||
color: base0A,
|
||||
},
|
||||
{
|
||||
tag: [t.quote],
|
||||
color: base01,
|
||||
},
|
||||
{ tag: [t.string], color: base0C },
|
||||
{
|
||||
tag: t.link,
|
||||
color: base0F,
|
||||
textDecoration: 'underline',
|
||||
textUnderlinePosition: 'under',
|
||||
},
|
||||
{
|
||||
tag: [t.url, t.escape, t.special(t.string)],
|
||||
color: base0B,
|
||||
},
|
||||
{ tag: [t.meta], color: base08 },
|
||||
{ tag: [t.comment], color: base06, fontStyle: 'italic' },
|
||||
{ tag: t.monospace, color: base01 },
|
||||
{ tag: t.strong, fontWeight: 'bold', color: base0A },
|
||||
{ tag: t.emphasis, fontStyle: 'italic', color: base0D },
|
||||
{ tag: t.strikethrough, textDecoration: 'line-through' },
|
||||
{ tag: t.heading, fontWeight: 'bold', color: base01 },
|
||||
{ tag: t.special(t.heading1), fontWeight: 'bold', color: base01 },
|
||||
{ tag: t.heading1, fontWeight: 'bold', color: base01 },
|
||||
{
|
||||
tag: [t.heading2, t.heading3, t.heading4],
|
||||
fontWeight: 'bold',
|
||||
color: base01,
|
||||
},
|
||||
{
|
||||
tag: [t.heading5, t.heading6],
|
||||
color: base01,
|
||||
},
|
||||
{ tag: [t.atom, t.bool, t.special(t.variableName)], color: base0B },
|
||||
{
|
||||
tag: [t.processingInstruction, t.inserted],
|
||||
color: base0B,
|
||||
},
|
||||
{
|
||||
tag: [t.contentSeparator],
|
||||
color: base0D,
|
||||
},
|
||||
{ tag: t.invalid, color: base02, borderBottom: `1px dotted ${invalid}` },
|
||||
]);
|
||||
|
||||
export const basicDark: Extension = [
|
||||
basicDarkTheme,
|
||||
syntaxHighlighting(basicDarkHighlightStyle),
|
||||
];
|
||||
|
||||
Reference in New Issue
Block a user