Github/screenshot-to-code
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refactoring , create Component OpenInCodepeio

Browse Source
This commit is contained in:
dialmedu 2023-11-26 23:44:57 -05:00
parent 97340d7135
commit ed3dbc9c59
1 changed files with 4 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/components/OpenInCodepenio.tsx
View File

@ -34,6 +34,9 @@ interface Library {
* @property {Function} libraries[SupportType].css: [array style sheets libraries] * @property {Function} libraries[SupportType].css: [array style sheets libraries]
* @property {Function} libraries[SupportType].js: [array javascript libraries] * @property {Function} libraries[SupportType].js: [array javascript libraries]
* @property {Function} libraries[SupportType].validate: return Boolean the result of custom validating * @property {Function} libraries[SupportType].validate: return Boolean the result of custom validating
* @property {Function} libraries[SupportType].css: [array style sheets libraries]
* @property {Function} libraries[SupportType].js: [array javascript libraries]
* @property {Function} libraries[SupportType].validate: return Boolean the result of custom validating
*/ */
class OpenInCodepenio extends Component<OpenInCodepenioProps> { class OpenInCodepenio extends Component<OpenInCodepenioProps> {
@ -63,6 +66,7 @@ class OpenInCodepenio extends Component<OpenInCodepenioProps> {
getExternalLibraries = (type: LibraryType): string => { getExternalLibraries = (type: LibraryType): string => {
let library: string[] = [] let library: string[] = []
const { code, support = SupportType.HTML } = this.props; const { code, support = SupportType.HTML } = this.props;
Object.values(this.libraries).forEach((value: Library) => { Object.values(this.libraries).forEach((value: Library) => {
if( value.validate(support, code)){ if( value.validate(support, code)){
library = value[type] library = value[type]