Added a PDF viewer snippet

[anirudh7065]

PR Description:

replace this with your description

Pull Request Checklist

Overview

• Put an x inside of the square brackets to check each item.
• I have read and understood the CONTRIBUTING.md guidelines
• My pull request has a descriptive title that accurately reflects the changes and the description has been filled in above.
• I've included only files relevant to the changes described in the PR title and description
• I've created a new branch in my forked repository for this contribution

Code Quality

• My code is relevant to ServiceNow developers
• My code snippets expand meaningfully on official ServiceNow documentation (if applicable)
• I've disclosed use of ES2021 features (if applicable)
• I've tested my code snippets in a ServiceNow environment (where possible)

Repository Structure Compliance

• I've placed my code snippet(s) in one of the required top-level categories:
  • Core ServiceNow APIs/
  • Server-Side Components/
  • Client-Side Components/
  • Modern Development/
  • Integration/
  • Specialized Areas/
• I've used appropriate sub-categories within the top-level categories
• Each code snippet has its own folder with a descriptive name

Documentation

• I've included a README.md file for each code snippet
• The README.md includes:
  • Description of the code snippet functionality
  • Usage instructions or examples
  • Any prerequisites or dependencies
  • (Optional) Screenshots or diagrams if helpful

Restrictions

• My PR does not include XML exports of ServiceNow records
• My PR does not contain sensitive information (passwords, API keys, tokens)
• My PR does not include changes that fall outside the described scope

[ravichandra1998g]

Hello @anirudh7065

Thank you for your submission. However, it appears that this pull request is incomplete. It lacks a readme file explaining what this code does. Please complete your contribution by adding the necessary elements and resubmit or update this pull request for further review. Closing this for now. Once you make additional changes, feel free to re-open this Pull Request or create a new one.

Please add a .js extension file for the script.

[SapphicFire]

Hi @anirudh7065. As this code-snippets repository is ServiceNow specific, could you please highlight how you would expect to render this within the ServiceNow platform? While there are certain methods where TS is supported, I'm eager to understand whether this is a relevant contribution to ServiceNow

[anirudh7065]

Hi @SapphicFire this snippet is not related to servicenow and is meant to run in a standalone React or Next.js environment, not natively within ServiceNow’s UI runtime.So directly it can't be applicable but indirectly it can be after some adjustments
such as like this : -

<div id="pdfContainer"></div>
<script>
  const file = ...; // Load via attachment or GlideSysAttachment API
  const container = document.getElementById("pdfContainer");
  const loadingTask = pdfjsLib.getDocument({ data: fileArrayBuffer });
  loadingTask.promise.then(pdf => {
    for (let i = 1; i <= pdf.numPages; i++) {
      pdf.getPage(i).then(page => {
        const viewport = page.getViewport({ scale: 1.2 });
        const canvas = document.createElement('canvas');
        const context = canvas.getContext('2d');
        canvas.height = viewport.height;
        canvas.width = viewport.width;
        container.appendChild(canvas);
        page.render({ canvasContext: context, viewport });
      });
    }
  });
</script>

[SapphicFire]

Thank you for your contribution. However, it doesn’t comply with our contributing guidelines. In particular, this contribution is not relevant to ServiceNow or ServiceNow developers. Review your contribution against the guidelines and make the necessary adjustments.

Closing this for now. Once you make additional changes, feel free to re-open this Pull Request or create a new one.