fix: use the dynamic env sveltekit to load the public env variables (#82)

# Description

Use the dynamic module to load the public env variables

## Issue Ticket Number

Fixes #81

<!-- Specify above which issue this fixes by referencing the issue
number (`#<ISSUE_NUMBER>`) or issue URL. -->
<!-- Example: Fixes
https://github.com/cloudinary-community/svelte-cloudinary/issues/<ISSUE_NUMBER>
-->

## Type of change

<!-- Please select all options that are applicable. -->

- [ ] Bug fix (non-breaking change which fixes an issue)
- [ ] New feature (non-breaking change which adds functionality)
- [ ] Breaking change (fix or feature that would cause existing
functionality to not work as expected)
- [ ] Fix or improve the documentation
- [ ] This change requires a documentation update


# Checklist

<!-- These must all be followed and checked. -->

- [ ] I have followed the contributing guidelines of this project as
mentioned in [CONTRIBUTING.md](/CONTRIBUTING.md)
- [ ] I have created an
[issue](https://github.com/cloudinary-community/svelte-cloudinary/issues)
ticket for this PR
- [ ] I have checked to ensure there aren't other open [Pull
Requests](https://github.com/cloudinary-community/svelte-cloudinary/pulls)
for the same update/change?
- [ ] I have performed a self-review of my own code
- [ ] I have run tests locally to ensure they all pass
- [ ] I have commented my code, particularly in hard-to-understand areas
- [ ] I have made corresponding changes needed to the documentation

Author: matiasfha

docs/src/docs/installation.md

@@ -34,7 +34,7 @@ To install Svelte Cloudinary, you can use your favorite package manager includin
 Next, you need to setup the environment variable. Insert the following variable into your `.env.local` or `.env` file:
 
 <Code>
-VITE_PUBLIC_CLOUDINARY_CLOUD_NAME="[Your Cloud Name]"
+PUBLIC_CLOUDINARY_CLOUD_NAME="[Your Cloud Name]"
 </Code>
 
 <Callout>Don't have a Cloudinary account? <a href="https://cloudinary.com/users/register_free?utm_campaign=devx_sveltecloudinary&utm_medium=referral&utm_source=sveltecloudinary">Sign up for free</a> on cloudinary.com!</Callout>

svelte-cloudinary/src/lib/components/CldUploadWidget.svelte

@@ -2,6 +2,7 @@
 	import { onMount } from 'svelte';
 	import { triggerOnIdle, loadCloudinary } from '$lib/util.js';
 	import { checkCloudinaryCloudName } from '$lib/cloudinary.js';
+	import { env } from '$env/dynamic/public';
 	import type {
 		CldUploadWidgetProps,
 		CldUploadWidgetInstanceMethods,
@@ -45,14 +46,15 @@
 	};
 
 	// Validation
-	checkCloudinaryCloudName(import.meta.env.VITE_PUBLIC_CLOUDINARY_CLOUD_NAME);
+        const cloudName = env.PUBLIC_CLOUDINARY_CLOUD_NAME || import.meta.env.VITE_PUBLIC_CLOUDINARY_CLOUD_NAME;
+	checkCloudinaryCloudName(cloudName);
 
 	// State
 	let isLoading = true;
 	const uploadOptions = {
-		cloudName: import.meta.env.VITE_PUBLIC_CLOUDINARY_CLOUD_NAME,
-		uploadPreset: uploadPreset || import.meta.env.PUBLIC_CLOUDINARY_UPLOAD_PRESET,
-		apiKey: import.meta.env.VITE_PUBLIC_CLOUDINARY_API_KEY,
+		cloudName,
+		uploadPreset: uploadPreset || env.PUBLIC_CLOUDINARY_UPLOAD_PRESET || import.meta.env.PUBLIC_CLOUDINARY_UPLOAD_PRESET,
+		apiKey: env.PUBLIC_CLOUDINARY_API_KEY || import.meta.env.VITE_PUBLIC_CLOUDINARY_API_KEY,
 		...options
 	};
 

svelte-cloudinary/src/lib/helpers/getCldImageUrl.ts

@@ -1,6 +1,7 @@
 import { constructCloudinaryUrl } from '@cloudinary-util/url-loader';
 import { checkCloudinaryCloudName } from '../cloudinary.js';
 import type { ImageOptions, ConfigOptions, AnalyticsOptions } from '@cloudinary-util/url-loader';
+	import { env } from '$env/dynamic/public';
 
 import {
   SVELTE_CLOUDINARY_ANALYTICS_ID,
@@ -22,8 +23,8 @@ export interface GetCldImageUrl {
 }
 
 /**
- * Generates the Cloudinary url for the assets  
- * based on the configuration passed to the function  
+ * Generates the Cloudinary url for the assets
+ * based on the configuration passed to the function
  * @returns string
 */
 export function getCldImageUrl(
@@ -32,15 +33,16 @@ export function getCldImageUrl(
   analytics?: AnalyticsOptions
 ) {
 
+  const cloudName = env.PUBLIC_CLOUDINARY_CLOUD_NAME || import.meta.env.VITE_PUBLIC_CLOUDINARY_CLOUD_NAME;
   // Validation
-  checkCloudinaryCloudName(import.meta.env.VITE_PUBLIC_CLOUDINARY_CLOUD_NAME);
+  checkCloudinaryCloudName(cloudName);
 
   return constructCloudinaryUrl({
     options,
     config: Object.assign(
       {
         cloud: {
-          cloudName: import.meta.env.VITE_PUBLIC_CLOUDINARY_CLOUD_NAME
+          cloudName: cloudName
         }
       },
       config