add components

Author: joshmanders

src/CloudinaryServiceProvider.php

@@ -38,6 +38,8 @@ public function boot(): void
             return new FilesystemAdapter(new Filesystem($adapter, $config), $adapter, $config);
         });
 
+        $this->loadViewsFrom(__DIR__.'/../views', 'cloudinary');
+
         $this->publishes([
             __DIR__.'/../config/cloudinary.php' => config_path('cloudinary.php'),
         ], 'cloudinary-config');

views/components/button.blade.php

@@ -0,0 +1,50 @@
+<script src="https://widget.cloudinary.com/v2.0/global/all.js" type="text/javascript"></script>
+<script type="text/javascript">
+  var cloudName = @json(Str::after(config('cloudinary.cloud_url'), '@'));
+  var uploadPreset = @json(config('cloudinary.upload_preset'));
+  var uploadRoute = @json(config('cloudinary.upload_route'));
+
+  function openWidget() {
+    window.cloudinary.openUploadWidget({
+        cloud_name: cloudName,
+        upload_preset: uploadPreset
+      },
+      (error, result) => {
+        if (!error && result && result.event === "success") {
+          console.log('Done uploading..');
+          localStorage.setItem("cloud_image_url", result.info.url);
+          try {
+            if (uploadRoute) {
+              fetch(uploadRoute, {
+                  method: 'POST',
+                  headers: {
+                    'Content-Type': 'application/json',
+                    'X-CSRF-TOKEN': '{{ csrf_token() }}'
+                  },
+                  body: JSON.stringify({
+                    cloud_image_url: result.info.url
+                  })
+                })
+                .then(response => response.json())
+                .then(data => {
+                  console.log(data);
+                })
+                .catch(error => {
+                  console.error('Error:', error);
+                });
+            }
+          } catch (e) {
+            console.error(e);
+          }
+        }
+      }).open();
+  }
+</script>
+
+<button
+  type="button"
+  onclick="openWidget()"
+  {{ $attributes }}
+>
+  {{ $slot }}
+</button>