open-index/open-npm huggingface dataset:
npm package: @recreatejs/jasmine-pixelmatch
Description: HTML5 canvas visual regression tests for Jasmine using pixelmatch
Author: Jeremy Shipman
Latest version: 0.1.0

# Jasmine Pixelmatch

HTML5 canvas visual difference checking in the [Jasmine](https://jasmine.github.io/) test framework with [pixelmatch](https://github.com/mapbox/pixelmatch).

## Features

- See differences
- Base64 image dump of images in headless environments

## Example

To obtain a reference image to compare against, just set up your test with no reference image, like so:

```js
describe("visual canvas test", function() {
  it("looks right", function(done) {
    let canvas = drawACanvas(200, 200);
    let context = canvas.getContext("2d");
    let canvasData = context.getImageData(0, 0, canvas.width, canvas.height);
    expect(canvasData).toVisuallyEqual(); // no argument
  });
});
```

Then save the image shown, and make it available to the test runner.

Update your test to load and pass in the image:

```js
describe("visual canvas test", function() {
  it("looks right", async function(done) {
    let canvas = drawACanvas(200, 200);
    let context = canvas.getContext("2d");
    let canvasData = context.getImageData(0, 0, canvas.width, canvas.height);
    let referenceData = imgToImageData(await loadImage("saved_image.png"));
    expect(canvasData).toVisuallyEqual(referenceData);
  });
});
```
npm package: @recruit-tech/javascripting
Description: Learn JavaScript by adventuring around in the terminal.
Author: yosuke-furukawa
Latest version: 3.0.4

# `@recruit-tech/javascripting`

Forked from: https://github.com/workshopper/javascripting

## Install Node.js

Make sure Node.js is installed on your computer.

Install it from [nodejs.org](https://nodejs.org/)

### Install `javascripting` with `npm`

Open your terminal and run this command:

```
npm install -g @recruit-tech/javascripting
```

The `-g` option installs this module globally so that you can run it as a command in your terminal.

## Run the workshop

Open your terminal and run the following command:

```
javascripting
```
npm package: @recruit-tech/react-redux-analytics-sitecatalyst
Description: SiteCatalyst plugin for react-redux-analytics
Author: Recruit Technologies Co.,Ltd.
Latest version: 0.0.7

SiteCatalyst plugin for react-redux-analytics

## Features
* Track PageView by s.t() with custom variables
* Track Custom Event by s.tl() tracking with custom variables
* Set analytics variables to s object on PageView and Custom event tracking

## Installation
```bash
npm install --save react-redux-analytics
```

## Getting Started
### 1. Register Middleware

place SiteCatalystMiddlware just after AnalyticsMiddleware
```js
import { applyMiddleware } from 'redux'
import { analyticsMiddleware } from 'react-redux-analytics'
import { siteCatalystMiddlware } from 'react-redux-analytics-sitecatalyst'

const sConfig = {
  s_account: '[[YOUR S_ACCOUNT]]', //required
  s_code: {
    visitorNamespace: '[[YOUR VISITOR NAMESPACE]]', //required
    trackingServer: '[[YOUR TRACKING SERVER]]', //required
    ..., //other s_code options
  },
}

const enhancer = applyMiddleware(...,
  analyticsMiddleware({
    reducerName: 'analytics',
    ...
  }),
  siteCatalystMiddlware({
    s_gi: (s_account) => window.s_gi(s_account), // or import s_code.js as a node module
    config: sConfig,
   	...
  })
)
```

### 2. Register Reducer

https://www.npmjs.com/package/react-redux-analytics

### 3. Track Page View on componentDidMount

https://www.npmjs.com/package/react-redux-analytics


### 4. Track Custom Event on Click

https://www.npmjs.com/package/react-redux-analytics


## API

#### `siteCatalystMiddleware`
npm package: @recruitler/drag-drop
Description: A forked version of Angular/'s drag-drop CDK.
Author: Recruitler
Latest version: 19.0.0

# Sortable

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 16.1.0.

## Code scaffolding

Run `ng generate component component-name --project sortable` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project sortable`.
> Note: Don't forget to add `--project sortable` or else it will be added to the default project in your `angular.json` file. 

## Build

Run `ng build sortable` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build sortable`, go to the dist folder `cd dist/sortable` and run `npm publish`.

## Running unit tests

Run `ng test sortable` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.