@haus-tech/product-import-export-plugin 3.0.26-0 → 3.0.28-0

package/CHANGELOG.md

@@ -1,16 +1,64 @@
-## 3.0.25-0
+## 3.0.27-4
 
 This was a version bump only for product-import-export-plugin to align it with other projects, there were no code changes.
 
-## 3.0.24-0
+## 3.0.27-3
+
+This was a version bump only for product-import-export-plugin to align it with other projects, there were no code changes.
+
+## 3.0.27-2
 
 This was a version bump only for product-import-export-plugin to align it with other projects, there were no code changes.
 
+## 3.0.27-1
+
+This was a version bump only for product-import-export-plugin to align it with other projects, there were no code changes.
+
+## 3.0.27-0
+
+### 🚀 Features
+
+- **product-import-export-plugin:** add restoreSoftDeleted option for product import ([0458a2a](https://github.com/WeAreHausTech/haus-tech-vendure-plugins/commit/0458a2a))
+- **product-importer:** enhance product variant handling ([4af2198](https://github.com/WeAreHausTech/haus-tech-vendure-plugins/commit/4af2198))
+- **product-import-export-plugin:** enhance product import service with event bus integration and collection filtering ([#48](https://github.com/WeAreHausTech/haus-tech-vendure-plugins/pull/48))
+- **product-import-export-plugin:** implement removal of option groups from product ([39f34ec](https://github.com/WeAreHausTech/haus-tech-vendure-plugins/commit/39f34ec))
+- Enhance asset importer with URL and local file stream handling ([2b5ae3d](https://github.com/WeAreHausTech/haus-tech-vendure-plugins/commit/2b5ae3d))
+
+### 🩹 Fixes
+
+- **product-import-export-plugin:** improve import parser handling ([c952c7b](https://github.com/WeAreHausTech/haus-tech-vendure-plugins/commit/c952c7b))
+- **product-import-export-plugin:** improve variant enabled handling ([a3a6af3](https://github.com/WeAreHausTech/haus-tech-vendure-plugins/commit/a3a6af3))
+- **product-import-export-plugin:** improve option group handling and validate custom fields ([a95db85](https://github.com/WeAreHausTech/haus-tech-vendure-plugins/commit/a95db85))
+- **product-import-export-plugin:** handle undefined prices in product variants ([#49](https://github.com/WeAreHausTech/haus-tech-vendure-plugins/pull/49))
+- Refactor facetValues and options mapping for consistency in extended fast importer ([3514892](https://github.com/WeAreHausTech/haus-tech-vendure-plugins/commit/3514892))
+- Improve asset and product importer logic for better channel handling and data consistency ([bc9416e](https://github.com/WeAreHausTech/haus-tech-vendure-plugins/commit/bc9416e))
+- Assign assets to current channel on import ([#41](https://github.com/WeAreHausTech/haus-tech-vendure-plugins/pull/41))
+
+## 3.0.24-0
+
+### 🚀 Features
+
+- **product-import-export-plugin:** add restoreSoftDeleted option for product import ([0458a2a](https://github.com/WeAreHausTech/haus-tech-vendure-plugins/commit/0458a2a))
+- **product-importer:** enhance product variant handling ([4af2198](https://github.com/WeAreHausTech/haus-tech-vendure-plugins/commit/4af2198))
+- **product-import-export-plugin:** enhance product import service with event bus integration and collection filtering ([#48](https://github.com/WeAreHausTech/haus-tech-vendure-plugins/pull/48))
+- **product-import-export-plugin:** implement removal of option groups from product ([39f34ec](https://github.com/WeAreHausTech/haus-tech-vendure-plugins/commit/39f34ec))
+- Enhance asset importer with URL and local file stream handling ([2b5ae3d](https://github.com/WeAreHausTech/haus-tech-vendure-plugins/commit/2b5ae3d))
+
+### 🩹 Fixes
+
+- **product-import-export-plugin:** improve import parser handling ([c952c7b](https://github.com/WeAreHausTech/haus-tech-vendure-plugins/commit/c952c7b))
+- **product-import-export-plugin:** improve variant enabled handling ([a3a6af3](https://github.com/WeAreHausTech/haus-tech-vendure-plugins/commit/a3a6af3))
+- **product-import-export-plugin:** improve option group handling and validate custom fields ([a95db85](https://github.com/WeAreHausTech/haus-tech-vendure-plugins/commit/a95db85))
+- **product-import-export-plugin:** handle undefined prices in product variants ([#49](https://github.com/WeAreHausTech/haus-tech-vendure-plugins/pull/49))
+- Refactor facetValues and options mapping for consistency in extended fast importer ([3514892](https://github.com/WeAreHausTech/haus-tech-vendure-plugins/commit/3514892))
+- Improve asset and product importer logic for better channel handling and data consistency ([bc9416e](https://github.com/WeAreHausTech/haus-tech-vendure-plugins/commit/bc9416e))
+- Assign assets to current channel on import ([#41](https://github.com/WeAreHausTech/haus-tech-vendure-plugins/pull/41))
+
 ## 3.0.23-0
 
 ### 🚀 Features
 
-- **product-import-export-plugin:** enhance product export functionality ([ca68282](https://github.com/WeAreHausTech/haus-tech-vendure-plugins/commit/ca68282))
+- **product-import-export-plugin:** add restoreSoftDeleted option for product import ([0458a2a](https://github.com/WeAreHausTech/haus-tech-vendure-plugins/commit/0458a2a))
 - **product-importer:** enhance product variant handling ([4af2198](https://github.com/WeAreHausTech/haus-tech-vendure-plugins/commit/4af2198))
 - **product-import-export-plugin:** enhance product import service with event bus integration and collection filtering ([#48](https://github.com/WeAreHausTech/haus-tech-vendure-plugins/pull/48))
 - **product-import-export-plugin:** implement removal of option groups from product ([39f34ec](https://github.com/WeAreHausTech/haus-tech-vendure-plugins/commit/39f34ec))

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@haus-tech/product-import-export-plugin",
-  "version": "3.0.26-0",
+  "version": "3.0.28-0",
   "description": "A Vendure plugin for importing and exporting products using a CSV file",
   "author": "Haus Tech",
   "repository": {

package/src/api/product-export.controller.d.ts

@@ -6,7 +6,7 @@ export declare class ProductExportController {
     private options;
     private productExportService;
     constructor(options: PluginInitOptions, productExportService: ProductExportService);
-    exportProducts(ctx: RequestContext, res: Response, fileName: string, customFields: string, exportAssetsAs: 'url' | 'json', selectedExportFields: string, pageSize: string | undefined, concurrency: string | undefined, selection: ID[]): Promise<void>;
+    exportProducts(ctx: RequestContext, res: Response, fileName: string, customFields: string, exportAssetsAs: 'url' | 'json', selectedExportFields: string, selection: ID[]): Promise<void>;
     getCustomFields(ctx: RequestContext, ids: string[]): Promise<{
         name: string;
         type: string;

package/src/api/product-export.controller.js

@@ -59,7 +59,7 @@ let ProductExportController = class ProductExportController {
         this.options = options;
         this.productExportService = productExportService;
     }
-    async exportProducts(ctx, res, fileName, customFields, exportAssetsAs, selectedExportFields, pageSize = '50', concurrency = '5', selection) {
+    async exportProducts(ctx, res, fileName, customFields, exportAssetsAs, selectedExportFields, selection) {
         try {
             if (!selection ||
                 !Array.isArray(selection) ||
@@ -79,9 +79,7 @@ let ProductExportController = class ProductExportController {
             else if (!fileName.endsWith('.csv')) {
                 fileName += '.csv';
             }
-            const pageSizeNum = pageSize ? Math.max(1, parseInt(pageSize, 10)) : 50;
-            const concurrencyNum = concurrency ? Math.max(1, parseInt(concurrency, 10)) : 5;
-            const csv = await this.productExportService.createExportFile(ctx, selection, fileName, customFields, exportAssetsAs, selectedExportFields, pageSizeNum, concurrencyNum);
+            const csv = await this.productExportService.createExportFile(ctx, selection, fileName, customFields, exportAssetsAs, selectedExportFields);
             const readStream = fs.createReadStream(csv);
             res.set({
                 'Content-Type': 'text/csv',
@@ -109,11 +107,9 @@ __decorate([
     __param(3, (0, common_1.Query)('customFields')),
     __param(4, (0, common_1.Query)('exportAssetsAs')),
     __param(5, (0, common_1.Query)('selectedExportFields')),
-    __param(6, (0, common_1.Query)('pageSize')),
-    __param(7, (0, common_1.Query)('concurrency')),
-    __param(8, (0, common_1.Body)()),
+    __param(6, (0, common_1.Body)()),
     __metadata("design:type", Function),
-    __metadata("design:paramtypes", [core_1.RequestContext, Object, String, String, String, String, Object, Object, Array]),
+    __metadata("design:paramtypes", [core_1.RequestContext, Object, String, String, String, String, Array]),
     __metadata("design:returntype", Promise)
 ], ProductExportController.prototype, "exportProducts", null);
 __decorate([

package/src/api/product-export.controller.js.map

@@ -1 +1 @@
-{"version":3,"file":"product-export.controller.js","sourceRoot":"","sources":["../../../../../packages/product-import-export-plugin/src/api/product-export.controller.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"product-export.controller.js","sourceRoot":"","sources":["../../../../../packages/product-import-export-plugin/src/api/product-export.controller.ts"],"names":[],"mappings":"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"}

package/src/dashboard/export.tsx

@@ -0,0 +1,337 @@
+import {
+  Button,
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+  Input,
+  Label,
+  RadioGroup,
+  RadioGroupItem,
+  DataTableBulkActionItem,
+} from '@vendure/dashboard'
+import { DownloadIcon } from 'lucide-react'
+import { useState, useEffect } from 'react'
+import { toast } from 'sonner'
+import {
+  getServerLocation,
+  getChannelHeader,
+  type PluginInitOptions,
+  type ExportFields,
+  type ProductFields,
+  type VariantFields,
+} from './utils'
+
+// Export Dialog Component
+function ExportDialog({
+  open,
+  onOpenChange,
+  productIds,
+}: {
+  open: boolean
+  onOpenChange: (open: boolean) => void
+  productIds: string[]
+}) {
+  const [fileName, setFileName] = useState('')
+  const [customFields, setCustomFields] = useState<string[]>([])
+  const [selectedFields, setSelectedFields] = useState<string[]>([])
+  const [exportAssetsAs, setExportAssetsAs] = useState<'url' | 'json'>('url')
+  const [selectedExportFields, setSelectedExportFields] = useState<ExportFields>([])
+  const [availableExportFields] = useState<ExportFields>([
+    'productId',
+    'name',
+    'slug',
+    'description',
+    'assets',
+    'facets',
+    'optionGroups',
+    'sku',
+    'optionValues',
+    'price',
+    'taxCategory',
+    'stockOnHand',
+    'trackInventory',
+    'variantAssets',
+    'variantFacets',
+    'enabled',
+  ])
+  const [config, setConfig] = useState<PluginInitOptions['exportOptions'] | null>(null)
+  const [toggleAllChecked, setToggleAllChecked] = useState(false)
+
+  useEffect(() => {
+    const fetchConfig = async () => {
+      try {
+        const serverPath = getServerLocation()
+        const [configRes, customFieldsRes] = await Promise.all([
+          fetch(`${serverPath}/product-import-export/config`, {
+            method: 'GET',
+            headers: {
+              'Content-Type': 'application/json',
+              ...getChannelHeader(),
+            },
+            credentials: 'include',
+          }),
+          fetch(`${serverPath}/product-export/custom-fields`, {
+            method: 'POST',
+            headers: {
+              'Content-Type': 'application/json',
+              ...getChannelHeader(),
+            },
+            credentials: 'include',
+            body: JSON.stringify(productIds),
+          }),
+        ])
+
+        const configData = await configRes.json()
+        const customFieldsData = await customFieldsRes.json()
+        setConfig(configData.exportOptions)
+        setCustomFields(customFieldsData.map((field: { name: string }) => field.name))
+        setSelectedFields([...customFieldsData.map((field: { name: string }) => field.name)])
+        setExportAssetsAs(
+          configData.exportOptions?.defaultExportAssetsAs ||
+            configData.exportOptions?.exportAssetsAsOptions?.[0] ||
+            'url',
+        )
+        if (
+          configData.exportOptions?.defaultExportFields ||
+          configData.exportOptions?.requiredExportFields
+        ) {
+          setSelectedExportFields([
+            ...(configData.exportOptions.defaultExportFields || []),
+            ...(configData.exportOptions.requiredExportFields || []),
+          ])
+        }
+      } catch (error) {
+        console.error('Failed to fetch config:', error)
+      }
+    }
+
+    if (open && productIds.length > 0) {
+      fetchConfig()
+    }
+  }, [open, productIds])
+
+  const toggleFieldSelection = (fieldName: string) => {
+    setSelectedFields((prev) =>
+      prev.includes(fieldName) ? prev.filter((f) => f !== fieldName) : [...prev, fieldName],
+    )
+  }
+
+  const toggleExportFieldSelection = (fieldName: ProductFields | VariantFields) => {
+    setSelectedExportFields((prev) =>
+      prev.includes(fieldName) ? prev.filter((f) => f !== fieldName) : [...prev, fieldName],
+    )
+  }
+
+  const toggleSelectAll = (checked: boolean) => {
+    setToggleAllChecked(checked)
+    if (checked) {
+      setSelectedExportFields([...availableExportFields])
+      setSelectedFields([...customFields])
+    } else {
+      setSelectedExportFields([...(config?.requiredExportFields || [])])
+      setSelectedFields([])
+    }
+  }
+
+  const handleExport = async () => {
+    const trimmedFileName = fileName.trim()
+    const finalFileName = trimmedFileName || config?.defaultFileName || 'products_export.csv'
+
+    toast.info(`Exporting ${productIds.length} products to ${finalFileName}`)
+
+    try {
+      const serverPath = getServerLocation()
+      const res = await fetch(
+        `${serverPath}/product-export/export?fileName=${encodeURIComponent(finalFileName)}&customFields=${encodeURIComponent(selectedFields.join(','))}&exportAssetsAs=${exportAssetsAs}&selectedExportFields=${encodeURIComponent(selectedExportFields.join(','))}`,
+        {
+          method: 'POST',
+          headers: {
+            'Content-Type': 'application/json',
+            ...getChannelHeader(),
+          },
+          credentials: 'include',
+          body: JSON.stringify(productIds),
+        },
+      )
+
+      if (!res.ok) {
+        const json = await res.json()
+        throw new Error(json?.message || 'Export failed')
+      }
+
+      console.log('res', res)
+      const header = res.headers.get('Content-Disposition')
+
+      const parts = header!.split(';')
+      const filename = parts[1].split('=')[1]
+      const blob = await res.blob()
+
+      const blobUrl = window.URL.createObjectURL(blob)
+      const a = document.createElement('a')
+      document.body.appendChild(a)
+      a.setAttribute('hidden', 'true')
+      a.href = blobUrl
+      a.download = filename
+      a.setAttribute('target', '_blank')
+      a.click()
+
+      onOpenChange(false)
+      toast.success('Products exported successfully')
+    } catch (error: any) {
+      console.error(error)
+      toast.error(error.message || 'Failed to export products')
+    }
+  }
+
+  return (
+    <Dialog open={open} onOpenChange={onOpenChange}>
+      <DialogContent className="max-w-2xl max-h-[80vh] overflow-y-auto">
+        <DialogHeader>
+          <DialogTitle>Export products to CSV</DialogTitle>
+          <DialogDescription>Configure export options</DialogDescription>
+        </DialogHeader>
+
+        <div className="space-y-4">
+          <div>
+            <Label htmlFor="file-name">File name (optional)</Label>
+            <Input
+              id="file-name"
+              value={fileName}
+              onChange={(e) => setFileName(e.target.value)}
+              placeholder={config?.defaultFileName || 'products_export.csv'}
+              className="mt-1"
+            />
+          </div>
+
+          <div className="flex items-center space-x-2">
+            <input
+              type="checkbox"
+              id="select-all"
+              checked={toggleAllChecked}
+              onChange={(e) => toggleSelectAll(e.target.checked)}
+            />
+            <Label htmlFor="select-all" className="font-normal">
+              Select all
+            </Label>
+          </div>
+
+          <div>
+            <Label>Fields to export</Label>
+            <div className="grid grid-cols-2 gap-2 mt-2">
+              {availableExportFields.map((field) => (
+                <div key={field} className="flex items-center space-x-2">
+                  <input
+                    type="checkbox"
+                    id={`field-${field}`}
+                    checked={selectedExportFields.includes(field)}
+                    onChange={() => toggleExportFieldSelection(field)}
+                    disabled={config?.requiredExportFields?.includes(field)}
+                  />
+                  <Label htmlFor={`field-${field}`} className="font-normal">
+                    {field}
+                  </Label>
+                </div>
+              ))}
+            </div>
+          </div>
+
+          {customFields.length > 0 && (
+            <div>
+              <Label>Custom fields to include in the export</Label>
+              <div className="grid grid-cols-2 gap-2 mt-2">
+                {customFields.map((field) => (
+                  <div key={field} className="flex items-center space-x-2">
+                    <input
+                      type="checkbox"
+                      id={`custom-${field}`}
+                      checked={selectedFields.includes(field)}
+                      onChange={() => toggleFieldSelection(field)}
+                    />
+                    <Label htmlFor={`custom-${field}`} className="font-normal">
+                      {field}
+                    </Label>
+                  </div>
+                ))}
+              </div>
+            </div>
+          )}
+
+          <div>
+            <Label>Export assets as:</Label>
+            <RadioGroup
+              value={exportAssetsAs}
+              onValueChange={(val) => setExportAssetsAs(val as 'url' | 'json')}
+            >
+              {config?.exportAssetsAsOptions?.includes('url') && (
+                <div className="flex items-center space-x-2">
+                  <RadioGroupItem value="url" id="assets-url" />
+                  <Label htmlFor="assets-url" className="font-normal">
+                    URL
+                  </Label>
+                </div>
+              )}
+              {config?.exportAssetsAsOptions?.includes('json') && (
+                <div className="flex items-center space-x-2">
+                  <RadioGroupItem value="json" id="assets-json" />
+                  <Label htmlFor="assets-json" className="font-normal">
+                    JSON
+                  </Label>
+                </div>
+              )}
+            </RadioGroup>
+          </div>
+        </div>
+
+        <DialogFooter>
+          <Button type="button" variant="outline" onClick={() => onOpenChange(false)}>
+            Cancel
+          </Button>
+          <Button type="button" onClick={handleExport}>
+            Export
+          </Button>
+        </DialogFooter>
+      </DialogContent>
+    </Dialog>
+  )
+}
+
+// Export Bulk Action Component for Product List
+export function ExportProductsBulkAction({
+  selection,
+  table,
+}: {
+  selection: Array<{ id: string }>
+  table: any
+}) {
+  const [dialogOpen, setDialogOpen] = useState(false)
+  const productIds = selection.map((product) => product.id)
+
+  const handleClose = () => {
+    setDialogOpen(false)
+    table.resetRowSelection()
+  }
+
+  return (
+    <>
+      <DataTableBulkActionItem
+        onClick={() => setDialogOpen(true)}
+        label="Export products to CSV"
+        icon={DownloadIcon}
+      />
+      <ExportDialog
+        open={dialogOpen}
+        onOpenChange={(open) => {
+          if (open) {
+            setDialogOpen(true)
+          } else {
+            handleClose()
+          }
+        }}
+        productIds={productIds}
+      />
+    </>
+  )
+}