Errors when using lib-jitsi-meet with TypeScript

hepp · December 21, 2022, 9:22pm

Is lib-jitsi-meet with TypeScript ready for production?

Is there a approved way to import these packages into a new TypeScript project?

I’ve noticed the JitsiMeet react app is accessing the API like this:

import JitsiMeetJS, { JitsiConnectionEvents } from '../lib-jitsi-meet';

jitsi/jitsi-meet/blob/d3d442e4d2230191f312ec12449c0aa9b9050e07/react/features/base/connection/actions.native.ts#L4


      
          import { IStore } from '../../app/types';
          import { conferenceLeft, conferenceWillLeave } from '../conference/actions';
          import { getCurrentConference } from '../conference/functions';
          import JitsiMeetJS, { JitsiConnectionEvents } from '../lib-jitsi-meet';
          
          
import {
              CONNECTION_WILL_CONNECT
          } from './actionTypes';
          import {
              connectionDisconnected,
              connectionEstablished,
              connectionFailed,
              constructOptions
          } from './actions.any';

and the API is being used in the package.json here.

"lib-jitsi-meet": "https://github.com/jitsi/lib-jitsi-meet/releases/download/v1560.0.0+92a5738b/lib-jitsi-meet.tgz"

github.com

jitsi/jitsi-meet/blob/d3d442e4d2230191f312ec12449c0aa9b9050e07/package.json#L82


      
          "i18n-iso-countries": "6.8.0",
          "i18next": "17.0.6",
          "i18next-browser-languagedetector": "3.0.1",
          "i18next-xhr-backend": "3.0.0",
          "image-capture": "0.4.0",
          "jquery": "3.6.1",
          "jquery-i18next": "1.2.1",
          "js-md5": "0.6.1",
          "js-sha512": "0.8.0",
          "jwt-decode": "2.2.0",
          "lib-jitsi-meet": "https://github.com/jitsi/lib-jitsi-meet/releases/download/v1560.0.0+92a5738b/lib-jitsi-meet.tgz",
          "lodash": "4.17.21",
          "moment": "2.29.4",
          "moment-duration-format": "2.2.2",
          "null-loader": "4.0.1",
          "optional-require": "1.0.3",
          "promise.allsettled": "1.0.4",
          "punycode": "2.1.1",
          "react": "17.0.2",
          "react-dom": "17.0.2",
          "react-emoji-render": "1.2.4",

However when I try to import and use the package - I receive this error.

All imports in import declaration are unused.ts(6192)
Could not find a declaration file for module 'lib-jitsi-meet/dist/esm'. '//src/jitsi-lib-test/node_modules/lib-jitsi-meet/dist/esm/index.js' implicitly has an 'any' type.
  Try `npm i --save-dev @types/lib-jitsi-meet` if it exists or add a new declaration (.d.ts) file containing `declare module 'lib-jitsi-meet/dist/esm';

Are there are additional known steps needed to make this work?
Are there any examples of projects using lib-jitsi-meet with TypeScript?