A react tag input field component using shadcn, like one you see when adding keywords to a video on YouTube. Usable with Form
or standalone.
--- | |
import type { ImageMetadata, ImageTransform } from "astro"; | |
import { getImage } from "astro:assets"; | |
import LoadableImage from "./LoadableImage.astro"; | |
type Props = { | |
src: ImageMetadata; | |
alt: string; | |
/** | |
* Array of screens to generate the image for i.e [320, 480, 1200] |
⚠️ Need a more specific guide? See https://medium.com/@murdercode/speed-up-your-laravel-application-up-to-1000x-with-fastcgi-cache-0135b11407e5
Using FastCGI cache allows you to speed up your website up to 1000x. In fact, the FastCGI cache (or Varnish) mechanism consists of putting a server-caching mechanism between a client and your web server. The whole page will be cached as an HTML output, and it will be delivered instead of using the PHP/MySQL/Redis stack, etc. for all users, but only for the first visit (and others after some specified time).
WARNING: This is not a take-away how-to. Please read it carefully and use it at your own risk.
This config is based on the ploi.io stack. We will not cover the FastCGI installation process, so please prepare FastCGI and adapt the next config if you need it.
{ | |
"preset": "per", | |
"rules": { | |
"align_multiline_comment": true, | |
"array_indentation": true, | |
"array_syntax": true, | |
"blank_line_after_namespace": true, | |
"blank_line_after_opening_tag": true, | |
"combine_consecutive_issets": true, | |
"combine_consecutive_unsets": true, |
version: '3' | |
networks: | |
laravel: | |
services: | |
nginx: | |
build: | |
context: ./docker | |
dockerfile: nginx.dockerfile |
APP_KEY= | |
APP_ENV=local | |
APP_DEBUG=true | |
APP_URL=http://127.0.0.1:8000 | |
DB_CONNECTION=mysql | |
DB_HOST=127.0.0.1 | |
DB_PORT=3306 | |
DB_DATABASE=laravel | |
DB_USERNAME=root |
<?php | |
namespace App\Http\Livewire; | |
use App\Models\Tag; | |
use App\Models\User; | |
use Illuminate\Database\Eloquent\Builder; | |
use Rappasoft\LaravelLivewireTables\DataTableComponent; | |
use Rappasoft\LaravelLivewireTables\Views\Columns\BooleanColumn; | |
use Rappasoft\LaravelLivewireTables\Views\Column; |
name: CI/CD workflow | |
on: | |
push: | |
branches: | |
- main | |
pull_request: | |
branches: | |
- main | |
jobs: | |
testing: |
Online music/voice separator based on neural nets (using best models, including some from Sound Demixing Challenge) https://mvsep.com/
Quality of algorithms comparison https://mvsep.com/en/quality
Details of algorithms https://mvsep.com/en/algorithms
GUI for popular Vocal Remover models that uses Deep Neural Networks.
import { useRef } from 'react'; | |
const safeDocument: Document = document; | |
/** | |
* Usage: | |
* const [blockScroll, allowScroll] = useScrollBlock(); | |
*/ | |
export const useScrollBlock = (): [() => void, () => void] => { | |
const scrollBlocked = useRef(false); |