@tunghtml/strapi-plugin-export-import-clsx 1.0.0

package/admin/src/pages/HomePage/index.js

@@ -0,0 +1,297 @@
+import React, { useState, useEffect } from 'react';
+
+const HomePage = () => {
+  const [isExporting, setIsExporting] = useState(false);
+  const [isImporting, setIsImporting] = useState(false);
+  const [contentTypes, setContentTypes] = useState([]);
+  const [selectedContentType, setSelectedContentType] = useState('');
+
+  useEffect(() => {
+    // Fetch available content types
+    fetch('/admin/content-manager/content-types')
+      .then(res => res.json())
+      .then(data => {
+        const apiTypes = data.data.filter(ct => ct.uid.startsWith('api::'));
+        setContentTypes(apiTypes);
+      })
+      .catch(err => console.error('Failed to fetch content types:', err));
+  }, []);
+
+  const handleExportAll = async () => {
+    setIsExporting(true);
+    try {
+      const response = await fetch('/export-import-clsx/export?format=excel');
+      if (response.ok) {
+        const blob = await response.blob();
+        const url = window.URL.createObjectURL(blob);
+        const a = document.createElement('a');
+        a.href = url;
+        a.download = `strapi-all-export-${new Date().toISOString().split('T')[0]}.xlsx`;
+        document.body.appendChild(a);
+        a.click();
+        window.URL.revokeObjectURL(url);
+        document.body.removeChild(a);
+        alert('Export completed successfully');
+      } else {
+        throw new Error('Export failed');
+      }
+    } catch (error) {
+      alert('Export failed: ' + error.message);
+    } finally {
+      setIsExporting(false);
+    }
+  };
+
+  const handleExportSingle = async () => {
+    if (!selectedContentType) {
+      alert('Please select a content type');
+      return;
+    }
+
+    setIsExporting(true);
+    try {
+      const response = await fetch(`/export-import-clsx/export?format=excel&contentType=${selectedContentType}`);
+      if (response.ok) {
+        const blob = await response.blob();
+        const url = window.URL.createObjectURL(blob);
+        const a = document.createElement('a');
+        a.href = url;
+        a.download = `${selectedContentType.replace('api::', '')}-export-${new Date().toISOString().split('T')[0]}.xlsx`;
+        document.body.appendChild(a);
+        a.click();
+        window.URL.revokeObjectURL(url);
+        document.body.removeChild(a);
+        alert('Export completed successfully');
+      } else {
+        throw new Error('Export failed');
+      }
+    } catch (error) {
+      alert('Export failed: ' + error.message);
+    } finally {
+      setIsExporting(false);
+    }
+  };
+
+  const handleImport = async (event) => {
+    const file = event.target.files[0];
+    if (!file) return;
+
+    setIsImporting(true);
+    const formData = new FormData();
+    formData.append('file', file);
+
+    try {
+      const response = await fetch('/export-import-clsx/import', {
+        method: 'POST',
+        body: formData,
+      });
+
+      if (response.ok) {
+        const result = await response.json();
+        alert(`Import completed! Imported: ${result.result.imported}, Errors: ${result.result.errors.length}`);
+      } else {
+        throw new Error('Import failed');
+      }
+    } catch (error) {
+      alert('Import failed: ' + error.message);
+    } finally {
+      setIsImporting(false);
+      event.target.value = '';
+    }
+  };
+
+  return React.createElement('div', { 
+    style: { 
+      padding: '24px',
+      maxWidth: '1200px',
+      margin: '0 auto',
+      fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif'
+    } 
+  },
+    React.createElement('div', { style: { marginBottom: '32px' } },
+      React.createElement('h1', { 
+        style: { 
+          fontSize: '32px', 
+          fontWeight: '600', 
+          color: '#212134',
+          marginBottom: '8px'
+        } 
+      }, 'Export Import CLSX'),
+      React.createElement('p', { 
+        style: { 
+          fontSize: '16px', 
+          color: '#666687',
+          margin: '0'
+        } 
+      }, 'Export and import your Strapi collections as Excel files')
+    ),
+    
+    React.createElement('div', { 
+      style: { 
+        display: 'grid', 
+        gridTemplateColumns: 'repeat(auto-fit, minmax(400px, 1fr))', 
+        gap: '24px' 
+      } 
+    },
+      // Export All Card
+      React.createElement('div', { 
+        style: { 
+          backgroundColor: 'white',
+          border: '1px solid #dcdce4',
+          borderRadius: '8px',
+          padding: '24px',
+          boxShadow: '0 1px 4px rgba(33, 33, 52, 0.1)'
+        } 
+      },
+        React.createElement('h3', { 
+          style: { 
+            fontSize: '20px', 
+            fontWeight: '600', 
+            color: '#212134',
+            marginBottom: '12px'
+          } 
+        }, 'Export All Collections'),
+        React.createElement('p', { 
+          style: { 
+            fontSize: '14px', 
+            color: '#666687',
+            marginBottom: '20px',
+            lineHeight: '1.5'
+          } 
+        }, 'Export all your API collections to a single Excel file with multiple sheets.'),
+        React.createElement('button', {
+          onClick: handleExportAll,
+          disabled: isExporting,
+          style: { 
+            padding: '12px 24px', 
+            backgroundColor: isExporting ? '#dcdce4' : '#4945ff', 
+            color: 'white', 
+            border: 'none', 
+            borderRadius: '4px',
+            fontSize: '14px',
+            fontWeight: '600',
+            cursor: isExporting ? 'not-allowed' : 'pointer',
+            transition: 'background-color 0.2s'
+          }
+        }, isExporting ? 'Exporting...' : 'Export All Collections')
+      ),
+
+      // Export Single Card
+      React.createElement('div', { 
+        style: { 
+          backgroundColor: 'white',
+          border: '1px solid #dcdce4',
+          borderRadius: '8px',
+          padding: '24px',
+          boxShadow: '0 1px 4px rgba(33, 33, 52, 0.1)'
+        } 
+      },
+        React.createElement('h3', { 
+          style: { 
+            fontSize: '20px', 
+            fontWeight: '600', 
+            color: '#212134',
+            marginBottom: '12px'
+          } 
+        }, 'Export Single Collection'),
+        React.createElement('p', { 
+          style: { 
+            fontSize: '14px', 
+            color: '#666687',
+            marginBottom: '20px',
+            lineHeight: '1.5'
+          } 
+        }, 'Export a specific collection to an Excel file.'),
+        React.createElement('select', {
+          value: selectedContentType,
+          onChange: (e) => setSelectedContentType(e.target.value),
+          style: {
+            width: '100%',
+            padding: '8px 12px',
+            border: '1px solid #dcdce4',
+            borderRadius: '4px',
+            fontSize: '14px',
+            marginBottom: '16px',
+            backgroundColor: 'white'
+          }
+        }, 
+          React.createElement('option', { value: '' }, 'Select a collection...'),
+          ...contentTypes.map(ct => 
+            React.createElement('option', { 
+              key: ct.uid, 
+              value: ct.uid 
+            }, ct.info.displayName || ct.info.singularName)
+          )
+        ),
+        React.createElement('button', {
+          onClick: handleExportSingle,
+          disabled: isExporting || !selectedContentType,
+          style: { 
+            padding: '12px 24px', 
+            backgroundColor: (isExporting || !selectedContentType) ? '#dcdce4' : '#328048', 
+            color: 'white', 
+            border: 'none', 
+            borderRadius: '4px',
+            fontSize: '14px',
+            fontWeight: '600',
+            cursor: (isExporting || !selectedContentType) ? 'not-allowed' : 'pointer',
+            transition: 'background-color 0.2s'
+          }
+        }, isExporting ? 'Exporting...' : 'Export Collection')
+      ),
+
+      // Import Card
+      React.createElement('div', { 
+        style: { 
+          backgroundColor: 'white',
+          border: '1px solid #dcdce4',
+          borderRadius: '8px',
+          padding: '24px',
+          boxShadow: '0 1px 4px rgba(33, 33, 52, 0.1)'
+        } 
+      },
+        React.createElement('h3', { 
+          style: { 
+            fontSize: '20px', 
+            fontWeight: '600', 
+            color: '#212134',
+            marginBottom: '12px'
+          } 
+        }, 'Import Data'),
+        React.createElement('p', { 
+          style: { 
+            fontSize: '14px', 
+            color: '#666687',
+            marginBottom: '20px',
+            lineHeight: '1.5'
+          } 
+        }, 'Import data from Excel or JSON files. Supports multiple collections.'),
+        React.createElement('input', {
+          type: 'file',
+          accept: '.xlsx,.xls,.json',
+          onChange: handleImport,
+          disabled: isImporting,
+          style: { display: 'none' },
+          id: 'import-file'
+        }),
+        React.createElement('label', {
+          htmlFor: 'import-file',
+          style: { 
+            display: 'inline-block',
+            padding: '12px 24px', 
+            backgroundColor: isImporting ? '#dcdce4' : '#f6a609', 
+            color: 'white', 
+            border: 'none', 
+            borderRadius: '4px',
+            fontSize: '14px',
+            fontWeight: '600',
+            cursor: isImporting ? 'not-allowed' : 'pointer',
+            transition: 'background-color 0.2s'
+          }
+        }, isImporting ? 'Importing...' : 'Choose File to Import')
+      )
+    )
+  );
+};
+
+export default HomePage;

package/admin/src/pluginId.js

@@ -0,0 +1,3 @@
+const pluginId = 'export-import-clsx';
+
+export default pluginId;

package/admin/src/translations/en.json

@@ -0,0 +1,14 @@
+{
+  "plugin.name": "Export Import CLSX",
+  "plugin.description": "Export and import data with enhanced functionality",
+  "export.title": "Export Data",
+  "export.description": "Export all your content types data to a JSON file",
+  "export.button": "Export Data",
+  "export.success": "Export completed successfully",
+  "export.error": "Export failed",
+  "import.title": "Import Data", 
+  "import.description": "Import data from a JSON file to your Strapi instance",
+  "import.button": "Import Data",
+  "import.success": "Import completed successfully",
+  "import.error": "Import failed"
+}

package/package.json

@@ -0,0 +1,60 @@
+{
+  "name": "@tunghtml/strapi-plugin-export-import-clsx",
+  "version": "1.0.0",
+  "description": "A powerful Strapi plugin for exporting and importing data with Excel support and advanced filtering",
+  "main": "./strapi-server.js",
+  "scripts": {
+    "develop": "strapi plugin:watch",
+    "build": "strapi plugin:build"
+  },
+  "keywords": [
+    "strapi",
+    "plugin",
+    "export",
+    "import",
+    "excel",
+    "xlsx",
+    "data",
+    "migration",
+    "bulk",
+    "filter",
+    "strapi-plugin"
+  ],
+  "author": {
+    "name": "tunghtml",
+    "email": "tunghtml@example.com"
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/tunghtml/strapi-plugin-export-import-clsx.git"
+  },
+  "homepage": "https://github.com/tunghtml/strapi-plugin-export-import-clsx#readme",
+  "bugs": {
+    "url": "https://github.com/tunghtml/strapi-plugin-export-import-clsx/issues"
+  },
+  "engines": {
+    "node": ">=16.0.0",
+    "npm": ">=7.0.0"
+  },
+  "peerDependencies": {
+    "@strapi/strapi": "^4.0.0 || ^5.0.0"
+  },
+  "dependencies": {
+    "xlsx": "^0.18.5"
+  },
+  "files": [
+    "admin/",
+    "server/",
+    "strapi-admin.js",
+    "strapi-server.js",
+    "README.md"
+  ],
+  "strapi": {
+    "name": "export-import-clsx",
+    "displayName": "Export Import CLSX",
+    "description": "Export and import data with enhanced functionality including Excel support and advanced filtering",
+    "kind": "plugin",
+    "category": "data-management"
+  }
+}

package/server/bootstrap.js

@@ -0,0 +1,3 @@
+module.exports = ({ strapi }) => {
+  // Bootstrap phase
+};

package/server/config/index.js

@@ -0,0 +1,4 @@
+module.exports = {
+  default: {},
+  validator() {},
+};

package/server/content-types/index.js

@@ -0,0 +1 @@
+module.exports = {};

package/server/controllers/export-controller.js

@@ -0,0 +1,62 @@
+module.exports = ({ strapi }) => ({
+  async export(ctx) {
+    try {
+      const { format = 'excel', contentType, selectedIds, ...filters } = ctx.query;
+      const exportService = strapi.plugin('export-import-clsx').service('export-service');
+      
+      // Parse selectedIds if provided
+      let parsedSelectedIds = [];
+      if (selectedIds) {
+        try {
+          parsedSelectedIds = Array.isArray(selectedIds) ? selectedIds : JSON.parse(selectedIds);
+        } catch (error) {
+          strapi.log.warn('Failed to parse selectedIds:', error.message);
+        }
+      }
+      
+      if (format === 'excel') {
+        const buffer = await exportService.exportData('excel', contentType, filters, parsedSelectedIds);
+        
+        const filename = parsedSelectedIds.length > 0 
+          ? `${contentType?.replace('api::', '') || 'strapi'}-selected-${parsedSelectedIds.length}-${new Date().toISOString().split('T')[0]}.xlsx`
+          : `${contentType?.replace('api::', '') || 'strapi'}-export-${new Date().toISOString().split('T')[0]}.xlsx`;
+        
+        ctx.set('Content-Type', 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet');
+        ctx.set('Content-Disposition', `attachment; filename="${filename}"`);
+        
+        ctx.body = buffer;
+      } else {
+        const data = await exportService.exportData('json', contentType, filters, parsedSelectedIds);
+        
+        const filename = parsedSelectedIds.length > 0 
+          ? `${contentType?.replace('api::', '') || 'strapi'}-selected-${parsedSelectedIds.length}-${new Date().toISOString().split('T')[0]}.json`
+          : `${contentType?.replace('api::', '') || 'strapi'}-export-${new Date().toISOString().split('T')[0]}.json`;
+        
+        ctx.set('Content-Type', 'application/json');
+        ctx.set('Content-Disposition', `attachment; filename="${filename}"`);
+        
+        ctx.body = JSON.stringify(data, null, 2);
+      }
+    } catch (error) {
+      strapi.log.error('Export error:', error);
+      ctx.throw(500, 'Export failed');
+    }
+  },
+
+  async exportSingle(ctx) {
+    try {
+      const { contentType, id } = ctx.params;
+      const exportService = strapi.plugin('export-import-clsx').service('export-service');
+      
+      const buffer = await exportService.exportSingleEntry(contentType, id);
+      
+      ctx.set('Content-Type', 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet');
+      ctx.set('Content-Disposition', `attachment; filename="entry-${id}-${new Date().toISOString().split('T')[0]}.xlsx"`);
+      
+      ctx.body = buffer;
+    } catch (error) {
+      strapi.log.error('Export single error:', error);
+      ctx.throw(500, 'Export failed');
+    }
+  },
+});

package/server/controllers/import-controller.js

@@ -0,0 +1,42 @@
+module.exports = ({ strapi }) => ({
+  async import(ctx) {
+    try {
+      const { files, body } = ctx.request;
+      
+      if (!files || !files.file) {
+        return ctx.throw(400, 'No file provided');
+      }
+
+      const file = Array.isArray(files.file) ? files.file[0] : files.file;
+      const targetContentType = body.contentType;
+      
+      const importService = strapi.plugin('export-import-clsx').service('import-service');
+      
+      const result = await importService.importData(file, targetContentType);
+      
+      // Create appropriate message based on results
+      let message = 'Import completed successfully';
+      if (result.errors && result.errors.length > 0) {
+        message = `Import completed with ${result.errors.length} error(s). Please check the details below.`;
+      }
+      
+      ctx.body = {
+        message,
+        result,
+        summary: {
+          total: result.created + result.updated,
+          created: result.created,
+          updated: result.updated,
+          errors: result.errors.length,
+        },
+      };
+    } catch (error) {
+      strapi.log.error('Import error:', error);
+      ctx.body = {
+        error: error.message,
+        details: error.stack
+      };
+      ctx.status = 500;
+    }
+  },
+});

package/server/controllers/index.js

@@ -0,0 +1,7 @@
+const exportController = require('./export-controller');
+const importController = require('./import-controller');
+
+module.exports = {
+  'export-controller': exportController,
+  'import-controller': importController,
+};

package/server/destroy.js

@@ -0,0 +1,3 @@
+module.exports = ({ strapi }) => {
+  // Destroy phase
+};

package/server/middlewares/index.js

@@ -0,0 +1 @@
+module.exports = {};

package/server/policies/index.js

@@ -0,0 +1 @@
+module.exports = {};

package/server/register.js

@@ -0,0 +1,3 @@
+module.exports = ({ strapi }) => {
+  // Register phase
+};

package/server/routes/index.js

@@ -0,0 +1,29 @@
+module.exports = [
+  {
+    method: 'GET',
+    path: '/export',
+    handler: 'export-controller.export',
+    config: {
+      policies: [],
+      auth: false,
+    },
+  },
+  {
+    method: 'GET',
+    path: '/export/:contentType/:id',
+    handler: 'export-controller.exportSingle',
+    config: {
+      policies: [],
+      auth: false,
+    },
+  },
+  {
+    method: 'POST',
+    path: '/import',
+    handler: 'import-controller.import',
+    config: {
+      policies: [],
+      auth: false,
+    },
+  },
+];