cienicera / p5.js-mint

The p5.js Editor is a website that integrates p5.js, a popular JavaScript library used for creative coding and visual arts, with the functionality to mint SVG NFTs on Starknet. The project aims to provide a streamlined process for generative artists to create and mint unique digital art pieces as NFTs directly from their p5.js code.
https://editor.p5js.org
GNU Lesser General Public License v2.1
0 stars 8 forks source link

Add Session Refresh #34

Open caseywescott opened 4 days ago

caseywescott commented 4 days ago

Increasing Access

Enables the app to refresh the cache of images in the session

Feature enhancement details

There is an issue where even if you refresh the app, the previous code compiled still appears when trying to mint...it would. be great if everytime visited the site, cleared the cache to enable new sketching.

NueloSE commented 4 days ago

Am a frontend developer, experienced in javascript and I'd love to work on this!

Psuedo steps on how to tackle the above issue:

How I will Test:

Kindly assign ETA <= 3days

Bosun-Josh121 commented 4 days ago

I am applying to this issue via OnlyDust platform.

My background and how it can be leveraged:

software engineering background, backend & smart contract dev with contribution to similar tasks(https://app.onlydust.com/u/Josh-121) looking to make contribution on this project

Returning contributor, I have good understanding of tackling this

Would also work on feedback & recommendation ensuring contact. Can deliver within a day upon assignment

martinvibes commented 4 days ago

Can I take care of this issue? i'm a frontend dev and a blockchain dev please kindly assign :)

josephpdf commented 4 days ago

Hi! @caseywescott I'm Joseph Poveda, I'm a member of the Dojo Coding community. A bit about my background is that I'm just starting out with Only Dust and I want to contribute as much as I can to the project. My knowledge of different programming languages ​​will allow me to better solve problems. To solve this issue I will:

  1. Identify Cache Mechanism:
    • Determine how the app currently handles caching of images and compiled code.
  2. Implement Cache Clearing on Refresh:
    • Modify the app to clear the cache whenever the site is visited or refreshed. This can be done by:
    • Using service workers to manage and clear the cache.
    • Implementing cache-busting techniques, such as appending a unique query string to image URLs.
  3. Test the Changes:
    • Ensure that the cache is cleared correctly and that new sketches are loaded each time the site is visited.
    • Verify that the app functions correctly without the old cached data.
  4. Optimize Performance:
    • Ensure that clearing the cache does not negatively impact the app's performance or user experience.
  5. Document the Changes:
    • Update the documentation to reflect the new cache-clearing behavior.
vestor-dev commented 4 days ago

hey sir I'd like to handle this task. i'm a frontend developer and a blockchain dev i would really love to contribute to your project please kindly assign :)

Supa-mega commented 4 days ago

May I be assigned to this?

Ekene001 commented 4 days ago

Hello, Please I'd like to handle this task, I'm a frontend and blockchain developer, and I’m new to the OnlyDust platform. I’m excited about the opportunity to collaborate and bring my skills to the table.

I will tackle this task by implementing a feature to refresh the image cache within the app session. This Feature will ensure that when users revisit the site or refresh the page, the app clears any cached images and loads the latest sketches. I will integrate a mechanism that programmatically clears the cache upon session initialization or refresh.

ShantelPeters commented 4 days ago

Can I work on this, please? I am a web3 developer with expertise in Cairo , Solidity , JavaScript, typescript etc

I will tackle this issue by implementing one of the following solutions: Firstly configure Cache-Control headers, append timestamp to image URLs, then use JavaScript to clear cache, or utilize Next.js specific features such as next/image with reloadInterval, next.config.js image properties, or getStaticProps/getServerSideProps to regenerate images,thereby ensuring the app refreshes the image cache on each visit.

wheval commented 4 days ago

Can I take care of this issue?

jedstroke commented 4 days ago

Can I take this from here?