Download the PHP package artflow-studio/snippets without Composer

On this page you can find all versions of the php package artflow-studio/snippets. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.

FAQ

After the download, you have to make one include require_once('vendor/autoload.php');. After that you have to import the classes with use statements.

Example:
If you use only one package a project is not needed. But if you use more then one package, without a project it is not possible to import the classes with use statements.

In general, it is recommended to use always a project to download your libraries. In an application normally there is more than one library needed.
Some PHP packages are not free to download and because of that hosted in private repositories. In this case some credentials are needed to access such packages. Please use the auth.json textarea to insert credentials, if a package is coming from a private repository. You can look here for more information.

  • Some hosting areas are not accessible by a terminal or SSH. Then it is not possible to use Composer.
  • To use Composer is sometimes complicated. Especially for beginners.
  • Composer needs much resources. Sometimes they are not available on a simple webspace.
  • If you are using private repositories you don't need to share your credentials. You can set up everything on our site and then you provide a simple download link to your team member.
  • Simplify your Composer build process. Use our own command line tool to download the vendor folder as binary. This makes your build process faster and you don't need to expose your credentials for private repositories.
Please rate this library. Is it a good library?

Example code of artflow-studio/snippets

Informations about the package snippets

🚀 AF Web Snippets

A powerful collection of Laravel web snippets to supercharge your development workflow

![PHP Version](https://img.shields.io/badge/php-%3E%3D8.2-777BB4?style=flat-square&logo=php) ![Laravel Version](https://img.shields.io/badge/laravel-%3E%3D12.0-FF2D20?style=flat-square&logo=laravel) ![Livewire](https://img.shields.io/badge/livewire-3.6+-4E56A6?style=flat-square&logo=livewire) ![License](https://img.shields.io/badge/license-MIT-green?style=flat-square) ![Version](https://img.shields.io/badge/version-2.0.0-orange?style=flat-square)

📋 Table of Contents

✨ Features

⭐ NEW - AFdropdown Component

Core Features

🔧 Installation

Install the package via Composer:

Publish package assets (optional):

🚀 Quick Start

AFdropdown (NEW)

Handle selection:

📚 Components

AFdropdown - Advanced Searchable Dropdown ⭐ MAIN

Modern Livewire 3.6+ component with enterprise-grade features

Key Features

✅ Real-time filtering with debouncing
✅ 4 search modes (basic, contains, advanced, exact)
✅ Multi-column searching
✅ Result caching for performance
✅ Keyboard navigation support
✅ Custom formatters & queries
✅ Full accessibility (ARIA)
✅ Comprehensive error handling

Basic Usage

Advanced Usage

Search Modes

Mode Description Example
basic Single column LIKE search john → finds "john", "johnny"
contains Multi-column OR search john → searches all columns
advanced Word-by-word matching john doe → both words needed
exact Exact match only [email protected] → exact match

Event Handling

Keyboard Navigation

Key Action
↓ Next result
↑ Previous result
↩ Select highlighted
Esc Close dropdown

📖 Full Documentation

Complete guides with detailed examples:

Dynamic Dropdown (Legacy)

Basic searchable dropdown component. For new projects, use AFdropdown instead.

Unique ID Generator

Generate unique identifiers for your models:

Data Formatters

Format phone numbers and CNIC:

🎯 AFdropdown Quick Guide

Installation & Setup

  1. Component loads in Livewire:

  2. Add to your Livewire component:

  3. Use in blade:

Common Configurations

Basic Customer Search:

Multi-Field Search:

With Caching:

Custom Format:

Performance Tips

📖 Detailed Documentation

AFdropdown Complete Guides

AFdropdown-GUIDE.md - 300+ Lines

Comprehensive reference covering:

EXAMPLES.md - Copy-Paste Ready

Production-ready examples:

🔍 Examples

Example 1: Basic Customer Selection

Example 2: Multi-Column Product Search

Example 3: Advanced Location Search

📋 Troubleshooting

No Results Showing?

  1. Check minSearchLength setting
  2. Verify model and column names exist
  3. Test query in Tinker: php artisan tinker
  4. Check that model has data

Slow Performance?

  1. Enable caching: 'enableCache' => true
  2. Add database indexes
  3. Use queryCallback to filter early
  4. Reduce resultLimit

Keyboard Navigation Not Working?

  1. Click input to focus first
  2. Check browser console (F12) for errors
  3. Verify Alpine.js is loaded
  4. Try in different browser

📄 License

MIT License - See LICENSE file for details

👥 Contributors

Built with ❤️ for the Laravel & Livewire community

📞 Support

For issues and questions:

  1. Check AFdropdown-GUIDE.md for detailed documentation
  2. Review EXAMPLES.md for code samples
  3. See troubleshooting sections
  4. Check error logs

Latest Version: 2.0.0
Livewire: 3.6+
Laravel: 12+
PHP: 8.2+

Service Provider Registration

The package uses Laravel's auto-discovery feature. If you're using Laravel 5.5+, the service provider will be automatically registered.

Publish Assets (Optional)

🚀 Quick Start

Add the following line at the end of your <body> tag in your Blade layout:

That's it! You're ready to use AF Web Snippets in your Laravel application.

📚 Components

🎯 Dynamic Dropdown (AFDropdown)

A powerful Livewire component for searchable dropdowns with real-time filtering, minimum search length, and elegant UI.

Basic Usage

Advanced Configuration

AFDropdown Event System

AFDropdown is a fully event-driven component. When a user selects an item, it dispatches events that parent components can listen to and react upon.

Event Flow Diagram
Event Data Structure

When AFDropdown emits the afdropdown-selected event, it sends the following data:

Listening to Events with #[On] Attribute (Recommended)
Listening to Multiple Dropdowns

Use the model class to differentiate between different dropdown selections:

Listening for Clear Events

AFDropdown also emits a afdropdown-cleared event when the user clears the search:

Listening to Selection Events in Livewire Components

The AFDropdown component emits the afdropdown-selected event when a user selects an item. Parent Livewire components can listen to this event:

Or using the traditional getListeners() method:

Using AFDropdown in Blade Templates

Use the @livewire directive to mount the component:

AFDropdown Configuration Options

Option Type Default Description
model string required Full namespace to Eloquent model class
column string required Database column to search and display
classes string 'form-control' CSS classes for input styling
placeholder string 'Search...' Input placeholder text
minSearchLength int 3 Minimum characters before showing results
resultLimit int 8 Maximum number of results to display
displayFormat string 'label' Format for displaying results
additionalColumns array [] Additional columns to show in results

Advanced: Custom Search Filtering

To customize the search query (e.g., filter by branch, status, etc.), extend the component:

Then register it in your service provider:

Example: Customer Selection in Invoices

🔍 Distinct Select (AFDistinctSelect)

A specialized component for preventing spelling mistakes by showing existing values from the database. Perfect for fields like cities, countries, or categories where you want consistent data entry.

Basic Usage

Advanced Configuration

Handling Updates in Parent Component

AFDistinctSelect Features

Configuration Options

Option Type Default Description
model string required Eloquent model class
column string required Database column to search and display
value string '' Current field value
wireModel string column name Livewire property to bind
classes string 'form-control' CSS classes for input
placeholder string 'Select or type...' Input placeholder text
minSearchLength int 1 Minimum characters before search
maxResults int 10 Maximum results to show

AFDropdown Features

AFDropdown Configuration Options

Option Type Default Description
model string required Eloquent model class
column string required Database column to search and display
classes string 'form-control' CSS classes for input
placeholder string 'Search...' Input placeholder text
min-search-length int 3 Minimum characters before search

🆔 Unique ID Generator

Generate unique identifiers for your models with multiple strategies and collision detection.

Basic Usage

Advanced Usage

ID Generation Methods

  1. unique6digitID() - Generates 6-digit numeric IDs (100000-999999)
  2. generateUniqueBase36ID() - Generates Base36 IDs with timestamp encoding
  3. generateUniqueID($model, $column) - Generates unique IDs with collision checking

📱 Data Formatters

Format common data types for Pakistani users with intelligent detection and formatting.

Pakistani Phone Number Formatter

Pakistani CNIC Formatter

Usage in Models

🎨 Customization

Styling AFDropdown

🔍 Examples

Dropdown with Event Handling

🛠️ Requirements

🤝 Contributing

We welcome contributions! Please feel free to submit a Pull Request. For major changes, please open an issue first to discuss what you would like to change.

  1. Fork the repository
  2. Create your feature branch (git checkout -b feature/AmazingFeature)
  3. Commit your changes (git commit -m 'Add some AmazingFeature')
  4. Push to the branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

📄 License

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

👥 Authors

🙏 Acknowledgments

Made with ❤️ for the Laravel community

⭐ Star us on GitHub | 🐛 Report Bug | 💡 Request Feature

All versions of snippets with dependencies

PHP Build Version
Package Version
Requires php Version ^8.0
laravel/framework Version *
Composer command for our command line client (download client) This client runs in each environment. You don't need a specific PHP version etc. The first 20 API calls are free. Standard composer command

The package artflow-studio/snippets contains the following files

Loading the files please wait ...