gapi

미지화되지 않은 GAPI 프로젝트

이 프로젝트는 최소화 된 GAPI (https://apis.google.com/js/api.js) 소스 코드를 읽을 수 있고 이해할 수 있도록하는 것을 목표로합니다.

왜?

1. TypeScript에 대한 정확한 유형 정의를 만들려면 (예 : @type/gapi.client, @type/gapi)
2. NPM을 통해 배포 될 더 나은 최적화 된 클론을 만들려면

현재 발견

• api.js 하나의 공개 방법 인 gapi.load 만 정의합니다
• gapi.load 문서화 된대로 libraries 및 callbackOrConfig 인수를 허용하지만 callbackOrConfig 도 문서화되지 않은 속성을 가지고 있습니다 : config
• gapi.client 메소드는 gapi.load 에 의해로드되는 client 라이브러리에 정의됩니다.

현재 접근법

1. 코드를 아름답게하십시오
2. 라인 바이 라인으로 이동하십시오
3. 그 라인을 더 읽기 쉽고 이해하기 쉽게 만드십시오
4. 향후 참고 문헌을 위해 원래 줄을 남겨 두십시오
5. 모든 조정 된 변수의 이름 (한 글자 등)
6. 변수 이름을 바꿀 때 gapi.__UM__SOME_UNIX_TIME_NUMBER 와 같이 __UM__ 로 접두사로 표시된 ALL_CAPS 에서 수행하십시오.

다음 단계

1. 이 스크립트를 다시 작성하고 작동하는지 확인하십시오.
2. 아마도 모든 부품의 작동 방식을 잘 이해할 수 있도록 단위 테스트를 추가 할 수 있습니다.
3. TypeScript 추가를 시도하면 변수가 수행하는 것과 포함 된 작업을 염두에 두지 않아도되므로 재 작성이 쉬울 수 있습니다.

테스트

성능 비교

api.js 스크립트를 추가하여 측정하고 client LIB를로드하고 gapi 주요 테스트 스크립트로 반환합니다.

• jsdom 빠른 (1 초), 크롬과의 사소한 차이
• puppeteer - 빠른 (1 초)는 크롬을 사용합니다
• 헤드리스 크롬이있는 selenium - 가장 느린 (4 초), 크롬 사용
• gjstest 빌드 할 수 없습니다

결론 : 빠르고 크롬을 사용하기 때문에 puppeteer 사용하십시오.