A

Add OAuth Service and Tab to view the code

My tasks are to enable OAuth login service in Auto-DL website and rendering the generated code before downloadig it.

A

Add OAuth Service and Tab to view the code

My tasks are to enable OAuth login service in Auto-DL website and rendering the generated code before downloadig it.


The problem Add OAuth Service and Tab to view the code solves

Tasks completed

  • Upgrade python cryptography package with pycrypto:
    In this task I have resolved an issue #356, This is a dependency issue where previously we were using a “cryptography” package which requires additional rust installed. So, to remove this error while building docker I changed the “cryptography” package with “pycryptodome” that suits best for our use case.

  • Rendering the generated code before downloading the file:
    The aim of this task is to add a new feature in the current codebase of Auto-DL. By enabling this feature, users will be able to see the generated code before downloading the code as a local copy. Complete description of this feature can be found here. To implement this feature code will be storing the whole code in a local variable inside the react code as a string data-type then adding the rendering of code in the click-listener of the generate code button.

  • Add Google/Github OAuth Service in NextJS:
    This task gives a feature of OAuth authentication of users in Auto-DL website. For sake of simplicity I started with only two OAuth providers google and github. I have used the next-auth npm package for this purpose. Work on this feature is still under progress. Currently a register OAuth page is under construction which will be displayed only to those users who will be trying to use OAuth service for the first time.

Challenges I ran into

  1. In the task “Rendering the generated code”, I have to struggle with the present codebase of Auto-DL as currently it has 2 versions for frontend one on ReactJS another one on NextJS. So, little confusion with this.
  2. In the next task “Add Service in NextJS”, I have faced a problem with the Next-auth package. It provides a high-level interface for OAuth service . Whereas in our use case I also need some low level access to the package that results in difficulties but with proper documentation of next-auth and little bit of research in OAuth workings I will be able to implement it perfectly.

Discussion