strapi-plugin-copy-any-component 1.0.0

package/USAGE.md

@@ -0,0 +1,121 @@
+# Component Copy Plugin - Kullanım Rehberi
+
+## Temel Kullanım
+
+### 1. Plugin'e Erişim
+
+Strapi admin panelinde sol menüden **Plugins > Component Copy** seçeneğine tıklayın.
+
+### 2. Sayfa Seçimi
+
+- **Source Page (Kaynak Sayfa)**: Component'leri kopyalamak istediğiniz sayfayı seçin
+- **Target Page (Hedef Sayfa)**: Component'lerin kopyalanacağı sayfayı seçin
+
+### 3. Component Kopyalama
+
+1. Source Page panelinden bir component'i seçin
+2. Component'i sürükleyip Target Page paneline bırakın
+3. Component belirtilen pozisyona kopyalanacaktır
+
+### 4. Component Sıralama
+
+Target Page panelinde component'leri sürükleyerek sıralayabilirsiniz:
+- Component'i tutun ve istediğiniz pozisyona sürükleyin
+- Component otomatik olarak yeni pozisyonuna taşınacaktır
+
+### 5. Değişiklikleri Kaydetme
+
+1. Yaptığınız değişiklikler otomatik olarak draft olarak kaydedilir
+2. Değişiklikleri yayınlamak için **Publish** butonuna tıklayın
+3. Başarılı olduğunda bir onay mesajı görüntülenecektir
+
+## Özellikler
+
+### Aynı Sayfada Kopyalama
+
+Aynı sayfayı hem source hem de target olarak seçebilirsiniz:
+- Bu durumda component'ler duplicate (çoğaltılır) olur
+- Aynı sayfa içinde component'leri çoğaltabilirsiniz
+
+### Detaylı Bilgi Görüntüleme
+
+Component kopyalandıktan sonra:
+- Başarı mesajına tıklayarak detaylı bilgi modal'ını açabilirsiniz
+- Hangi alanların kopyalandığını görebilirsiniz
+- Hangi alanların kopyalanamadığını (örn: sistem alanları) görebilirsiniz
+- Media dosyalarının kopyalanma durumunu görebilirsiniz
+
+### Component Önizleme
+
+Her component için:
+- Component tipi (badge olarak gösterilir)
+- Component içeriğinin önizlemesi (title, description vb.)
+- Drag handle (sürükleme için)
+
+## Kullanım Senaryoları
+
+### Senaryo 1: Yeni Sayfaya Component Kopyalama
+
+1. Source Page: "Ana Sayfa"
+2. Target Page: "Hakkımızda"
+3. Ana Sayfa'dan Hero Section'ı sürükle
+4. Hakkımızda sayfasına bırak
+5. Publish et
+
+### Senaryo 2: Aynı Sayfada Component Çoğaltma
+
+1. Source Page: "İletişim"
+2. Target Page: "İletişim" (aynı sayfa)
+3. Form Section'ı sürükle
+4. Aynı sayfanın sonuna bırak
+5. Publish et
+
+### Senaryo 3: Component Sıralama
+
+1. Target Page'i seç
+2. Component'leri istediğiniz sıraya göre sürükle
+3. Değişiklikler otomatik kaydedilir
+4. Publish et
+
+## İpuçları
+
+1. **Çoklu Kopyalama**: Şu anda bir seferde bir component kopyalanabilir. Birden fazla component için işlemi tekrarlayın.
+
+2. **Undo**: Şu anda geri alma özelliği yok. Değişikliklerden önce yedek alın.
+
+3. **Publish**: Draft olarak kaydedilen değişiklikler yayınlanana kadar frontend'de görünmez.
+
+4. **Media Dosyaları**: Media dosyaları referans olarak kopyalanır, yeni dosya oluşturulmaz.
+
+5. **Relations**: Single type relation'lar (örneğin siteSettings) kopyalanır ancak target sayfada mevcut relation kullanılır.
+
+## Kısıtlamalar
+
+1. **System Fields**: `id`, `documentId`, `createdAt`, `updatedAt`, `createdBy`, `updatedBy`, `publishedAt`, `locale` gibi sistem alanları otomatik olarak kaldırılır.
+
+2. **Complex Relations**: Çok karmaşık relation'lar kopyalanmayabilir. Test edin.
+
+3. **Validation**: Component schema'larındaki validation kurallarına uygun veriler gerekir.
+
+4. **Permissions**: Gerekli izinlere sahip olmanız gerekir.
+
+## Sorun Giderme
+
+### Component kopyalanmıyor
+
+- İzinleri kontrol edin
+- Browser console'da hata var mı bakın
+- Network tab'inde API isteği başarılı mı kontrol edin
+
+### Modal açılmıyor
+
+- Tarayıcı cache'ini temizleyin
+- Sayfayı yenileyin (F5)
+- Strapi'yi yeniden başlatın
+
+### Component'ler görünmüyor
+
+- Sayfaların yayınlandığından emin olun
+- Dynamic zone'ın doğru yapılandırıldığını kontrol edin
+- Component'lerin populate edildiğinden emin olun
+

package/admin/src/components/ComponentCopyField.jsx

@@ -0,0 +1,3 @@
+// Bu dosya artık kullanılmıyor, HomePage.jsx kullanılıyor
+export default null;
+

package/admin/src/components/Initializer.jsx

@@ -0,0 +1,22 @@
+import { useEffect, useRef } from "react";
+import { PLUGIN_ID } from "../pluginId";
+
+const Initializer = ({ setPlugin }) => {
+  const ref = useRef(false);
+
+  useEffect(() => {
+    if (!ref.current && setPlugin) {
+      try {
+        setPlugin({ id: PLUGIN_ID, isReady: true });
+        ref.current = true;
+      } catch (error) {
+        console.error("Plugin initializer error:", error);
+      }
+    }
+  }, [setPlugin]);
+
+  return null;
+};
+
+export { Initializer };
+

package/admin/src/components/PluginIcon.jsx

@@ -0,0 +1,22 @@
+import React from "react";
+
+const PluginIcon = () => (
+  <svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M8 5H16C17.1 5 18 5.9 18 7V21L12 17L6 21V7C6 5.9 6.9 5 8 5Z"
+      stroke="currentColor"
+      strokeWidth="2"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+
+export { PluginIcon };
+

package/admin/src/index.js

@@ -0,0 +1,27 @@
+import { PLUGIN_ID } from "./pluginId";
+import { PluginIcon } from "./components/PluginIcon";
+
+export default {
+  register(app) {
+    app.addMenuLink({
+      to: `plugins/${PLUGIN_ID}`,
+      icon: PluginIcon,
+      intlLabel: {
+        id: `${PLUGIN_ID}.plugin.name`,
+        defaultMessage: "Copy Any Component",
+      },
+      Component: async () => {
+        const component = await import("./pages/HomePage");
+        return component.default;
+      },
+    });
+
+    app.registerPlugin({
+      id: PLUGIN_ID,
+      isReady: true,
+      name: PLUGIN_ID,
+    });
+  },
+  bootstrap() {},
+};
+