masonry-blade 0.0.1

package/LICENSE.txt

@@ -0,0 +1,373 @@
+Mozilla Public License Version 2.0
+==================================
+
+1. Definitions
+--------------
+
+1.1. "Contributor"
+    means each individual or legal entity that creates, contributes to
+    the creation of, or owns Covered Software.
+
+1.2. "Contributor Version"
+    means the combination of the Contributions of others (if any) used
+    by a Contributor and that particular Contributor's Contribution.
+
+1.3. "Contribution"
+    means Covered Software of a particular Contributor.
+
+1.4. "Covered Software"
+    means Source Code Form to which the initial Contributor has attached
+    the notice in Exhibit A, the Executable Form of such Source Code
+    Form, and Modifications of such Source Code Form, in each case
+    including portions thereof.
+
+1.5. "Incompatible With Secondary Licenses"
+    means
+
+    (a) that the initial Contributor has attached the notice described
+        in Exhibit B to the Covered Software; or
+
+    (b) that the Covered Software was made available under the terms of
+        version 1.1 or earlier of the License, but not also under the
+        terms of a Secondary License.
+
+1.6. "Executable Form"
+    means any form of the work other than Source Code Form.
+
+1.7. "Larger Work"
+    means a work that combines Covered Software with other material, in
+    a separate file or files, that is not Covered Software.
+
+1.8. "License"
+    means this document.
+
+1.9. "Licensable"
+    means having the right to grant, to the maximum extent possible,
+    whether at the time of the initial grant or subsequently, any and
+    all of the rights conveyed by this License.
+
+1.10. "Modifications"
+    means any of the following:
+
+    (a) any file in Source Code Form that results from an addition to,
+        deletion from, or modification of the contents of Covered
+        Software; or
+
+    (b) any new file in Source Code Form that contains any Covered
+        Software.
+
+1.11. "Patent Claims" of a Contributor
+    means any patent claim(s), including without limitation, method,
+    process, and apparatus claims, in any patent Licensable by such
+    Contributor that would be infringed, but for the grant of the
+    License, by the making, using, selling, offering for sale, having
+    made, import, or transfer of either its Contributions or its
+    Contributor Version.
+
+1.12. "Secondary License"
+    means either the GNU General Public License, Version 2.0, the GNU
+    Lesser General Public License, Version 2.1, the GNU Affero General
+    Public License, Version 3.0, or any later versions of those
+    licenses.
+
+1.13. "Source Code Form"
+    means the form of the work preferred for making modifications.
+
+1.14. "You" (or "Your")
+    means an individual or a legal entity exercising rights under this
+    License. For legal entities, "You" includes any entity that
+    controls, is controlled by, or is under common control with You. For
+    purposes of this definition, "control" means (a) the power, direct
+    or indirect, to cause the direction or management of such entity,
+    whether by contract or otherwise, or (b) ownership of more than
+    fifty percent (50%) of the outstanding shares or beneficial
+    ownership of such entity.
+
+2. License Grants and Conditions
+--------------------------------
+
+2.1. Grants
+
+Each Contributor hereby grants You a world-wide, royalty-free,
+non-exclusive license:
+
+(a) under intellectual property rights (other than patent or trademark)
+    Licensable by such Contributor to use, reproduce, make available,
+    modify, display, perform, distribute, and otherwise exploit its
+    Contributions, either on an unmodified basis, with Modifications, or
+    as part of a Larger Work; and
+
+(b) under Patent Claims of such Contributor to make, use, sell, offer
+    for sale, have made, import, and otherwise transfer either its
+    Contributions or its Contributor Version.
+
+2.2. Effective Date
+
+The licenses granted in Section 2.1 with respect to any Contribution
+become effective for each Contribution on the date the Contributor first
+distributes such Contribution.
+
+2.3. Limitations on Grant Scope
+
+The licenses granted in this Section 2 are the only rights granted under
+this License. No additional rights or licenses will be implied from the
+distribution or licensing of Covered Software under this License.
+Notwithstanding Section 2.1(b) above, no patent license is granted by a
+Contributor:
+
+(a) for any code that a Contributor has removed from Covered Software;
+    or
+
+(b) for infringements caused by: (i) Your and any other third party's
+    modifications of Covered Software, or (ii) the combination of its
+    Contributions with other software (except as part of its Contributor
+    Version); or
+
+(c) under Patent Claims infringed by Covered Software in the absence of
+    its Contributions.
+
+This License does not grant any rights in the trademarks, service marks,
+or logos of any Contributor (except as may be necessary to comply with
+the notice requirements in Section 3.4).
+
+2.4. Subsequent Licenses
+
+No Contributor makes additional grants as a result of Your choice to
+distribute the Covered Software under a subsequent version of this
+License (see Section 10.2) or under the terms of a Secondary License (if
+permitted under the terms of Section 3.3).
+
+2.5. Representation
+
+Each Contributor represents that the Contributor believes its
+Contributions are its original creation(s) or it has sufficient rights
+to grant the rights to its Contributions conveyed by this License.
+
+2.6. Fair Use
+
+This License is not intended to limit any rights You have under
+applicable copyright doctrines of fair use, fair dealing, or other
+equivalents.
+
+2.7. Conditions
+
+Sections 3.1, 3.2, 3.3, and 3.4 are conditions of the licenses granted
+in Section 2.1.
+
+3. Responsibilities
+-------------------
+
+3.1. Distribution of Source Form
+
+All distribution of Covered Software in Source Code Form, including any
+Modifications that You create or to which You contribute, must be under
+the terms of this License. You must inform recipients that the Source
+Code Form of the Covered Software is governed by the terms of this
+License, and how they can obtain a copy of this License. You may not
+attempt to alter or restrict the recipients' rights in the Source Code
+Form.
+
+3.2. Distribution of Executable Form
+
+If You distribute Covered Software in Executable Form then:
+
+(a) such Covered Software must also be made available in Source Code
+    Form, as described in Section 3.1, and You must inform recipients of
+    the Executable Form how they can obtain a copy of such Source Code
+    Form by reasonable means in a timely manner, at a charge no more
+    than the cost of distribution to the recipient; and
+
+(b) You may distribute such Executable Form under the terms of this
+    License, or sublicense it under different terms, provided that the
+    license for the Executable Form does not attempt to limit or alter
+    the recipients' rights in the Source Code Form under this License.
+
+3.3. Distribution of a Larger Work
+
+You may create and distribute a Larger Work under terms of Your choice,
+provided that You also comply with the requirements of this License for
+the Covered Software. If the Larger Work is a combination of Covered
+Software with a work governed by one or more Secondary Licenses, and the
+Covered Software is not Incompatible With Secondary Licenses, this
+License permits You to additionally distribute such Covered Software
+under the terms of such Secondary License(s), so that the recipient of
+the Larger Work may, at their option, further distribute the Covered
+Software under the terms of either this License or such Secondary
+License(s).
+
+3.4. Notices
+
+You may not remove or alter the substance of any license notices
+(including copyright notices, patent notices, disclaimers of warranty,
+or limitations of liability) contained within the Source Code Form of
+the Covered Software, except that You may alter any license notices to
+the extent required to remedy known factual inaccuracies.
+
+3.5. Application of Additional Terms
+
+You may choose to offer, and to charge a fee for, warranty, support,
+indemnity or liability obligations to one or more recipients of Covered
+Software. However, You may do so only on Your own behalf, and not on
+behalf of any Contributor. You must make it absolutely clear that any
+such warranty, support, indemnity, or liability obligation is offered by
+You alone, and You hereby agree to indemnify every Contributor for any
+liability incurred by such Contributor as a result of warranty, support,
+indemnity or liability terms You offer. You may include additional
+disclaimers of warranty and limitations of liability specific to any
+jurisdiction.
+
+4. Inability to Comply Due to Statute or Regulation
+---------------------------------------------------
+
+If it is impossible for You to comply with any of the terms of this
+License with respect to some or all of the Covered Software due to
+statute, judicial order, or regulation then You must: (a) comply with
+the terms of this License to the maximum extent possible; and (b)
+describe the limitations and the code they affect. Such description must
+be placed in a text file included with all distributions of the Covered
+Software under this License. Except to the extent prohibited by statute
+or regulation, such description must be sufficiently detailed for a
+recipient of ordinary skill to be able to understand it.
+
+5. Termination
+--------------
+
+5.1. The rights granted under this License will terminate automatically
+if You fail to comply with any of its terms. However, if You become
+compliant, then the rights granted under this License from a particular
+Contributor are reinstated (a) provisionally, unless and until such
+Contributor explicitly and finally terminates Your grants, and (b) on an
+ongoing basis, if such Contributor fails to notify You of the
+non-compliance by some reasonable means prior to 60 days after You have
+come back into compliance. Moreover, Your grants from a particular
+Contributor are reinstated on an ongoing basis if such Contributor
+notifies You of the non-compliance by some reasonable means, this is the
+first time You have received notice of non-compliance with this License
+from such Contributor, and You become compliant prior to 30 days after
+Your receipt of the notice.
+
+5.2. If You initiate litigation against any entity by asserting a patent
+infringement claim (excluding declaratory judgment actions,
+counter-claims, and cross-claims) alleging that a Contributor Version
+directly or indirectly infringes any patent, then the rights granted to
+You by any and all Contributors for the Covered Software under Section
+2.1 of this License shall terminate.
+
+5.3. In the event of termination under Sections 5.1 or 5.2 above, all
+end user license agreements (excluding distributors and resellers) which
+have been validly granted by You or Your distributors under this License
+prior to termination shall survive termination.
+
+************************************************************************
+*                                                                      *
+*  6. Disclaimer of Warranty                                           *
+*  -------------------------                                           *
+*                                                                      *
+*  Covered Software is provided under this License on an "as is"       *
+*  basis, without warranty of any kind, either expressed, implied, or  *
+*  statutory, including, without limitation, warranties that the       *
+*  Covered Software is free of defects, merchantable, fit for a        *
+*  particular purpose or non-infringing. The entire risk as to the     *
+*  quality and performance of the Covered Software is with You.        *
+*  Should any Covered Software prove defective in any respect, You     *
+*  (not any Contributor) assume the cost of any necessary servicing,   *
+*  repair, or correction. This disclaimer of warranty constitutes an   *
+*  essential part of this License. No use of any Covered Software is   *
+*  authorized under this License except under this disclaimer.         *
+*                                                                      *
+************************************************************************
+
+************************************************************************
+*                                                                      *
+*  7. Limitation of Liability                                          *
+*  --------------------------                                          *
+*                                                                      *
+*  Under no circumstances and under no legal theory, whether tort      *
+*  (including negligence), contract, or otherwise, shall any           *
+*  Contributor, or anyone who distributes Covered Software as          *
+*  permitted above, be liable to You for any direct, indirect,         *
+*  special, incidental, or consequential damages of any character      *
+*  including, without limitation, damages for lost profits, loss of    *
+*  goodwill, work stoppage, computer failure or malfunction, or any    *
+*  and all other commercial damages or losses, even if such party      *
+*  shall have been informed of the possibility of such damages. This   *
+*  limitation of liability shall not apply to liability for death or   *
+*  personal injury resulting from such party's negligence to the       *
+*  extent applicable law prohibits such limitation. Some               *
+*  jurisdictions do not allow the exclusion or limitation of           *
+*  incidental or consequential damages, so this exclusion and          *
+*  limitation may not apply to You.                                    *
+*                                                                      *
+************************************************************************
+
+8. Litigation
+-------------
+
+Any litigation relating to this License may be brought only in the
+courts of a jurisdiction where the defendant maintains its principal
+place of business and such litigation shall be governed by laws of that
+jurisdiction, without reference to its conflict-of-law provisions.
+Nothing in this Section shall prevent a party's ability to bring
+cross-claims or counter-claims.
+
+9. Miscellaneous
+----------------
+
+This License represents the complete agreement concerning the subject
+matter hereof. If any provision of this License is held to be
+unenforceable, such provision shall be reformed only to the extent
+necessary to make it enforceable. Any law or regulation which provides
+that the language of a contract shall be construed against the drafter
+shall not be used to construe this License against a Contributor.
+
+10. Versions of the License
+---------------------------
+
+10.1. New Versions
+
+Mozilla Foundation is the license steward. Except as provided in Section
+10.3, no one other than the license steward has the right to modify or
+publish new versions of this License. Each version will be given a
+distinguishing version number.
+
+10.2. Effect of New Versions
+
+You may distribute the Covered Software under the terms of the version
+of the License under which You originally received the Covered Software,
+or under the terms of any subsequent version published by the license
+steward.
+
+10.3. Modified Versions
+
+If you create software not governed by this License, and you want to
+create a new license for such software, you may create and use a
+modified version of this License if you rename the license and remove
+any references to the name of the license steward (except to note that
+such modified license differs from this License).
+
+10.4. Distributing Source Code Form that is Incompatible With Secondary
+Licenses
+
+If You choose to distribute Source Code Form that is Incompatible With
+Secondary Licenses under the terms of this version of the License, the
+notice described in Exhibit B of this License must be attached.
+
+Exhibit A - Source Code Form License Notice
+-------------------------------------------
+
+  This Source Code Form is subject to the terms of the Mozilla Public
+  License, v. 2.0. If a copy of the MPL was not distributed with this
+  file, You can obtain one at https://mozilla.org/MPL/2.0/.
+
+If it is not possible or desirable to put the notice in a particular
+file, then You may include the notice in a location (such as a LICENSE
+file in a relevant directory) where a recipient would be likely to look
+for such a notice.
+
+You may add additional accurate notices of copyright ownership.
+
+Exhibit B - "Incompatible With Secondary Licenses" Notice
+---------------------------------------------------------
+
+  This Source Code Form is "Incompatible With Secondary Licenses", as
+  defined by the Mozilla Public License, v. 2.0.

package/README.md

@@ -0,0 +1,435 @@
+# masonry-blade
+
+Algo-oriented lib for create masonry grid with ZERO😭😱 dependencies
+
+> Only images are supported for now.
+
+<div align="center">
+  <img width="300" src="./.github/logo.png" alt="masonry-blad logo">
+  <h3 align="center">masonry-blade</h3>
+</div>
+
+![GitHub License](https://img.shields.io/github/license/steelWinds/masonry-blade)
+![NPM Unpacked Size](https://img.shields.io/npm/unpacked-size/masonry-blade)
+![NPM Version](https://img.shields.io/npm/v/masonry-blade)
+
+## Quick start
+
+`MasonryMatrix` helps you build and rebuild a masonry layout incrementally.
+It keeps the original input items internally, so you can append new items over time and fully recreate the matrix when the container width or column count changes.
+
+### Import
+
+```ts
+import { MasonryMatrix } from 'masonry-blade';
+```
+
+### What the class does
+
+`MasonryMatrix` manages two things for you:
+
+- the current computed masonry state
+- the full list of raw input items that were previously appended
+
+This allows two common workflows:
+
+1. **Append mode**: add new items to the existing matrix with `appendItems()`
+2. **Rebuild mode**: fully recompute the matrix from all previously appended items with `recreateMatrix()`
+
+### Constructor
+
+```ts
+const matrix = new MasonryMatrix(rootWidth, count);
+```
+
+#### Parameters
+
+- `rootWidth: number` — the current container width in pixels
+- `count?: number` — the number of columns; defaults to `1`
+
+#### Example
+
+```ts
+const matrix = new MasonryMatrix(1200, 4);
+```
+
+This creates an internal masonry state for a `1200px` wide container with `4` columns.
+
+### Input item type
+
+Your input items must match this shape:
+
+```ts
+type ImageItem = {
+	id: string;
+	src: string;
+	width: number;
+	height: number;
+};
+```
+
+- `id` should be stable and unique for each item
+- `src` is copied into the computed result
+- `width` and `height` are the original item dimensions
+- items with non-positive `width` or `height` are ignored by the layout engine
+
+### Output item type
+
+Both `appendItems()` and `recreateMatrix()` return computed masonry columns:
+
+```ts
+type MasonryItem = {
+	id: string;
+	src: string;
+	width: number;
+	height: number;
+};
+```
+
+The returned `width` and `height` are **computed layout dimensions**, not the original source dimensions:
+
+- `width` is the target column width
+- `height` is the scaled height for that column width
+
+### Important note about returned values
+
+Both public methods return:
+
+```ts
+Promise<readonly MasonryItem[][]>;
+```
+
+That means:
+
+- the result is an array of columns
+- each column is an array of computed masonry items
+- the outer result should be treated as **read-only**
+- the returned columns are backed by the internal matrix state
+
+You should **not mutate** the returned arrays.
+If you need to transform them for rendering, create a copy first.
+
+Example:
+
+```ts
+const columns = await matrix.appendItems(items);
+
+const safeColumns = columns.map((column) => [...column]);
+```
+
+### `appendItems()`
+
+Use `appendItems()` when you want to add new items to the existing matrix.
+
+```ts
+const columns = await matrix.appendItems(items);
+```
+
+#### Parameters
+
+- `items: readonly ImageItem[]` — the batch of new items to append
+
+#### Returns
+
+- `Promise<readonly MasonryItem[][]>` — the updated computed matrix columns
+
+#### Behavior
+
+- appends only the provided batch to the current matrix
+- stores the raw items internally for future rebuilds
+- reuses the current matrix state instead of rebuilding everything from scratch
+- may use a worker internally when available
+- falls back to synchronous calculation when a worker is not available
+
+#### Example
+
+```ts
+const nextItems: ImageItem[] = [
+	{
+		id: 'img-1',
+		src: '/images/1.jpg',
+		width: 1600,
+		height: 900,
+	},
+	{
+		id: 'img-2',
+		src: '/images/2.jpg',
+		width: 1200,
+		height: 1800,
+	},
+];
+
+const columns = await matrix.appendItems(nextItems);
+```
+
+### `recreateMatrix()`
+
+Use `recreateMatrix()` when the container width or column count changes and the whole matrix must be recalculated.
+
+```ts
+const columns = await matrix.recreateMatrix(rootWidth, count);
+```
+
+#### Parameters
+
+- `rootWidth: number` — the new container width in pixels
+- `count?: number` — the new number of columns
+
+#### Returns
+
+- `Promise<readonly MasonryItem[][]>` — the fully rebuilt computed matrix columns
+
+#### Behavior
+
+- creates a brand new internal masonry state
+- replays **all previously appended raw items** into the new state
+- is the correct method to call after resize or responsive breakpoint changes
+- does **not** require you to pass the original items again
+
+#### Example
+
+```ts
+const columns = await matrix.recreateMatrix(1440, 5);
+```
+
+### `terminateWorker()`
+
+```ts
+matrix.terminateWorker();
+```
+
+Use this method if you want to explicitly terminate the internal worker.
+
+#### Behavior
+
+- terminates the current worker if it exists
+- rejects any pending worker-backed operation
+- clears the internal worker reference
+- future calls to `appendItems()` or `recreateMatrix()` may create a new worker again
+
+This is usually useful during cleanup, for example when a view or component is being destroyed.
+
+### Full example
+
+```ts
+import { MasonryMatrix } from 'masonry-blade';
+
+type ImageItem = {
+	id: string;
+	src: string;
+	width: number;
+	height: number;
+};
+
+const items: ImageItem[] = [
+	{ id: '1', src: '/img/1.jpg', width: 1600, height: 900 },
+	{ id: '2', src: '/img/2.jpg', width: 1200, height: 1600 },
+	{ id: '3', src: '/img/3.jpg', width: 800, height: 1200 },
+	{ id: '4', src: '/img/4.jpg', width: 1920, height: 1080 },
+];
+
+function getColumnCount(width: number): number {
+	if (width >= 1440) return 5;
+	if (width >= 1024) return 4;
+	if (width >= 768) return 3;
+	if (width >= 480) return 2;
+	return 1;
+}
+
+async function main(): Promise<void> {
+	const rootWidth = 1200;
+	const count = getColumnCount(rootWidth);
+
+	const matrix = new MasonryMatrix(rootWidth, count);
+
+	const initialColumns = await matrix.appendItems(items);
+
+	console.log('Initial columns:', initialColumns);
+
+	const moreItems: ImageItem[] = [
+		{ id: '5', src: '/img/5.jpg', width: 1000, height: 1500 },
+		{ id: '6', src: '/img/6.jpg', width: 1400, height: 900 },
+	];
+
+	const updatedColumns = await matrix.appendItems(moreItems);
+
+	console.log('After append:', updatedColumns);
+
+	const resizedColumns = await matrix.recreateMatrix(
+		1440,
+		getColumnCount(1440),
+	);
+
+	console.log('After recreate:', resizedColumns);
+
+	matrix.terminateWorker();
+}
+
+void main();
+```
+
+### Responsive example with `window.resize`
+
+The most common responsive pattern is:
+
+1. create the matrix once
+2. append your initial data
+3. on resize, recompute `rootWidth` and `count`
+4. call `recreateMatrix()`
+5. re-render using the returned columns
+
+```ts
+import { MasonryMatrix } from 'masonry-blade';
+
+type ImageItem = {
+	id: string;
+	src: string;
+	width: number;
+	height: number;
+};
+
+const container = document.getElementById('gallery');
+
+if (container == null) {
+	throw new Error('Missing #gallery container');
+}
+
+const items: ImageItem[] = [
+	{ id: '1', src: '/img/1.jpg', width: 1600, height: 900 },
+	{ id: '2', src: '/img/2.jpg', width: 1200, height: 1600 },
+	{ id: '3', src: '/img/3.jpg', width: 800, height: 1200 },
+	{ id: '4', src: '/img/4.jpg', width: 1920, height: 1080 },
+];
+
+function getColumnCount(width: number): number {
+	if (width >= 1024) return 4;
+
+	return 2;
+}
+
+function render(
+	columns: readonly (readonly {
+		id: string;
+		src: string;
+		width: number;
+		height: number;
+	})[][],
+): void {
+	container.innerHTML = '';
+
+	for (const column of columns) {
+		const columnEl = document.createElement('div');
+		columnEl.className = 'masonry-column';
+
+		for (const item of column) {
+			const img = document.createElement('img');
+			img.src = item.src;
+			img.width = item.width;
+			img.height = item.height;
+			img.alt = item.id;
+
+			columnEl.appendChild(img);
+		}
+
+		container.appendChild(columnEl);
+	}
+}
+
+let currentWidth = container.clientWidth;
+let currentCount = getColumnCount(currentWidth);
+let resizeFrame = 0;
+
+const matrix = new MasonryMatrix(currentWidth, currentCount);
+
+async function init(): Promise<void> {
+	const columns = await matrix.appendItems(items);
+	render(columns);
+}
+
+async function handleResize(): Promise<void> {
+	const nextWidth = container.clientWidth;
+	const nextCount = getColumnCount(nextWidth);
+
+	if (nextWidth === currentWidth && nextCount === currentCount) {
+		return;
+	}
+
+	currentWidth = nextWidth;
+	currentCount = nextCount;
+
+	const columns = await matrix.recreateMatrix(currentWidth, currentCount);
+	render(columns);
+}
+
+window.addEventListener('resize', () => {
+	cancelAnimationFrame(resizeFrame);
+
+	resizeFrame = requestAnimationFrame(() => {
+		void handleResize();
+	});
+});
+
+void init();
+
+window.addEventListener('beforeunload', () => {
+	matrix.terminateWorker();
+});
+```
+
+### Useful notes
+
+- Use `appendItems()` for incremental updates.
+- Use `recreateMatrix()` after width or column count changes.
+- Do not mutate the returned columns.
+- Do not call `appendItems()` and `recreateMatrix()` concurrently.
+- Serialize access in your application code.
+- Call `terminateWorker()` during cleanup when needed.
+
+### Concurrency note
+
+Concurrent calls are not supported.
+The caller must serialize access to:
+
+- `appendItems()`
+- `recreateMatrix()`
+
+For example, do not call `appendItems()` while a previous `recreateMatrix()` call is still pending.
+
+## Development
+
+### Environment variables
+
+See the `docs/` directory for example `.env.*` files. **Environment variable files should be located in the project root directory.**
+
+### Setup for Development
+
+```bash
+git clone https://github.com/steelWinds/masonry-blade
+
+cd masonry-blade
+
+# Install dependencies
+pnpm i
+
+# Run tests
+pnpm test:run
+```
+
+### Benchmark
+
+```bash
+pnpm benchmark
+```
+
+Latest benchmark results: [benchmark/benchmark-results.md](benchmark/benchmark-results.md)
+
+## License
+
+This project is licensed under the MPL 2.0 License.
+
+## Links
+
+- Author: [@steelWinds](https://github.com/steelWinds)
+- Issues: [New issue](https://github.com/steelWinds/masonry-blade/issues)
+- Telegram: @plutograde
+- Email: [Send me an email](mailto:kirillsurov0@gmail.com)

package/build/appendToMatrix.worker.js

@@ -0,0 +1,36 @@
+//#region src/utils/MasonryMatrix/lib/masonryEngine/appendToMatrix.ts
+const appendToMatrix = (state, items) => {
+	const { count, width, heights, order, columns } = state;
+	if (count <= 0 || items.length === 0) return state;
+	for (let i = 0, len = items.length; i < len; i++) {
+		const item = items[i];
+		if (item.width <= 0 || item.height <= 0) continue;
+		const [shortest] = order;
+		const height = Math.floor(item.height * width / item.width);
+		columns[shortest].push({
+			height,
+			id: item.id,
+			src: item.src,
+			width
+		});
+		const newColumnHeight = heights[shortest] + height;
+		heights[shortest] = newColumnHeight;
+		let pos = 1;
+		while (pos < count) {
+			const next = order[pos];
+			if (heights[next] > newColumnHeight) break;
+			order[pos - 1] = next;
+			pos++;
+		}
+		order[pos - 1] = shortest;
+	}
+	return state;
+};
+//#endregion
+//#region src/utils/MasonryMatrix/lib/masonryEngine/appendToMatrix.worker.ts
+self.onmessage = (event) => {
+	const { state, batchItems } = event.data;
+	const result = appendToMatrix(state, batchItems);
+	self.postMessage(result);
+};
+//#endregion

package/build/masonry-blade.mjs

@@ -0,0 +1 @@
+const e=(e,t)=>{let{count:n,width:r,heights:i,order:a,columns:o}=e;if(n<=0||t.length===0)return e;for(let e=0,s=t.length;e<s;e++){let s=t[e];if(s.width<=0||s.height<=0)continue;let[c]=a,l=Math.floor(s.height*r/s.width);o[c].push({height:l,id:s.id,src:s.src,width:r});let u=i[c]+l;i[c]=u;let d=1;for(;d<n;){let e=a[d];if(i[e]>u)break;a[d-1]=e,d++}a[d-1]=c}return e},t=(e,t=1)=>{let n=new Int32Array(t),r=new Int16Array(t),i=Array.from({length:t},()=>[]);for(let e=0;e<t;e++)r[e]=e;return{columns:i,count:t,heights:n,order:r,width:t===0?0:Math.floor(e/t)}};function n(e){return new Worker(new URL(`appendToMatrix.worker.js`,import.meta.url),{type:`module`,name:e?.name})}var r=class{_worker;_workerTerminatedSignal;_state;_rawItems;constructor(e,n){this._state=t(e,n),this._rawItems=[]}async _updateState(t,n){try{return this._worker??this._createWorker(),this._worker==null?e(t,n):await new Promise((e,r)=>{this._workerTerminatedSignal=r,this._worker.onmessage=t=>{this._workerTerminatedSignal=void 0,e(t.data)},this._worker.onmessageerror=()=>{this._workerTerminatedSignal=void 0,r(Error(`[MasonryMatrix] Error receiving message from worker`))},this._worker.onerror=e=>{this._workerTerminatedSignal=void 0,r(Error(`[MasonryMatrix] Error while worker: ${e.message}`))},this._worker.postMessage({batchItems:n,state:t})})}catch(e){throw console.error(`[MasonryMatrix] Error while update internal state: ${e}`),e}}_appendToRawItems(e){let t=this._rawItems.length,n=e.length;this._rawItems.length=t+n;for(let r=0;r<n;r++)this._rawItems[t+r]=e[r]}_createWorker(){globalThis&&`Worker`in globalThis&&(this._worker=new n)}terminateWorker(){this._workerTerminatedSignal?.(Error(`[MasonryMatrix] Worker terminated`)),this._worker?.terminate(),this._workerTerminatedSignal=void 0,this._worker=void 0}async appendItems(e){try{return this._state=await this._updateState(this._state,e),this._appendToRawItems(e),this._state.columns}catch(e){throw console.error(`[MasonryMatrix] Error while append items to matrix: ${e}`),e}}async recreateMatrix(e,n){try{return this._state=t(e,n),this._state=await this._updateState(this._state,this._rawItems),this._state.columns}catch(e){throw console.error(`[MasonryMatrix] Error while recreate matrix: ${e}`),e}}};export{r as MasonryMatrix};

package/package.json

@@ -0,0 +1,79 @@
+{
+	"name": "masonry-blade",
+	"version": "0.0.1",
+	"private": false,
+	"description": "Algo-oriented lib for create masonry grid",
+	"keywords": [
+		"generate",
+		"lib",
+		"masonry"
+	],
+	"homepage": "https://github.com/steelWinds/masonry-blade",
+	"bugs": {
+		"url": "https://github.com/steelWinds/masonry-blade/issues",
+		"email": "kirillsurov0@gmail.com"
+	},
+	"license": "MPL-2.0",
+	"author": "steelWinds",
+	"repository": {
+		"type": "git",
+		"url": "https://github.com/steelWinds/masonry-blade"
+	},
+	"files": [
+		"build",
+		"README.md",
+		"LICENSE"
+	],
+	"os": [
+		"darwin",
+		"linux",
+		"win32"
+	],
+	"type": "module",
+	"main": "./build/masonry-blade.mjs",
+	"scripts": {
+		"build": "genversion lib/version.js --esm --strict && tsdown --minify --log-level error",
+		"build:watch": "genversion lib/version.js --esm --strict && tsdown --sourcemap --watch",
+		"benchmark": "tsdown --minify --log-level error && cross-env NODE_OPTIONS='--expose-gc --max-old-space-size=8192' tsx benchmark/matrix.benchmark.ts",
+		"test": "vitest",
+		"test:run": "vitest run --testTimeout 0",
+		"test:coverage": "vitest run --coverage",
+		"lint": "oxlint --type-aware",
+		"lint:fix": "oxlint --fix",
+		"nano-staged": "nano-staged",
+		"fmt": "oxfmt",
+		"fmt:check": "oxfmt --check",
+		"prepare": "husky"
+	},
+	"devDependencies": {
+		"@faker-js/faker": "^10.2.0",
+		"@types/node": "^25.3.5",
+		"@vitest/coverage-v8": "^4.0.17",
+		"cross-env": "^10.1.0",
+		"genversion": "^3.2.0",
+		"husky": "^9.1.7",
+		"nano-staged": "^0.9.0",
+		"oxfmt": "^0.35.0",
+		"oxlint": "^1.42.0",
+		"oxlint-tsgolint": "^0.16.0",
+		"tinybench": "^6.0.0",
+		"tsdown": "0.20.3",
+		"tsdown-plugin-worker": "^0.1.9",
+		"tsx": "^4.21.0",
+		"typescript": "~5.9.3",
+		"vitest": "^4.0.17"
+	},
+	"overrides": {
+		"tsdown": "0.20.3"
+	},
+	"nano-staged": {
+		"*": "oxfmt --no-error-on-unmatched-pattern",
+		"*.{js,jsx,ts,tsx,mjs,cjs}": [
+			"pnpm run lint",
+			"pnpm run test:run --passWithNoTests"
+		]
+	},
+	"engines": {
+		"node": ">=18.0.0"
+	}
+}