{item.image && (
-
diff --git a/lib/openinary-loader.ts b/lib/openinary-loader.ts
new file mode 100644
index 0000000..b00443f
--- /dev/null
+++ b/lib/openinary-loader.ts
@@ -0,0 +1,39 @@
+'use client'
+
+export default function openinaryLoader({ src, width, quality }: { src: string, width: number, quality?: number }) {
+ // Handle already absolute openinary URLs
+ let path = src;
+ if (src.startsWith('https://media.ayris.tech/t/')) {
+ // format: https://media.ayris.tech/t/w_800,h_800/kiteqr/img.jpg
+ const parts = src.split('/');
+ path = parts.slice(5).join('/');
+ } else if (src.startsWith('https://media.ayris.tech/upload/')) {
+ // format: https://media.ayris.tech/upload/kiteqr/img.jpg
+ const parts = src.split('/');
+ path = parts.slice(4).join('/');
+ } else if (src.includes('res.cloudinary.com')) {
+ // Correctly apply width & quality for unmigrated Cloudinary URLs
+ // e.g. https://res.cloudinary.com/domain/image/upload/v1234/path.jpg
+ // becomes: https://res.cloudinary.com/domain/image/upload/w_800,f_webp,q_75/v1234/path.jpg
+ const parts = src.split('/upload/');
+ if (parts.length === 2) {
+ return `${parts[0]}/upload/w_${width},f_webp,q_${quality || 75}/${parts[1]}`;
+ }
+ return src;
+ } else if (src.startsWith('http')) {
+ // For other external URLs, we append the width as a query parameter to satisfy Next.js.
+ const url = new URL(src);
+ url.searchParams.set('w', width.toString());
+ if (quality) {
+ url.searchParams.set('q', quality.toString());
+ }
+ return url.toString();
+ }
+
+ // Clean up any leading slash
+ if (path.startsWith('/')) {
+ path = path.substring(1);
+ }
+
+ return `https://media.ayris.tech/t/w_${width},f_webp,q_${quality || 75}/${path}`
+}
diff --git a/lib/openinary-url.ts b/lib/openinary-url.ts
new file mode 100644
index 0000000..d8eb533
--- /dev/null
+++ b/lib/openinary-url.ts
@@ -0,0 +1,5 @@
+const BASE = process.env.NEXT_PUBLIC_OPENINARY_URL;
+
+export function optimizedImage(path: string, params: string) {
+ return `${BASE}/t/${params}/${path}`;
+}
diff --git a/lib/openinary.ts b/lib/openinary.ts
new file mode 100644
index 0000000..36fcb13
--- /dev/null
+++ b/lib/openinary.ts
@@ -0,0 +1,19 @@
+export async function uploadToOpeninary(file: File, folder: string) {
+ const formData = new FormData();
+ formData.append("files", file);
+ formData.append("folder", folder);
+
+ const res = await fetch(`${process.env.OPENINARY_API_URL}/api/upload`, {
+ method: "POST",
+ headers: { Authorization: `Bearer ${process.env.OPENINARY_API_KEY}` },
+ body: formData,
+ });
+
+ if (!res.ok) {
+ const errorText = await res.text();
+ console.error("Openinary upload error:", errorText);
+ throw new Error("Upload başarısız: " + errorText);
+ }
+ const data = await res.json();
+ return data.files[0]; // { path, url, size, ... }
+}
diff --git a/next.config.ts b/next.config.ts
index ff86d9d..c24643b 100644
--- a/next.config.ts
+++ b/next.config.ts
@@ -3,6 +3,8 @@ import type { NextConfig } from "next";
const nextConfig: NextConfig = {
output: "standalone",
images: {
+ loader: "custom",
+ loaderFile: "./lib/openinary-loader.ts",
remotePatterns: [
{
protocol: 'https',
@@ -14,6 +16,11 @@ const nextConfig: NextConfig = {
},
],
},
+ experimental: {
+ turbopack: {
+ root: "C:/Users/ayris.dev/kite",
+ },
+ },
/* other config options here */
};
diff --git a/package-lock.json b/package-lock.json
index c66651f..983e714 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -2122,7 +2122,7 @@
"version": "19.2.3",
"resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-19.2.3.tgz",
"integrity": "sha512-jp2L/eY6fn+KgVVQAOqYItbF0VY/YApe5Mz2F0aykSO8gx31bYCZyvSeYxCHKvzHG5eZjc+zyaS5BrBWya2+kQ==",
- "dev": true,
+ "devOptional": true,
"license": "MIT",
"peerDependencies": {
"@types/react": "^19.2.0"
diff --git a/scripts/migrate-to-openinary.ts b/scripts/migrate-to-openinary.ts
new file mode 100644
index 0000000..283e971
--- /dev/null
+++ b/scripts/migrate-to-openinary.ts
@@ -0,0 +1,74 @@
+import { PrismaClient } from '@prisma/client';
+import { Pool } from 'pg';
+import { PrismaPg } from '@prisma/adapter-pg';
+import { uploadToOpeninary } from '../lib/openinary';
+import fs from 'fs';
+import path from 'path';
+import 'dotenv/config';
+
+const pool = new Pool({ connectionString: process.env.DATABASE_URL });
+const adapter = new PrismaPg(pool);
+const prisma = new PrismaClient({ adapter });
+
+async function main() {
+ console.log("Starting migration...");
+ const products = await prisma.products.findMany({
+ where: {
+ image_url: { not: null }
+ }
+ });
+
+ console.log(`Found ${products.length} products with images.`);
+
+ for (const product of products) {
+ if (!product.image_url) continue;
+
+ if (product.image_url.startsWith('kiteqr/')) {
+ console.log(`[SKIP] Already migrated ${product.id}`);
+ continue;
+ }
+
+ // Extract filename from image_url (e.g. admin/uploads/products/xxx.jpg or similar)
+ const filename = path.basename(product.image_url);
+ if (!filename) continue;
+
+ const localPath = path.join(process.cwd(), 'products', filename);
+
+ if (!fs.existsSync(localPath)) {
+ console.log(`[SKIP] Local file not found for product ${product.id} (${product.name}): ${localPath}`);
+ continue;
+ }
+
+ try {
+ console.log(`[UPLOAD] Uploading ${filename} for product ${product.id}...`);
+ const buffer = fs.readFileSync(localPath);
+
+ const ext = path.extname(filename).toLowerCase();
+ let mime = 'image/jpeg';
+ if (ext === '.png') mime = 'image/png';
+ if (ext === '.webp') mime = 'image/webp';
+ if (ext === '.gif') mime = 'image/gif';
+
+ const file = new File([buffer], filename, { type: mime });
+
+ const result = await uploadToOpeninary(file, "kiteqr");
+
+ console.log(`[SUCCESS] Uploaded to: ${result.path}`);
+
+ // Update database
+ await prisma.products.update({
+ where: { id: product.id },
+ data: { image_url: result.path } // Using path as requested/required by loader
+ });
+
+ } catch (error) {
+ console.error(`[ERROR] Failed to upload/update product ${product.id}:`, error);
+ }
+ }
+
+ console.log("Migration complete.");
+}
+
+main()
+ .catch(console.error)
+ .finally(() => prisma.$disconnect());
diff --git a/scripts/set-mock-images.ts b/scripts/set-mock-images.ts
new file mode 100644
index 0000000..9a84ced
--- /dev/null
+++ b/scripts/set-mock-images.ts
@@ -0,0 +1,50 @@
+import { PrismaClient } from '@prisma/client';
+import { Pool } from 'pg';
+import { PrismaPg } from '@prisma/adapter-pg';
+import { uploadToOpeninary } from '../lib/openinary';
+import fs from 'fs';
+import path from 'path';
+import 'dotenv/config';
+
+const pool = new Pool({ connectionString: process.env.DATABASE_URL });
+const adapter = new PrismaPg(pool);
+const prisma = new PrismaClient({ adapter });
+
+async function main() {
+ console.log("Uploading default product image to Openinary...");
+ const localPath = path.join(process.cwd(), 'public', 'default-product.png');
+ const buffer = fs.readFileSync(localPath);
+ const file = new File([buffer], 'default-product.png', { type: 'image/png' });
+
+ let defaultPath = "";
+ try {
+ const result = await uploadToOpeninary(file, "kiteqr");
+ defaultPath = result.path;
+ console.log(`[SUCCESS] Default image uploaded to: ${defaultPath}`);
+ } catch (error) {
+ console.error("Failed to upload default image:", error);
+ return;
+ }
+
+ console.log("Updating products with missing or old images...");
+ const products = await prisma.products.findMany();
+
+ let updatedCount = 0;
+ for (const product of products) {
+ // If image_url is empty, null, or doesn't start with kiteqr/ (meaning it wasn't migrated successfully)
+ if (!product.image_url || !product.image_url.startsWith('kiteqr/')) {
+ await prisma.products.update({
+ where: { id: product.id },
+ data: { image_url: defaultPath }
+ });
+ updatedCount++;
+ console.log(`Updated product ${product.id} (${product.name}) with mock image.`);
+ }
+ }
+
+ console.log(`Done. ${updatedCount} products updated with the mock image.`);
+}
+
+main()
+ .catch(console.error)
+ .finally(() => prisma.$disconnect());