question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Modernize Source Code Examples

See original GitHub issue

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.

Issue Analytics

  • State:open
  • Created 3 years ago
  • Reactions:1
  • Comments:11 (1 by maintainers)

github_iconTop GitHub Comments

1reaction
HackbrettXXXcommented, Oct 27, 2020

@dhairyagada For starters, show how to import jsPDF and create a very simple PDF file, e.g. with one line of text. Maybe on button click etc. Additional things would be:

  • Show how to use the html function and how to export HTML created from Angular components as PDF (including CSS styling)
  • Show how to mark canvg as external module (see readme).

@SoldierCorp any news?

1reaction
SoldierCorpcommented, Oct 3, 2020

Hi @HackbrettXXX

Before I submit my PR, could you please read the Update for the event please https://hacktoberfest.digitalocean.com/hacktoberfest-update

Read more comments on GitHub >

github_iconTop Results From Across the Web

17 Software Modernization Examples, Strategies, and Steps
9 steps to legacy software modernization · 1. Architecture Audit · 2. Code Audit · 3. UX Audit · 4. Product Strategy ·...
Read more >
Strategies for modernizing existing code - Red Hat
App modernization series, part 8 - In this article we will dive into some of the strategies to make code more "changeable".
Read more >
Modernizes Python code for eventual Python 3 migration. Built ...
Modernize is a Python program that reads Python 2 source code and applies a series of fixers to transform it into source code...
Read more >
4 Successful examples of application modernization - GitLab
These examples of legacy application modernization show how four teams identified challenges, set manageable goals, and decided to ...
Read more >
4 Examples of Legacy Systems (And How to Modernize Them)
This blog post covers 4 examples of legacy systems companies often struggle with and explores how businesses have used low-code development ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found