Mengembalikan Icon Hijau HTTPS Pada Mozilla Firefox

Setelah sebelumnya saya membuat artikel tentang https, saya jadi menyadari kalau Mozilla Firefox sekarang akan menampilkan icon gembok berwarna abu-abu untuk laman https alih-alih gembok hijau1.

Menggunakan HTML Attribute Value di CSS

Normalnya, hubungan CSS dengan HTML sebatas CSS memberi style pada elemen HTML yang cocok dengan CSS selectors yang digunakan dan CSS tidak mengetahui isi dari HTML tersebut. Tetapi ada cara agar CSS bisa mengetahui data di HTML, bahkan menggunakannya di CSS, kita dapat menggunakan fungsi attr(). Benar attr() adalah fungsi yang dapat dijalankan di CSS, what a time to be alive.

Menggunakan TailwindCss di Hugo-Pipes

Hugo Pipes merupakan fitur dari hugo static site generator yang berfungsi untuk memroses aset seperti css dan javascript1. Hugo Pipes mendukung penggunaan postcss out of the box2. Karena tailwindcss sebenarnya merupakan plugin dari postcss, untuk menggunakan tailwindcss di Hugo Pipes kita dapat menggunakan postcss. Untuk dapat menggunakan postcss di Hugo Pipe, Hugo mengharuskan postcss-cli untuk terlebih dahulu terinstall di sistem.

Install PostCss CLI

npm install -g postcss-cli

Mendapatkan Client ID Dari User Laravel Passport

Ketika menyimpan data transaksional pada database terkadang kita perlu menyimpan juga data client yang digunakan user untuk menyimpan data. Laravel Passport sayangnya tidak menyertakan atribute client id pada Authenticated user. Untuk mendapatkan client id dari user dapat menggunakan cara berikut:

<?php

use Illuminate\Support\Facades\DB;
use Lcobucci\JWT\Parser as JwtParser;
use League\OAuth2\Server\ResourceServer;
use Symfony\Bridge\PsrHttpMessage\Factory\DiactorosFactory;

...


    $token_id  = with(new JwtParser)
        ->parse($request->bearerToken())
        ->getHeader('jti');
    $row = DB::table('oauth_access_tokens')
        ->select('client_id')
        ->where('id', $token_id)
        ->get()
        ->first();

    $client_id = $row->client_id;