parallax/jsPDF

Modernize Source Code Examples

Open

#2.930 geöffnet am 24. Sept. 2020

Auf GitHub ansehen
 (13 Kommentare) (3 Reaktionen) (0 zugewiesene Personen)JavaScript (28.280 Stars) (4.596 Forks)batch import
difficulty:beginnerhacktoberfesthelp wantedpersistent

Beschreibung

JsPDF has a lot of code examples that haven't been looked at for quite some time and some of them are outdated.

Have a look at the examples and modernize them:

  • Use recent ES6 code
  • Add one or two TypeScript examples
  • Use jsPDF@2.x.x API
  • delete unused files
  • delete the examples/css folder and load required CSS libraries from a CDN
  • delete jquery (examples/js/jquery) and replace it with modern browser APIs
  • reduce code duplication in html files (styles)

Bonus: Add small examples for the three major UI frameworks: VueJs, Angular, and React. Setup the initial applications with @vue/cli, create-react-app, and @angular/cli then add jsPDF.

Contributor Guide

Tech Stack
javascripttypescriptreactvueangularhtmlcss
Domain
documentationfrontend
Issue Type
refactor
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
4
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
over 1 week
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
stale
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
clear
Voraussetzungen
JavaScript ES6TypeScript basicsReact, Vue, or Angular experiencenpm/CLI tools
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
45
Research-Richtung
Review the examples directory (https://github.com/MrRio/jsPDF/tree/master/examples) and update code to modern ES6 and jsPDF 2.x API. Create TypeScript examples. Remove jQuery and replace with native DOM APIs. Optionally set up new example apps using Vue CLI, Create React App, and Angular CLI, integrating jsPDF. Ensure CSS is loaded from CDN and reduce duplication.