ted/recogito-client-core
ted
/
recogito-client-core
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Plugin API enhancement - hooks now supported!

This commit is contained in:
Rainer Simon 2021-06-11 11:07:15 +02:00
parent b866033cb9
commit c08937edf3
1 changed files with 10 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/editor/widgets/index.jsx
View File

@ -3,6 +3,13 @@ import CommentWidget from './comment/CommentWidget'
import TagWidget from './tag/TagWidget'; import TagWidget from './tag/TagWidget';
import WrappedWidget from './WrappedWidget'; import WrappedWidget from './WrappedWidget';
/**
* We'll add React to the global window, so that
* plugins can use it without re-bundling. Also,
* without this, hooks won't work!
*/
window.React = React;
/** Standard widgets included by default **/ /** Standard widgets included by default **/
const BUILTIN_WIDGETS = { const BUILTIN_WIDGETS = {
COMMENT: CommentWidget, COMMENT: CommentWidget,
@ -18,7 +25,7 @@ export const DEFAULT_WIDGETS = [
const isReactComponent = component => { const isReactComponent = component => {
const isClassComponent = component => const isClassComponent = component =>
typeof component === 'function' && !!component.prototype.isReactComponent; typeof component === 'function' && !!component.prototype?.isReactComponent;
const isFunctionComponent = component => const isFunctionComponent = component =>
// There's no good way to match function components (they are just functions), but // There's no good way to match function components (they are just functions), but
@ -27,7 +34,8 @@ const isReactComponent = component => {
// - return pe("div",{ // - return pe("div",{
typeof component === 'function' && ( typeof component === 'function' && (
String(component).match(/return .+\(['|"].+['|"],\s*\{/g) || String(component).match(/return .+\(['|"].+['|"],\s*\{/g) ||
String(component).match(/return .+preact_compat/) String(component).match(/return .+preact_compat/) ||
String(component).match(/return .+\.createElement/g)
); );
return isClassComponent(component) || isFunctionComponent(component); return isClassComponent(component) || isFunctionComponent(component);