ajaxray

Uploading large files in Laravel (Chunked upload)

This is a demonstration of chunked upload in Laravel and Alpine JS. We are using the following additional liobraries for this demo:

• [https://github.com/pionl/laravel-chunk-upload](Laravel Chunked Upload)
• https://github.com/23/resumable.js(Resumable.js)

How it works

ajaxray

Upload files to object storage / CDN directly from the Frontend

This is a demonstration of uploading files to S3 compliant storage. This implementation is using Laravel (backend) and AlpineJS (frontend).

How it works

1. User selects a file on frontend
2. Javascript makes a request to the backend for getting a TemporaryUploadUrl.
3. On receiving the signed, temporary URL, Javascript pushes the file to S3 directly from front-end.

ajaxray

<?php

namespace App\Services;

use Illuminate\Support\Collection;
use Spatie\MediaLibrary\HasMedia;
use Spatie\MediaLibrary\MediaCollections\Models\Media;

class MediaPropertyService
{

ajaxray

<?php

namespace App\Services;

class ZipDirectory
{
    public function __construct(
        private string $sourcePath,
        private ?string $outputPath = null,
    )

ajaxray

CREATE DATABASE `dokan`;
USE `dokan`;

CREATE TABLE customers (
	id INT UNSIGNED AUTO_INCREMENT PRIMARY KEY,
	name VARCHAR(100) NOT NULL,
	email VARCHAR(100),
	phone CHAR(15),
	PASSWORD CHAR(32),
	created_at DATETIME DEFAULT CURRENT_TIMESTAMP

ajaxray

version: '3.7'
services:
  db_course_mysql:
    image: mysql:8.2
    command: --default-authentication-plugin=mysql_native_password
    environment:
      MYSQL_ROOT_PASSWORD: 123123
    ports:
      - 3309:3306
    volumes:

ajaxray

<?php

namespace App\Console\Commands;

use App\Models\User;
use Illuminate\Console\Command;
use Illuminate\Support\Facades\Validator;

class CreateUser extends Command
{

ajaxray

Showing multiline code or JSON in the middle column of slatedocs/slate API Documentation

Slate comes with 3 built in aside class (i.e. notice, warning and success) for showing blocked notes.

Let's a new aside class pre, that will show preformatted code in the middle column.

At the end of source/stylesheets/screen.css.scss, add the following lines:

// Style an aside like  to show code in middle column

ajaxray

Making Notion style callout in Typora using custom CSS

Do you want this type of callouts in typora?

It's simple.

• Copy the contents of callout.css at the bottom of your user base.user.css file.
  • You'll the find the base.user.css in typora theme folder. (Preference > Appearance > "Open theme folder")
• If no base.user.css file is found in that folder, create one.

ajaxray

#bp-filters-navbar .nav-item[filter-type="simple"]:not(.active) a:before {
    content: '️️️⬜️ '
}
#bp-filters-navbar .nav-item[filter-type="simple"].active a:before {
    content: '️️️✅️ '
}