DEV Community: Wallace Maxters

Filament: Image Color Picker component

Wallace Maxters — Wed, 20 Nov 2024 20:32:12 +0000

Image Color Picker for Filament 3

This library contains a custom form field to pick color from a image.

Install

composer require wallacemaxters/filament-image-color-picker

Usage

Basic Input Usage example:

use WallaceMaxters\FilamentImageColorPicker\ImageColorPicker;

// 

return $form->schema([
    TextInput::make('image_url')->url()->live(),
    ImageColorPicker::make('color')
        ->columnSpanFull()
        ->image(fn ($get) => $get('image_url')),
]);

Use ImageColorPicker as Action:

 Forms\Components\ColorPicker::make('color')
    ->suffixAction(fn ($get) => 
        Forms\Components\Actions\Action::make('color-from-image')
            ->action(function ($set, array $data) {
                $set('color', $data['color']);
            })
            ->icon('heroicon-o-eye-dropper')
            ->form([
                ImageColorPicker::make('color')
                    ->format('hsl')
                    ->image(fn() => $get('image_url'))
            ])

    ),

Preview

Github Source

https://github.com/wallacemaxters/filament-image-color-picker/tree/master

Create a Laravel command to add your queue:work for a project as Systemd service in Linux

Wallace Maxters — Wed, 20 Nov 2024 20:19:49 +0000

In your Laravel Project, create the file stubs/queue.service.stub with follow content:

[Unit]
Description=Laravel Queue Work

[Service]
User=www-data
Group=www-data
Restart=always
WorkingDirectory={{ $dir }}
ExecStart=/usr/bin/php artisan queue:work --sleep=3 --tries=3

[Install]
WantedBy=multi-user.target

Now, in your routes/console.php add the follow code:

Artisan::command('app:install-queue-as-systemd', function () {
    $content = file_get_contents(base_path('stubs/queue.service.stub'));

    $content = strtr($content, ['{{ $dir }}' => base_path()]);

    file_put_contents('/etc/systemd/system/laravel-queue.service', $content);

    Process::run('systemctl daemon-reload');
    Process::run('systemctl enable laravel-queue.service');
    Process::run('systemctl start laravel-queue.service');
});

Run php artisan app:install-queue-as-systemd to generate, install and start your queue:work as systemd service!

Note: You should be use admin permission to run this command.

Function to mask numbers and strings in PHP

Wallace Maxters — Mon, 14 Nov 2022 22:05:01 +0000


function mask (string $placeholder, string $value, string $char = '#'): string 
{
    $template = strtr($placeholder, [$char => '%s']);

    return sprintf($template, ...str_split($value));
}

Explanation

The $template variable receives the value of strtr that replaces # to %s. The %s is a representation of string in sprint function.

For example, the string '(##) ####-####' will be replaced by '(%s%s) %s%s%s%s-%s%s%s%s'.

The str_split will transform the $value string in a array of characteres. In sprintf, the result of str_split call is applied as argument of sprint with ... Spread Operator.

Watch the video

How to get Open Graph Protocol information for a website with PHP?

Wallace Maxters — Tue, 25 Oct 2022 16:05:17 +0000

function get_og_tags($url)
{
    $dom = new DOMDocument('1.0', 'UTF-8');
    @$dom->loadHTMLFile($url);

    $result = [];

    foreach ($dom->getElementsByTagName('meta') as $node) {

        $prop = $node->getAttribute('property');

        if (substr($prop, 0, 3) !== 'og:') continue;

        $result[$prop] = $node->getAttribute('content');
    }

    return $result;
}


$ogs = get_og_tags('https://wallacemaxters.com.br');

print_r($ogs);

Simply way to write PHP output in Javascript console.log

Wallace Maxters — Sat, 27 Feb 2021 06:05:42 +0000

You can simply combine the printf and json_encode function to make this.

function console_log($data) {
    printf('<script>console.log(%s);</script>', json_encode($data));
}

console_log(['name' => 'Wallace Maxters']);

Output:

Protect user uploads with Laravel

Wallace Maxters — Sun, 14 Feb 2021 16:41:52 +0000

In the Laravel, you can protect your uploaded files access, restricting by authenticated user, with a simple code.

Move the uploaded file to local disk:

$path = $request->file('file')->store('photos', ['disk' => 'local']);
return Photo::create(['path' => $path]);

Route::get('photo/{id}', function (Photo $photo) {

    $disk = Storage::disk('local');

    return response($disk->get($photo->path), 200, [
        'content-type' => $disk->mimeType($photo->path)
    ]);

})->middleware('auth');

List files from directory with PHP

Wallace Maxters — Tue, 09 Feb 2021 15:15:40 +0000

In PHP, you can list a directory using the class RecursiveDirectoryIterator.

View the follow code:

$dir = __DIR__ . '/folder';

$directory_iterator = new RecursiveDirectoryIterator(
    $dir, 
    FilesystemIterator::SKIP_DOTS
);

$iterator = new RecursiveIteratorIterator($directory_iterator);

foreach ($iterator as $file) {
    echo $file, "\n";
}

If you need sort the file list, you can convert the directory iterator instance to array and use the ksort function.

View bellow:


$dir = __DIR__ . '/folder';

$iterator = new RecursiveIteratorIterator(
  new RecursiveDirectoryIterator(
      $dir, 
      FilesystemIterator::SKIP_DOTS
  )
);

$array = iterator_to_array($iterator);

ksort($array);

foreach ($array as $file) {
  echo $file, "\n";
}

Resolve 404 error on Vue Routes on the Apache

Wallace Maxters — Sun, 07 Feb 2021 18:31:46 +0000

After build of a VueJS application and config to run in Apache, is common return an 404 error when attempt access the routes.

This happens when the Vue Route uses the History Mode and the rewrite is not correctly configured.

Enable Apache 2 url rewrite and fix the 404 error in Vue

You need to configure your .htaccess file to rewrite all path urls to index.html.

Write a .htaccess at the Vue application root and paste the follow content:

<IfModule mod_rewrite.c>
  RewriteEngine On
  RewriteBase /
  RewriteRule ^index\.html$ - [L]
  RewriteCond %{REQUEST_FILENAME} !-f
  RewriteCond %{REQUEST_FILENAME} !-d
  RewriteRule . /index.html [L]
</IfModule>