https://github.com/jonasfroeller/astro.image.lightbox

An Astro component for photoswipe's lightbox.
https://github.com/jonasfroeller/astro.image.lightbox

astro-component image-lightbox image-zoom lightbox-gallery

Last synced: 2 months ago
JSON representation

An Astro component for photoswipe's lightbox.

• Host: GitHub
• URL: https://github.com/jonasfroeller/astro.image.lightbox
• Owner: jonasfroeller
• Created: 2025-01-05T23:14:56.000Z (5 months ago)
• Default Branch: main
• Last Pushed: 2025-04-08T14:55:03.000Z (2 months ago)
• Last Synced: 2025-04-08T15:47:21.686Z (2 months ago)
• Topics: astro-component, image-lightbox, image-zoom, lightbox-gallery
• Language: Astro
• Homepage: https://codesandbox.io/p/github/jonasfroeller/astro.image.lightbox/main
• Size: 90.8 KB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 9
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Astro Light-Box

[![npm](https://badgen.net/badge/icon/npm?icon=npm&label)](https://www.npmjs.com)

[![total npm downloads](https://badgen.net/npm/dt/astro-light-box)](https://www.npmjs.com/package/astro-light-box)

[![latest npm release](https://img.shields.io/npm/v/astro-light-box)](https://www.npmjs.com/package/astro-light-box?activeTab=versions)

[![npm package license](https://badgen.net/npm/license/astro-light-box)](https://www.npmjs.com/package/astro-light-box)

## Folder Structure

```plaintext

├── .vscode/                    # VS Code settings folder

│   ├── settings.json           # Workspace settings

│   └── extensions.json         # Recommended extensions to install

├── example/                    # Preview Your component here

├── src/                        # Your component source code

│   ├── Component.astro         # Example component file

│   └── main.ts                 # Example source code file

├── test/                       # Your component tests

│   └── example.test.js         # Example tests

└── index.ts                    # Should contain all the exports your component provide to users

```

ESLint, Prettier and EditorConfig settings are respectively located in the following files: `.eslintrc.js`, `.prettierrc.js` and `.editorconfig` at the root of this template project.

## Commands

The following npm scripts are provided to lint and format your project:

| Command          | Action                                                        |

| :--------------- | :------------------------------------------------------------ |

| `npm run test`   | Run tests using Mocha                                         |

| `npm run format` | Format your project using Prettier, this edits files in-place |

| `npm run lint`   | Lint your project using ESLint                                |

| `npm run dev`    | Run dev inside example project                                |

In VS Code, you can access those commands in the Explorer in the `NPM Scripts` section.