first commit

Author: jannescb

.gitignore

@@ -0,0 +1,2 @@
+/node_modules
+/vendor

Readme.md

@@ -0,0 +1,22 @@
+# Litstack FileDownloads
+
+Install:
+```shell
+composer require litstack/file-downloads
+```
+
+Publish the migration and migrate:
+```shell
+php artisan vendor:publish --tag=lit-file-downloads
+php artisan migrate
+```
+
+
+Add the navigation item to your navigation:
+```php
+$nav->entry('File Downloads', [
+    'link' => route('lit.file-downloads'),
+    'icon' => '<i class="fas fa-download"></i>',
+]),
+```
+

composer.json

@@ -0,0 +1,38 @@
+{
+    "name": "litstack/file-downloads",
+    "license": "MIT",
+    "authors": [
+        {
+            "name": "jannescb",
+            "email": "[email protected]"
+        }
+    ],
+    "scripts": {
+        "test": "vendor/bin/phpunit"
+    },
+    "autoload": {
+        "psr-4": {
+            "Ignite\\FileDownloads\\": "src"
+        }
+    },
+    "require": {
+        "php": "^8.0"
+    },
+    "require-dev": {
+        "phpunit/phpunit": "^9.5",
+        "orchestra/testbench": "^6.19",
+        "mockery/mockery": "^1.4"
+    },
+    "extra": {
+        "laravel": {
+            "providers": [
+                "Ignite\\FileDownloads\\FileDownloadsServiceProvider"
+            ]
+        },
+        "branch-alias": {
+            "dev-main": "1.x-dev"
+        }
+    },
+    "minimum-stability": "dev",
+    "prefer-stable": true
+}

dist/index.js

@@ -0,0 +1,3 @@
+{
+    "/dist/index.js": "/dist/index.js"
+}

mix-manifest.json

@@ -0,0 +1,20 @@
+{
+    "name": "litstack-file-downloads",
+    "version": "1.0.0",
+    "description": "",
+    "main": "resources/js/index.js",
+    "scripts": {
+        "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
+        "development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
+        "watch": "npm run development -- --watch",
+        "dev": "npm run development",
+        "prod": "npm run production"
+    },
+    "author": "Jannes Behrens",
+    "license": "MIT",
+    "devDependencies": {
+        "cross-env": "^7.0.2",
+        "laravel-mix": "^5.0.9",
+        "vue-template-compiler": "^2.6.12"
+    }
+}

package.json

@@ -0,0 +1,40 @@
+<?php
+
+use Illuminate\Support\Facades\Schema;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Database\Migrations\Migration;
+
+class CreateFileDownloadsTable extends Migration
+{
+    /**
+     * Run the migrations.
+     *
+     * @return void
+     */
+    public function up()
+    {
+        Schema::create('file_downloads', function (Blueprint $table) {
+            $table->id();
+            $table->string('display_name')->nullable();
+            $table->string('group')->nullable();
+            $table->string('disk')->nullable();
+            $table->string('filepath')->nullable();
+            $table->string('filename')->nullable();
+            $table->string('mimetype')->nullable();
+            $table->unsignedBigInteger('size')->nullable();
+            $table->json('meta')->nullable();
+            $table->timestamps();
+            $table->unique(['disk', 'filepath']);
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     *
+     * @return void
+     */
+    public function down()
+    {
+        Schema::dropIfExists('files');
+    }
+}

publish/migrations/create_file-downloads_table.php

@@ -0,0 +1,99 @@
+<template>
+    <div class="w-100 pr-2 pl-2">
+        <div
+            v-cloak
+            @drop.prevent="addFile"
+            @dragover.prevent="active = true"
+            @dragleave.prevent="active = false"
+            class="file-download-dropzone mb-4"
+            :class="{'active': active}"
+        >
+            <div class="file-download-dropzone-icon">
+                <h2 >
+                    <template v-if="!busy">
+                        Drop Files here
+                    </template>
+                    <template v-if="busy">
+                        Uploading
+                    </template>
+                </h2>
+                <svg xmlns="http://www.w3.org/2000/svg" viewBox="-5 -5 24 24" width="24" fill="currentColor"><path d="M8 6.641l1.121-1.12a1 1 0 0 1 1.415 1.413L7.707 9.763a.997.997 0 0 1-1.414 0L3.464 6.934A1 1 0 1 1 4.88 5.52L6 6.641V1a1 1 0 1 1 2 0v5.641zM1 12h12a1 1 0 0 1 0 2H1a1 1 0 0 1 0-2z"></path></svg>
+            </div>
+        </div>
+        <div v-for="file in files" >
+            {{ file.filename }}
+        </div>
+    </div>
+</template>
+
+<script>
+import axios from "axios";
+
+
+
+export default {
+    name: 'Files',
+    props: {
+        files: {
+            type: Array,
+            default: null
+        }
+    },
+    data(){
+        return {
+            active: false,
+            busy: false
+          }
+    },
+    methods: {
+        async addFile(event){
+            this.active = false
+            let files = event.dataTransfer.files;
+            // let files = event.target.files;
+
+            
+            this.busy = true
+            for (const n in files) {
+                if (Object.hasOwnProperty.call(files, n)) {
+                    const file = files[n];
+                    await this.submit(file)
+                }
+            }
+            this.busy = false
+            window.location.reload
+        },
+        submit(file){
+            let formData = new FormData()
+            formData.append('file', file)
+            return axios.post('file-downloads', formData)
+        }
+    }
+};
+</script>
+<style>
+.file-download-dropzone{
+    position: relative;
+    width: 100%;
+    min-height: 150px;
+    outline: 5px dashed #9c9da5;
+    padding: 20px;
+    background: #ccd7e1;
+    border-radius: 10px;
+    padding-bottom: 30px;
+}
+.file-download-dropzone.active{
+    
+    background: #9c9da5;
+}
+.file-download-dropzone-icon{
+    width: 100%;
+    display: flex;
+    align-items: center;
+    flex-direction: column;
+    opacity: .5;
+}
+.file-download-dropzone-icon svg{
+    width: 80px;
+    height: 80px;
+}
+</style>

resources/js/Files.vue

@@ -0,0 +1,5 @@
+import Files from './Files.vue'
+
+window.Lit.booting((Vue) => {
+    Vue.component('Files', Files);
+});

resources/js/index.js

@@ -0,0 +1 @@
+{{-- <Files /> --}}

resources/views/files.blade.php

@@ -0,0 +1,17 @@
+<?php
+
+namespace Ignite\FileDownloads\Contracts;
+
+use Illuminate\Contracts\Filesystem\Filesystem;
+use Symfony\Component\HttpFoundation\File\UploadedFile;
+
+interface File
+{
+    public static function newFromUploadedFile(UploadedFile $file, array $attributes = []);
+
+    public function getDiskName();
+
+    public function getFilepath(): ?string;
+
+    public function storage(): Filesystem;
+}

src/Contracts/File.php

@@ -0,0 +1,27 @@
+<?php
+
+namespace Ignite\FileDownloads;
+
+use Ignite\FileDownloads\Traits\IsFile;
+use Illuminate\Database\Eloquent\Model;
+
+class FileDownload extends Model
+{
+    use IsFile;
+
+    // protected $fileAttachmentModel = self::class;
+
+    protected $fillable = [
+        'display_name', 'group', 'disk', 'filepath', 'filename', 'mimetype',
+        'size', 'meta',
+    ];
+
+    protected $casts = [
+        'size' => 'int',
+        'meta' => 'json',
+    ];
+
+    protected $attributes = [
+        'disk' => 'public',
+    ];
+}

src/FileDownload.php

@@ -0,0 +1,28 @@
+<?php
+
+namespace Ignite\FileDownloads;
+
+use Ignite\Page\Page;
+use Illuminate\Http\Request;
+
+class FileDownloadsController
+{
+    public function __invoke()
+    {
+        $page = new Page;
+        $page->component('files');
+
+        $page->bind([
+            'files' => FileDownload::all(),
+        ]);
+
+        return $page->title('File Downloads');
+    }
+
+    public function upload(Request $request)
+    {
+        $file = FileDownload::newFromUploadedFile($request->file)->save();
+
+        return $file;
+    }
+}

src/FileDownloadsController.php

@@ -0,0 +1,42 @@
+<?php
+
+namespace Ignite\FileDownloads;
+
+use Ignite\Foundation\Litstack;
+use Ignite\Support\Facades\Route as LitstackRoute;
+use Illuminate\Support\ServiceProvider;
+
+class FileDownloadsServiceProvider extends ServiceProvider
+{
+    /**
+     * Register application services.
+     *
+     * @return void
+     */
+    public function register()
+    {
+        //
+    }
+
+    /**
+     * Boot application services.
+     *
+     * @return void
+     */
+    public function boot()
+    {
+        $this->loadViewsFrom(__DIR__.'/../resources/views', 'lit-files');
+
+        $this->callAfterResolving('lit', function (Litstack $lit) {
+            $lit->script(__DIR__.'/../dist/index.js');
+        });
+
+        LitstackRoute::post('/file-downloads', FileDownloadsController::class.'@upload')
+            ->name('lit-file-upload');
+        LitstackRoute::get('/file-downloads', FileDownloadsController::class)->name('file-downloads');
+
+        $this->publishes([
+            __DIR__.'/../publish/migrations/create_file-downloads_table.php' => database_path('migrations/'.now()->format('Y_m_d_hms').'_create_file-downloads_table.php'),
+        ], 'lit-file-downloads');
+    }
+}