Asset Showcase

Asset Showcase is a Dart package that generates an HTML showcase for assets present in a specified directory. It provides a convenient way to visualize and interact with your assets in a web browser.

Features

• Generates an HTML showcase for assets in a specified directory.
• Supports sorting assets by name or size.
• Supports filtering assets based on file extensions.
• Includes a search bar for quickly finding assets.
• Provides a responsive and interactive user interface.
• Easy to customize and integrate into your projects.

Screenshots

Installation

To use Asset Showcase in your Dart project, add it as a dev dependency in your pubspec.yaml file:

dev_dependencies:
  asset_showcase: ^1.0.4

Then, run dart pub get or flutter pub get to install the package.

Usage

Once installed, you can use Asset Showcase to generate an HTML showcase for your assets. Just run it like any Dart package:

dart run asset_showcase

This will generate a showcase HTML file named showcase.html in the root directory of your project, showcasing assets from the assets directory.

Command-line Options

Asset Showcase supports the following command-line options:

• --assets: Specifies the directory containing assets. Defaults to 'assets'.
• --output: Specifies the output HTML file path. Defaults to 'showcase.html'.

You can pass these options when running the Dart script, like so:

dart run asset_showcase --assets=path/to/assets --output=path/to/output.html

Acknowledgments

Certain parts of the code present in this repository are written using generative AI. I wish to share the prompts that served as a journey to creating this package.

https://chat.openai.com/share/699a3978-6933-475d-a1d3-5c1a72f99e60

Contributing

Contributions are welcome! If you encounter any issues or have suggestions for improvements, please feel free to open an issue or submit a pull request on GitHub.

License

This project is licensed under the MIT License. See the LICENSE file for details.