0883a56311
* feat: Gliffy integration * feat: JSFiddle integration * feat: Otter.ai integration * Optimised images with calibre/image-actions Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
26 lines
625 B
TypeScript
26 lines
625 B
TypeScript
import * as React from "react";
|
|
import { useTheme } from "styled-components";
|
|
import Frame from "../components/Frame";
|
|
import { EmbedProps as Props } from ".";
|
|
|
|
function JSFiddle(props: Props) {
|
|
const normalizedUrl = props.attrs.href.replace(/(\/embedded)?\/$/, "");
|
|
const theme = useTheme();
|
|
|
|
return (
|
|
<Frame
|
|
{...props}
|
|
src={`${normalizedUrl}/embedded/result,js,css,html/${
|
|
theme.isDark ? "dark/" : ""
|
|
}`}
|
|
title="JSFiddle Embed"
|
|
referrerPolicy="origin"
|
|
border
|
|
/>
|
|
);
|
|
}
|
|
|
|
JSFiddle.ENABLED = [new RegExp("https?://jsfiddle.net/(.*)/(.*)$")];
|
|
|
|
export default JSFiddle;
|