yuuza/outline
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Refactor DBDiagram class component to functional (#4228)

Browse Source
This commit is contained in:
pbkompasz
2022-10-08 16:50:08 +03:00
committed by GitHub
parent 013a134084
commit c8f990018c
7 changed files with 68 additions and 70 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
shared/editor/embeds/Berrycast.test.ts Normal file
View File

@@ -0,0 +1,8 @@
import Berrycast from "./Berrycast";
describe("Berrycast", () => {
Berrycast.ENABLED[0];
// TODO
test.todo("");
});

28
shared/editor/embeds/Cawemo.tsx
View File

@@ -4,19 +4,17 @@ import { EmbedProps as Props } from ".";
const URL_REGEX = new RegExp("https?://cawemo.com/(?:share|embed)/(.*)$");
export default class Cawemo extends React.Component<Props> {
static ENABLED = [URL_REGEX];
render() {
const { matches } = this.props.attrs;
const shareId = matches[1];
return (
<Frame
{...this.props}
src={`https://cawemo.com/embed/${shareId}`}
title={"Cawemo Embed"}
border
/>
);
}
export default function Cawemo(props: Props) {
const { matches } = props.attrs;
const shareId = matches[1];
return (
<Frame
{...props}
src={`https://cawemo.com/embed/${shareId}`}
title={"Cawemo Embed"}
border
/>
);
}
Cawemo.ENABLED = [URL_REGEX];

24
shared/editor/embeds/ClickUp.tsx
View File

@@ -2,21 +2,11 @@ import * as React from "react";
import Frame from "../components/Frame";
import { EmbedProps as Props } from ".";
export default class ClickUp extends React.Component<Props> {
static ENABLED = [
new RegExp("^https?://share\\.clickup\\.com/[a-z]/[a-z]/(.*)/(.*)$"),
new RegExp(
"^https?://sharing\\.clickup\\.com/[0-9]+/[a-z]/[a-z]/(.*)/(.*)$"
),
];
render() {
return (
<Frame
{...this.props}
src={this.props.attrs.href}
title="ClickUp Embed"
/>
);
}
export default function ClickUp(props: Props) {
return <Frame {...props} src={this.props.attrs.href} title="ClickUp Embed" />;
}
ClickUp.ENABLED = [
new RegExp("^https?://share\\.clickup\\.com/[a-z]/[a-z]/(.*)/(.*)$"),
new RegExp("^https?://sharing\\.clickup\\.com/[0-9]+/[a-z]/[a-z]/(.*)/(.*)$"),
];

12
shared/editor/embeds/Codepen.tsx
View File

@@ -4,11 +4,9 @@ import { EmbedProps as Props } from ".";
const URL_REGEX = new RegExp("^https://codepen.io/(.*?)/(pen|embed)/(.*)$");
export default class Codepen extends React.Component<Props> {
static ENABLED = [URL_REGEX];
render() {
const normalizedUrl = this.props.attrs.href.replace(/\/pen\//, "/embed/");
return <Frame {...this.props} src={normalizedUrl} title="Codepen Embed" />;
}
export default function Codepen(props: Props) {
const normalizedUrl = props.attrs.href.replace(/\/pen\//, "/embed/");
return <Frame {...this.props} src={normalizedUrl} title="Codepen Embed" />;
}
Codepen.ENABLED = [URL_REGEX];

8
shared/editor/embeds/DBDiagram.test.ts Normal file
View File

@@ -0,0 +1,8 @@
import DBDiagram from "./DBDiagram";
describe("DBDiagram", () => {
DBDiagram.ENABLED[0];
// TODO
test.todo("");
});

30
shared/editor/embeds/DBDiagram.tsx
View File

@@ -2,21 +2,19 @@ import * as React from "react";
import Frame from "../components/Frame";
import { EmbedProps as Props } from ".";
export default class DBDiagram extends React.Component<Props> {
static ENABLED = [new RegExp("https://dbdiagram.io/(embed|d)/(\\w+)$")];
export default function DBDiagram(props: Props) {
const { matches } = props.attrs;
const shareId = matches[2];
render() {
const { matches } = this.props.attrs;
const shareId = matches[2];
return (
<Frame
{...this.props}
src={`https://dbdiagram.io/embed/${shareId}`}
title={`DBDiagram (${shareId})`}
width="100%"
height="400px"
/>
);
}
return (
<Frame
{...props}
src={`https://dbdiagram.io/embed/${shareId}`}
title={`DBDiagram (${shareId})`}
width="100%"
height="400px"
/>
);
}
DBDiagram.ENABLED = [new RegExp("https://dbdiagram.io/(embed|d)/(\\w+)$")];

28
shared/editor/embeds/Descript.tsx
View File

@@ -2,19 +2,17 @@ import * as React from "react";
import Frame from "../components/Frame";
import { EmbedProps as Props } from ".";
export default class Descript extends React.Component<Props> {
static ENABLED = [new RegExp("https?://share\\.descript\\.com/view/(\\w+)$")];
render() {
const { matches } = this.props.attrs;
const shareId = matches[1];
return (
<Frame
{...this.props}
src={`https://share.descript.com/embed/${shareId}`}
title={`Descript (${shareId})`}
width="400px"
/>
);
}
export default function Descript(props: Props) {
const { matches } = props.attrs;
const shareId = matches[1];
return (
<Frame
{...props}
src={`https://share.descript.com/embed/${shareId}`}
title={`Descript (${shareId})`}
width="400px"
/>
);
}
Descript.ENABLED = [new RegExp("https?://share\\.descript\\.com/view/(\\w+)$")];