Cloudinary for laravel

Comment

0

function getCloudinaryUrl($publicId, $extension = "webp")
{
    $cloudName = env('CLOUDINARY_CLOUD_NAME');
    return $publicId ? "https://res.cloudinary.com/{$cloudName}/image/upload/{$publicId}" : null;
}

function getCloudinaryUrlViaStorage($publicId, $extension = "webp")
{
    $publicId ? Storage::disk('cloudinary')->url($publicId) : null;
}

    'cloudinary' => [
            'driver' => 'cloudinary',
            'cloud_name' => env('CLOUDINARY_CLOUD_NAME'),
            'api_key' => env('CLOUDINARY_API_KEY'),
            'api_secret' => env('CLOUDINARY_API_SECRET'),
            'secure' => true,
            // 'visibility' => 'private',
            // 'options' => [
            //     'url' => env('CLOUDINARY_URL'),
            // ],
        ],

 Tables\Columns\ImageColumn::make('url')
                    ->state(fn(Model $record) => url(getCloudinaryUrl($record->url)))
                    ->disk('cloudinary')
                    ->height(300),

   Forms\Components\FileUpload::make('url')
                    ->label('Hotel Images')
                    ->required()
                    ->image()
                    ->imageEditor()
                    ->minSize(100)
                    ->maxSize(2048)
                    ->panelLayout('grid')
                    ->optimize('webp')
                    ->disk('cloudinary')->visibility('private')
                    ->directory('background')
                    ->columnSpanFull(),

Popularity 1/10 Helpfulness 1/10 Language php

Source: Grepper

Tags: cloudinary laravel php

Share

Link to this answer
Share Copy Link

Contributed on Mar 19 2025

Wrong Wryneck

0 Answers Avg Quality 2/10

cloudinary laravel

Comment

-1

composer require cloudinary-labs/cloudinary-laravel
php artisan vendor:publish --provider="CloudinaryLabs\CloudinaryLaravel\CloudinaryServiceProvider" --tag="cloudinary-laravel-config"
 #Open your .env file and add your API Environment variable, upload_preset (this is optional, until you need to use the widget) like so:
//CLOUDINARY_URL=xxxxxxxxxxxxx
//CLOUDINARY_UPLOAD_PRESET=xxxxxxxxxxxxx
//CLOUDINARY_NOTIFICATION_URL=

Popularity 10/10 Helpfulness 5/10 Language php

Source: github.com

Tags: cloudinary c

Share

Link to this answer
Share Copy Link

Contributed on Feb 08 2021

Bug Killer

0 Answers Avg Quality 2/10

append fetched favicon to existing object for citations - useCitation.tsx

Comment

0

interface Citation {
  source: string;
  url: string;
  favicon?: string;
}

interface TextBlock {
  id: string;
  title: string;
  content: string;
  citations: Record<string, Citation | any>;
}

export function useCitations() {
  const [textBlocks, setTextBlocks] = useState<TextBlock[]>([]);
  const [loading, setLoading] = useState(true);

  useEffect(() => {
    import("@/lib/citations.json").then((data) => {
      const texts: TextBlock[] = data.default.texts;

      const fetchFavicons = async () => {
        const updatedTexts: TextBlock[] = texts.map((text) => {
          const updatedCitations = { ...text.citations };
          Object.keys(updatedCitations).forEach((id) => {
            const baseUrl = new URL(updatedCitations[id].url).origin;
            updatedCitations[id].favicon = `https://www.google.com/s2/favicons?domain=${baseUrl}`;
          });
          return { ...text, citations: updatedCitations };
        });

        setTextBlocks(updatedTexts);
        setLoading(false);
      };

      fetchFavicons();
    });
  }, []);

  const processTextContent = (text: string, citations: Record<string, Citation>) => {
    return text.split(/(\w+\{\d+\})/g).map((part, index) => {
      const match = part.match(/(\w+)\{(\d+)\}/); // Match "word{1}"
  
      if (match) {
        const [fullMatch, word, id] = match;
        const citation = citations[id];
  
        if (!citation) return fullMatch; // If no citation found, return original text
  
        return (
          <Tooltip key={index}>
            <TooltipTrigger asChild>
              <span className="border-b border-dashed border-blue-500 cursor-pointer">
                {word}
              </span>
            </TooltipTrigger>
            <TooltipContent className="w-[200px] p-3 bg-white shadow-md border rounded-lg">
              <p>This is the source of the information I obtained.</p>
              <div className="flex items-center gap-2">
                {citation.favicon && (
                  <img src={citation.favicon} alt="Favicon" className="w-4 h-4" />
                )}
                <a href={citation.url} target="_blank" rel="noopener noreferrer" className="text-blue-500 underline">
                  {citation.source}
                </a>
              </div>
            </TooltipContent>
          </Tooltip>
        );
      }
  
      return part; // Return unchanged parts of the text
    });
  };

  return { textBlocks, loading, processTextContent };
}

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: append citations favicon javascript object

Share

Link to this answer
Share Copy Link

Contributed on Mar 13 2025

Doyin Atobaru

0 Answers Avg Quality 2/10

Cloudinary for laravel

Contents

More Related Answers