fix(one-click-service): Use JSON Object key slugs instead of service/database name

Author: kitlord

app/Livewire/Project/New/Select.php

@@ -115,6 +115,7 @@ public function loadServices()
             $local_logo_path = public_path($logo);
 
             return [
+                'id' => (string) $key,
                 'name' => str($key)->headline(),
                 'logo' => asset($logo),
                 'logo_github_url' => file_exists($local_logo_path)
@@ -325,7 +326,10 @@ private function formatLastModified(string $path): ?string
 
     public function setType(string $type)
     {
-        $type = str($type)->lower()->slug()->value();
+        $type = str($type)->trim()->value();
+        if (! str($type)->startsWith('one-click-service-')) {
+            $type = str($type)->lower()->slug()->value();
+        }
         if ($this->loading) {
             return;
         }

app/Livewire/Project/Resource/Create.php

@@ -97,8 +97,8 @@ public function mount()
                     $service->save();
                     if ($oneClickDotEnvs?->count() > 0) {
                         $oneClickDotEnvs->each(function ($value) use ($service) {
-                            $key = str()->before($value, '=');
-                            $value = str(str()->after($value, '='));
+                            $key = str($value)->before('=');
+                            $value = str(str($value)->after('='));
                             if ($value) {
                                 EnvironmentVariable::create([
                                     'key' => $key,

bootstrap/helpers/constants.php

@@ -73,6 +73,7 @@
     'timescaledb',  // Matches timescale/timescaledb
     'timescaledb-ha',  // Matches timescale/timescaledb-ha
     'pgvector/pgvector',
+    'denokv',  // Matches ghcr.io/denoland/denokv
 ];
 const SPECIFIC_SERVICES = [
     'quay.io/minio/minio',

resources/views/livewire/project/new/select.blade.php

@@ -154,7 +154,7 @@ class="text-xs text-neutral-500 dark:text-neutral-400">
 
                     <div class="grid justify-start grid-cols-1 gap-4 text-left xl:grid-cols-3">
                         <template x-for="service in filteredServices" :key="service.name">
-                            <div class="relative" x-on:click="setType('one-click-service-' + service.name)"
+                            <div class="relative" x-on:click="setType('one-click-service-' + service.id)"
                                 :class="{ 'cursor-pointer': !selecting, 'cursor-not-allowed opacity-50': selecting }">
                                 <x-resource-view>
                                     <x-slot:title>