gitea/rebased
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

Merge branch 'rm-greentext' into 'develop'

Browse source 
Remove greentext support

See merge request soapbox-pub/soapbox!2531
This commit is contained in:
Alex Gleason 2023-05-28 20:24:36 +00:00
parent 027c25d446 d14cad38af
commit 4a29fcce02
4 changed files with 2 additions and 129 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
app/soapbox/components/status-content.tsx
View file

@ -4,8 +4,6 @@ import { FormattedMessage } from 'react-intl';
import { useHistory } from 'react-router-dom';
import Icon from 'soapbox/components/icon';
import { useSoapboxConfig } from 'soapbox/hooks';
import { addGreentext } from 'soapbox/utils/greentext';
import { onlyEmoji as isOnlyEmoji } from 'soapbox/utils/rich-content';
import { isRtl } from '../rtl';
@ -54,8 +52,6 @@ const StatusContent: React.FC<IStatusContent> = ({
const node = useRef<HTMLDivElement>(null);
const { greentext } = useSoapboxConfig();
const onMentionClick = (mention: Mention, e: MouseEvent) => {
if (e.button === 0 && !(e.ctrlKey || e.metaKey)) {
e.preventDefault();
@ -134,13 +130,7 @@ const StatusContent: React.FC<IStatusContent> = ({
});
const parsedHtml = useMemo((): string => {
const html = translatable && status.translation ? status.translation.get('content')! : status.contentHtml;
if (greentext) {
return addGreentext(html);
} else {
return html;
}
return translatable && status.translation ? status.translation.get('content')! : status.contentHtml;
}, [status.contentHtml, status.translation]);
if (status.content.length === 0) {

2
app/soapbox/normalizers/soapbox/soapbox-config.ts
View file

@ -126,7 +126,7 @@ type SoapboxConfigMap = ImmutableMap<string, any>;
const normalizeAds = (soapboxConfig: SoapboxConfigMap): SoapboxConfigMap => {
if (soapboxConfig.has('ads')) {
const ads = filteredArray(adSchema).parse(soapboxConfig.get('ads').toJS());
const ads = filteredArray(adSchema).parse(ImmutableList(soapboxConfig.get('ads')).toJS());
return soapboxConfig.set('ads', ads);
} else {
return soapboxConfig;

22
app/soapbox/utils/greentext.ts
View file

@ -1,22 +0,0 @@
import { processHtml } from './tiny-post-html-processor';
export const addGreentext = (html: string): string => {
// Copied from Pleroma FE
// https://git.pleroma.social/pleroma/pleroma-fe/-/blob/19475ba356c3fd6c54ca0306d3ae392358c212d1/src/components/status_content/status_content.js#L132
return processHtml(html, (string) => {
try {
if (string.includes('&gt;') &&
string
.replace(/<[^>]+?>/gi, '') // remove all tags
.replace(/@\w+/gi, '') // remove mentions (even failed ones)
.trim()
.startsWith('&gt;')) {
return `<span class='text-greentext'>${string}</span>`;
} else {
return string;
}
} catch (e) {
return string;
}
});
};

95
app/soapbox/utils/tiny-post-html-processor.ts
View file

@ -1,95 +0,0 @@
// Copied from Pleroma FE
// https://git.pleroma.social/pleroma/pleroma-fe/-/blob/develop/src/services/tiny_post_html_processor/tiny_post_html_processor.service.js
type Processor = (html: string) => string;
/**
* This is a tiny purpose-built HTML parser/processor. This basically detects any type of visual newline and
* allows it to be processed, useful for greentexting, mostly.
*
* known issue: doesn't handle CDATA so nested CDATA might not work well.
*/
export const processHtml = (html: string, processor: Processor): string => {
const handledTags = new Set(['p', 'br', 'div']);
const openCloseTags = new Set(['p', 'div']);
let buffer = ''; // Current output buffer
const level: string[] = []; // How deep we are in tags and which tags were there
let textBuffer = ''; // Current line content
let tagBuffer = null; // Current tag buffer, if null = we are not currently reading a tag
// Extracts tag name from tag, i.e. <span a="b"> => span
const getTagName = (tag: string): string | null => {
const result = /(?:<\/(\w+)>|<(\w+)\s?[^/]*?\/?>)/gi.exec(tag);
return result && (result[1] || result[2]);
};
const flush = (): void => { // Processes current line buffer, adds it to output buffer and clears line buffer
if (textBuffer.trim().length > 0) {
buffer += processor(textBuffer);
} else {
buffer += textBuffer;
}
textBuffer = '';
};
const handleBr = (tag: string): void => { // handles single newlines/linebreaks/selfclosing
flush();
buffer += tag;
};
const handleOpen = (tag: string): void => { // handles opening tags
flush();
buffer += tag;
level.push(tag);
};
const handleClose = (tag: string): void => { // handles closing tags
flush();
buffer += tag;
if (level[level.length - 1] === tag) {
level.pop();
}
};
for (let i = 0; i < html.length; i++) {
const char = html[i];
if (char === '<' && tagBuffer === null) {
tagBuffer = char;
} else if (char !== '>' && tagBuffer !== null) {
tagBuffer += char;
} else if (char === '>' && tagBuffer !== null) {
tagBuffer += char;
const tagFull = tagBuffer;
tagBuffer = null;
const tagName = getTagName(tagFull);
if (tagName && handledTags.has(tagName)) {
if (tagName === 'br') {
handleBr(tagFull);
} else if (openCloseTags.has(tagName)) {
if (tagFull[1] === '/') {
handleClose(tagFull);
} else if (tagFull[tagFull.length - 2] === '/') {
// self-closing
handleBr(tagFull);
} else {
handleOpen(tagFull);
}
}
} else {
textBuffer += tagFull;
}
} else if (char === '\n') {
handleBr(char);
} else {
textBuffer += char;
}
}
if (tagBuffer) {
textBuffer += tagBuffer;
}
flush();
return buffer;
};