alisaitteke / seatmap-canvas

Typescript base multi-block supporting open source seat selection framework

Hi 👋, I'm Ali

• 🔭 I’m currently working on Lasthome

• 📝 I regularly write articles on alisait.com

• 💬 Ask me about javascript, vue, d3, flutter, elasticsearch, node, nuxtjs

• 📫 How to reach me [email protected]

• 📄 Know about my experiences https://gist.github.com/alisaitteke/00eea93a951f337c2bfe696a884b2ee8

Languages and Tools:

seatmap-canvas's Issues

Could not find a declaration file for module

Describe the bug
When installing in the Typescript project, I encountered the following issue:
Could not find a declaration file for module '@alisaitteke/seatmap-canvas'.

To Reproduce
Steps to reproduce the behavior:

1. Install this lib through yarn
2. Import SeatMapCanvas in the typescript file

Expected behavior
The module has a properly declared file

Screenshots

Additional context
I tried to find the root cause, then I saw you declare the types field in package.json: "types": "dist/index.d.ts",. But in the node_modules when I install the module, the path of the declaration file is dist/type.d.ts as below:

So we need to correct this path, if you agree, I can create the PR to resolve it.

Create seating plan

Thanks for the great library.it is very helpful.

How do you create the maps in JSON file? is there a tool for that or you have to create Manuel?

How do I use it in Vue or React

Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

Describe the solution you'd like
A clear and concise description of what you want to happen.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request here.

güncelleme gelecek mi?

Merhaba, kütüphane için öncelikle teşekkür ederim. Uygulama hakkında bi kaç sorum var.

1. sahne gibi mekanlarda bulunan yerlerin gösterimi nasıl yapabiliriz?
2. Mobil cihazlarda zoom out yaparken çok fazla uzaklaşma oluyor ve zoom out'u kapatma gibi şansımız yok mu?

Zoom not working correctly when seat map is not visible when you load the page.

Description
When the zoom is set to display the full seat setup, but the map is not initially loaded at the top of the page, the zoom function does not work correctly. The map fails to load the zoomed-in version as expected.

Additionally, this issue complicates the ticket selection process. Users are required to zoom out and then zoom in again to select their seats, resulting in a poor customer experience.

Steps to Reproduce
Open the page with the seat map.
Ensure the map is not loaded at the top of the page.
Set the zoom to display the full seat setup.
Observe that the map does not load the zoomed version correctly.
Attempt to select a ticket, noting the need to manually zoom out and then zoom in again.
Expected Behavior
The map should correctly load the zoomed-in version regardless of its initial position on the page, allowing users to easily select tickets without additional zoom adjustments.

Actual Behavior
The map fails to load the zoomed-in version, requiring users to manually adjust the zoom, leading to a frustrating user experience.

Impact
This issue significantly affects the user experience by making the ticket selection process cumbersome and inefficient.

Suggested Fix
Investigate and ensure the zoom functionality works correctly regardless of the map's initial position on the page. Implement a solution that allows the map to load the zoomed-in version directly, enhancing the overall user experience.

[Question]: Is there any way to import my SVG seatmap file for use?

Hello @alisaitteke 👋 , I'm testing your seat map, and it's very smooth—great work! I was wondering if there's a way for me to import my seat map SVG file in a specific format to use with your package. Do you have any suggestions for my use case? I'm eager to hear your thoughts. Thank you in advance!