Typescript support

[threeaccents]

Version

^1.0.0

Test Environment

Brave, mac OSX 10.14.1

Current Behavior

No types file present in repo. Or in @types repo. Cannot use library in TypeScript project.

import ImageEditor from '@toast-ui/react-image-editor' // Could not find a declaration file for module '@toast-ui/react-image-editor'

import ImageEditor = require('tui-image-editor'); // import =` is not supported by @babel/plugin-transform-typescript Please consider using `import <moduleName> from '<moduleName>';` alongside Typescript's --allowSyntheticDefaultImports option.

Expected Behavior

Be able to use library in TypeScript project.

[threeaccents]

For anyone looking for a workaround:

1. Create a react-image-editor.d.ts file with the following content

declare module '@toast-ui/react-image-editor';

2. Import it to the component using ImageEditor

/// <reference path="./react-image-editor.d.ts" />
import ImageEditor from '@toast-ui/react-image-editor';

[junghwan-park]

@threeaccents I'll add type definition file. Thank you for your report.

[indfnzo]

@threeaccents I'll add type definition file. Thank you for your report.

Thanks, this would be great :)

Currently, we've had to ts-ignore the imports to make it work:

// @ts-ignore
import ImageEditor from '@toast-ui/react-image-editor';
import 'tui-image-editor/dist/tui-image-editor.css';

If we have a mapped set of options for the props like includeUI, that would be even better.

[junqdu]

@junghwan-park Just wondering, is this issue resolved?

[Distortedlogic]

Typescript available yet?

[swtalk]

Dooray! 메일 발송 실패 안내

메일 발송 실패 안내

박시우([email protected]) 님께 보낸 메일이 전송되지 못하였습니다.

      실패 사유를 확인해보세요.
    




  
    
      
        * 받는 사람 : 

박시우([email protected])

        * 발송 시간 : 

2020-11-13T21:43:57

        * 메일 제목 : 

Re: [nhn/toast-ui.react-image-editor] Typescript support (#5)

            * 실패 사유 : 

받는 사람이 회원님의 메일을 수신차단 하였습니다.

      이 메일은 발신전용으로 회신되지 않습니다.
      더 궁금하신 사항은
      [email protected]
      으로 문의해 주시기 바랍니다.
    




    © Dooray!.

[nghieptiki]

It's works perfect for me.

Create a react-image-editor.d.ts

declare module '@toast-ui/react-image-editor' {
  import ImageEditor from 'tui-image-editor';

  type Props = ConstructorParameters<typeof ImageEditor>[1];

  export default function BaseImageEditor(props: Props): JSX.Element;
}

[swtalk]

Dooray! 메일 발송 실패 안내

메일 발송 실패 안내

박시우([email protected]) 님께 보낸 메일이 전송되지 못하였습니다.

      실패 사유를 확인해보세요.
    




  
    
      
        * 받는 사람 : 

박시우([email protected])

        * 발송 시간 : 

2020-11-16T17:52:50

        * 메일 제목 : 

Re: [nhn/toast-ui.react-image-editor] Typescript support (#5)

            * 실패 사유 : 

받는 사람이 회원님의 메일을 수신차단 하였습니다.

      이 메일은 발신전용으로 회신되지 않습니다.
      더 궁금하신 사항은
      [email protected]
      으로 문의해 주시기 바랍니다.
    




    © Dooray!.

[Distortedlogic]

@nghieptiki thanks! Ill give it another try with your TS declaration

[swtalk]

Dooray! 메일 발송 실패 안내

메일 발송 실패 안내

박시우([email protected]) 님께 보낸 메일이 전송되지 못하였습니다.

      실패 사유를 확인해보세요.
    




  
    
      
        * 받는 사람 : 

박시우([email protected])

        * 발송 시간 : 

2020-11-16T18:36:50

        * 메일 제목 : 

Re: [nhn/toast-ui.react-image-editor] Typescript support (#5)

            * 실패 사유 : 

받는 사람이 회원님의 메일을 수신차단 하였습니다.

      이 메일은 발신전용으로 회신되지 않습니다.
      더 궁금하신 사항은
      [email protected]
      으로 문의해 주시기 바랍니다.
    




    © Dooray!.

[AKclown]

Does typescript support? I introduced the module and reported an error:

import 'tui-image-editor/dist/tui-image-editor.css';
import ImageEditor from '@toast-ui/react-image-editor';

Cannot find module '@toast-ui/react-image-editor' or its corresponding type declarations.ts(2307)

I used the above answer to no avail

[swtalk]

Dooray! 메일 발송 실패 안내

메일 발송 실패 안내

@.***) 님께 보낸 메일이 전송되지 못하였습니다.

      실패 사유를 확인해보세요.
    




  
    
      
        * 받는 사람 : 

@.***)

        * 발송 시간 : 

2021-06-15T15:46:21

        * 메일 제목 : 

Re: [nhn/toast-ui.react-image-editor] Typescript support (#5)

            * 실패 사유 : 

받는 사람이 회원님의 메일을 수신차단 하였습니다.

      이 메일은 발신전용으로 회신되지 않습니다.
      더 궁금하신 사항은
      ***@***.***
      으로 문의해 주시기 바랍니다.
    




    © Dooray!.

[AKclown]

Does typescript support? I introduced the module and reported an error:

import 'tui-image-editor/dist/tui-image-editor.css';
import ImageEditor from '@toast-ui/react-image-editor';

Cannot find module '@toast-ui/react-image-editor' or its corresponding type declarations.ts(2307)

I used the above answer to no avail

The reason for the error is the package version problem, @toast-ui/react-image-editor: 3.14.3 version problem, when I changed to 3.14.2, it ran well

[swtalk]

Dooray! 메일 발송 실패 안내

메일 발송 실패 안내

@.***) 님께 보낸 메일이 전송되지 못하였습니다.

      실패 사유를 확인해보세요.
    




  
    
      
        * 받는 사람 : 

@.***)

        * 발송 시간 : 

2021-06-15T16:57:22

        * 메일 제목 : 

Re: [nhn/toast-ui.react-image-editor] Typescript support (#5)

            * 실패 사유 : 

받는 사람이 회원님의 메일을 수신차단 하였습니다.

      이 메일은 발신전용으로 회신되지 않습니다.
      더 궁금하신 사항은
      ***@***.***
      으로 문의해 주시기 바랍니다.
    




    © Dooray!.