{"id":18579803,"url":"https://github.com/arnaudjuracek/pinp","last_synced_at":"2025-05-16T03:07:56.270Z","repository":{"id":57324490,"uuid":"191780223","full_name":"arnaudjuracek/pinp","owner":"arnaudjuracek","description":"PINP is not packery","archived":false,"fork":false,"pushed_at":"2020-07-17T08:37:14.000Z","size":261,"stargazers_count":1,"open_issues_count":1,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-02-17T15:52:21.778Z","etag":null,"topics":["drag-and-drop","grid","javascript","packing"],"latest_commit_sha":null,"homepage":"https://arnaudjuracek.github.io/pinp/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/arnaudjuracek.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2019-06-13T14:37:43.000Z","updated_at":"2021-12-12T00:18:04.000Z","dependencies_parsed_at":"2022-09-04T12:52:38.908Z","dependency_job_id":null,"html_url":"https://github.com/arnaudjuracek/pinp","commit_stats":null,"previous_names":[],"tags_count":12,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arnaudjuracek%2Fpinp","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arnaudjuracek%2Fpinp/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arnaudjuracek%2Fpinp/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arnaudjuracek%2Fpinp/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/arnaudjuracek","download_url":"https://codeload.github.com/arnaudjuracek/pinp/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254459119,"owners_count":22074605,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["drag-and-drop","grid","javascript","packing"],"created_at":"2024-11-06T23:42:10.076Z","updated_at":"2025-05-16T03:07:51.201Z","avatar_url":"https://github.com/arnaudjuracek.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# `pinp`\n\u003e `pinp` is not packery\n\n\u003cbr\u003e\n\n## Usage\n##### Import with a module bundler\n\n```console\n$ npm install --save pinp\n```\n\n```js\n// using ES6 module\nimport pinp from 'pinp'\n\n// using CommonJS module\nvar pinp = require('pinp')\n```\n\n##### Import from a browser\n\n```html\n\u003cscript src=\"https://unpkg.com/pinp\"\u003e\u003c/script\u003e\n\u003cscript\u003e\n  // window.pinp is exposed\n\u003c/script\u003e\n```\n\n### Quickstart\n```js\nimport pinp from 'pinp'\n\nconst grid = pinp('.pinp-container')\n\nconst elements = document.querySelectorAll('.pinp-element')\nfor (let i = 0; i \u003c elements.length; i++) {\n  grid.add(elements[i])\n}\n\ngrid.update()\n```\n\u003csup\u003eSee [`example`](example/) for a detailed implementation.\u003c/sup\u003e\n\n## API\n\nSee [docs/API](docs/API.md).\n\n## Development\n```console\n$ npm install     # install all npm dependencies\n$ npm run start   # start the dev server with livereload on the example folder\n$ npm run build   # bundle your library in CJS / UMD / ESM\n$ npm run test    # lint your js inside the src folder\n\n$ npm version [major|minor|patch] # bundle, create a new release, publish to npm and deploy example/ to gh-page\n``` \n\n## License\n[MIT.](https://tldrlegal.com/license/mit-license)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Farnaudjuracek%2Fpinp","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Farnaudjuracek%2Fpinp","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Farnaudjuracek%2Fpinp/lists"}