npmpackage.info

Gathering detailed insights and metrics for ef-infinite-canvas

ef-infinite-canvas

an infinite version of the html canvas

0.6.7

117

MIT

TypeScript

373.54 kB

4.4

Installations

npm install ef-infinite-canvas

Developer Guide

BETA

Typescript

Yes

Module System

ESM

Node Version

18.12.1

NPM Version

9.2.0 Score

77.5

Supply Chain

87.6

Quality

79.8

Maintenance

100

Vulnerability

100

License

Pull Requests

Open

0

Total

45

Closed

6

Merged

39

Issues

Open

1

Total

11

Closed

10

Releases

v0.6.7

Published on 05 Oct 2024

v0.6.6

Published on 14 May 2024

v0.6.5

Published on 13 Apr 2024

v0.6.4

Published on 23 Feb 2024

v0.6.3

Published on 19 Jan 2024

v0.6.2

Published on 08 Sept 2023

View all 18 releases

Contributors

View all 1 contributors

Languages

TypeScript

JavaScript

Vue

HTML

CSS

Dockerfile

TypeScript (95.26%)

JavaScript (3.98%)

Vue (0.56%)

HTML (0.14%)

CSS (0.05%)

Dockerfile (0.02%)

Developer

emilefokkema

Download Statistics

Total Downloads

Last Day

Last Week

Last Month

Last Year

GitHub Statistics

117 Stars

308 Commits

11 Forks

6 Watching

3 Branches

1 Contributors

Maintainers

Package Meta Information

Latest Version

0.6.7

Package Id

ef-infinite-canvas@0.6.7

Unpacked Size

373.54 kB

Size

71.43 kB

File Count

NPM Version

9.2.0

Node Version

18.12.1

Publised On

05 Oct 2024

Total Downloads

Cumulative downloads

Total Downloads

0

Last day

Compared to previous day

Last week

Compared to previous week

Last month

Compared to previous month

Last year

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Versions

InfiniteCanvas

project page

About

InfiniteCanvas wraps an HTML5 <canvas> element and allows the user to zoom, pan and rotate the contents of the canvas. Content can be drawn on the canvas using the CanvasRenderingContext2D that is returned by InfiniteCanvas's getContext method.

1var canvasElement = document.getElementById("canvas");
2var infiniteCanvas = new InfiniteCanvas(canvasElement);
3var context = infiniteCanvas.getContext("2d");

InfiniteCanvas has no dependencies that are not devDependencies.

Installation

Include InfiniteCanvas in your web page:

1<script src="https://cdn.jsdelivr.net/npm/ef-infinite-canvas@0.6.7/dist/infinite-canvas.umd.cjs"></script>

or install it using npm:

npm install ef-infinite-canvas

Build

npm run build

Test

Testing InfiniteCanvas happens on two levels. One level is the jest tests that are run using

npm run test

The other level of testing happens by (first running npm run build and then) running

npm run test-e2e

which will start a server that serves pages in which InfiniteCanvas is used, and which will then run jest tests that use Puppeteer to manipulate those pages and jest-image-snapshot to compare screenshots.

Local development

First run npm run dev-app:build once. Then npm run dev will run an app that displays all manner of use cases for InfiniteCanvas, served by Vite.

Even though not much has happened in this repository lately, I have not forgotten about it. Quite to the contrary, there are a lot more features I'm planning to add in the not-too-distant future.

Fuzzing

Determines if the project uses fuzzing.

0

Pinned-Dependencies

Determines if the project has declared and pinned the dependencies of its build process.

Reason

dependency not pinned by hash detected -- score normalized to 0

Details

Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/node.js.yml:20: update your workflow using https://app.stepsecurity.io/secureworkflow/emilefokkema/infinite-canvas/node.js.yml/master?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/node.js.yml:22: update your workflow using https://app.stepsecurity.io/secureworkflow/emilefokkema/infinite-canvas/node.js.yml/master?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/publish-docs.yml:10: update your workflow using https://app.stepsecurity.io/secureworkflow/emilefokkema/infinite-canvas/publish-docs.yml/master?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/publish-docs.yml:12: update your workflow using https://app.stepsecurity.io/secureworkflow/emilefokkema/infinite-canvas/publish-docs.yml/master?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/publish-docs.yml:19: update your workflow using https://app.stepsecurity.io/secureworkflow/emilefokkema/infinite-canvas/publish-docs.yml/master?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/publish-docs.yml:40: update your workflow using https://app.stepsecurity.io/secureworkflow/emilefokkema/infinite-canvas/publish-docs.yml/master?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/update-ci-snapshots.yml:10: update your workflow using https://app.stepsecurity.io/secureworkflow/emilefokkema/infinite-canvas/update-ci-snapshots.yml/master?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/update-ci-snapshots.yml:12: update your workflow using https://app.stepsecurity.io/secureworkflow/emilefokkema/infinite-canvas/update-ci-snapshots.yml/master?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/update-ci-snapshots.yml:20: update your workflow using https://app.stepsecurity.io/secureworkflow/emilefokkema/infinite-canvas/update-ci-snapshots.yml/master?enable=pin
Warn: containerImage not pinned by hash: .gitpod.dockerfile:1: pin your Docker image by updating gitpod/workspace-full to gitpod/workspace-full@sha256:bec45ebdcc9b9c5ec28d5c61c16bf599200aa0d2dc1e69e2ed8ab0a424bae6db
Info: 0 out of 9 GitHub-owned GitHubAction dependencies pinned
Info: 0 out of 1 containerImage dependencies pinned

0

SAST

Determines if the project uses static code analysis.

Score

4.4

/10

Last Scanned on 2024-12-23

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More

ef-infinite-canvas

Installations

Developer Guide

Yes

ESM

18.12.1

9.2.0

Score

Pull Requests

0

45

6

39

Issues

1

11

10

Releases

Contributors

Languages

Developer

Download Statistics

GitHub Statistics

Maintainers

Package Meta Information

Total Downloads

0

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dev Dependencies

InfiniteCanvas

About

Installation

Build

Test

Local development

10

10

10

10

6

0

0

0

0

0

0

0

4.4

/10