fix: revert breaking change preventing use in non-kit projects (#97)

Author: ghostdevv

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>
-PUBLIC_CLOUDINARY_CLOUD_NAME="[Your Cloud Name]"
+VITE_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,7 +2,6 @@
 	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,
@@ -46,15 +45,14 @@
 	};
 
 	// Validation
-        const cloudName = env.PUBLIC_CLOUDINARY_CLOUD_NAME || import.meta.env.VITE_PUBLIC_CLOUDINARY_CLOUD_NAME;
-	checkCloudinaryCloudName(cloudName);
+	checkCloudinaryCloudName(import.meta.env.VITE_PUBLIC_CLOUDINARY_CLOUD_NAME);
 
 	// State
 	let isLoading = true;
 	const uploadOptions = {
-		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,
+		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,
 		...options
 	};
 

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

@@ -45,7 +45,6 @@
 	import { loadCloudinary } from '$lib/util.js';
 	import { checkCloudinaryCloudName } from '$lib/cloudinary.js';
 	import { onMount } from 'svelte';
-	import { env } from '$env/dynamic/public';
 
 	const idRef = Math.ceil(Math.random() * 100000);
 	type $$Props = CldVideoPlayerProps;
@@ -147,13 +146,11 @@
 			}
 
 			// Validation
-			const cloudName = env.PUBLIC_CLOUDINARY_CLOUD_NAME || import.meta.env.VITE_PUBLIC_CLOUDINARY_CLOUD_NAME;
-
-			checkCloudinaryCloudName(cloudName);
+			checkCloudinaryCloudName(import.meta.env.VITE_PUBLIC_CLOUDINARY_CLOUD_NAME);
 			
 			let playerOptions: CloudinaryVideoPlayerOptions = {
 				autoplayMode: autoPlay,
-				cloud_name: cloudName,
+				cloud_name: import.meta.env.VITE_PUBLIC_CLOUDINARY_CLOUD_NAME,
 				controls,
 				fontFace: fontFace || '',
 				loop,

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

@@ -1,7 +1,6 @@
 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,
@@ -23,8 +22,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(
@@ -33,16 +32,15 @@ export function getCldImageUrl(
   analytics?: AnalyticsOptions
 ) {
 
-  const cloudName = env.PUBLIC_CLOUDINARY_CLOUD_NAME || import.meta.env.VITE_PUBLIC_CLOUDINARY_CLOUD_NAME;
   // Validation
-  checkCloudinaryCloudName(cloudName);
+  checkCloudinaryCloudName(import.meta.env.VITE_PUBLIC_CLOUDINARY_CLOUD_NAME);
 
   return constructCloudinaryUrl({
     options,
     config: Object.assign(
       {
         cloud: {
-          cloudName: cloudName
+          cloudName: import.meta.env.VITE_PUBLIC_CLOUDINARY_CLOUD_NAME
         }
       },
       config