@apia/cli 4.0.25 → 4.0.27

package/cli/cli.cjs

@@ -1,4 +1,4 @@
-#!/usr/bin/env node
+#!/usr/bin/env node
 
 const { program, Command } = require('commander');
 const { spawn } = require('child_process');

package/cli/templates/component_uploader.java

@@ -1,18 +1,18 @@
-package test;
-
-import com.dogma.busClass.customComponent.AbstractCustomComponent;
-import com.dogma.busClass.customComponent.CustomComponentAttribute;
-import com.dogma.busClass.customComponent.CustomComponentData;
-
-@CustomComponentData(
-		name = "__COMPONENT_NAME__",
-		title = "Files uploader",
-		description = "Componente de demo que permite la carga de archivos.")
-public class __COMPONENT_NAME__ extends AbstractCustomComponent {
-	@CustomComponentAttribute(
-			name = "uploaded",
-			title = "Archivos subidos",
-			description = "Este atributo esetá marcado con isDocument=true, lo que permite al server tratarlo diferente por conveniencia para el cliente.",
-			isDocument = true)
-	public Attribute uploaded;
-}
+package test;
+
+import com.dogma.busClass.customComponent.AbstractCustomComponent;
+import com.dogma.busClass.customComponent.CustomComponentAttribute;
+import com.dogma.busClass.customComponent.CustomComponentData;
+
+@CustomComponentData(
+		name = "__COMPONENT_NAME__",
+		title = "Files uploader",
+		description = "Componente de demo que permite la carga de archivos.")
+public class __COMPONENT_NAME__ extends AbstractCustomComponent {
+	@CustomComponentAttribute(
+			name = "uploaded",
+			title = "Archivos subidos",
+			description = "Este atributo esetá marcado con isDocument=true, lo que permite al server tratarlo diferente por conveniencia para el cliente.",
+			isDocument = true)
+	public Attribute uploaded;
+}

package/cli/templates/component_uploader.tsx

@@ -1,76 +1,76 @@
-import { FC } from 'react';
-import { AbstractCustomComponent, Plugin } from '@apia/execution-react';
-import { Box, ThemeUICSSObject } from '@apia/theme';
-import {
-  UploadHandler,
-  Uploader as ExternalUploaderComponent,
-} from '@apia/components';
-
-const __COMPONENT_NAME__Styles: ThemeUICSSObject = {
-  '&.__COMPONENT_NAME_SNAKE__': {},
-};
-
-type UploaderState = { name: string; index: number }[];
-
-class __COMPONENT_NAME__ extends AbstractCustomComponent {
-  /**
-   * El uploader handler es una clase utilitaria que se usa para gestionar la vista de upload.
-   *
-   * La ventaja más específica que tiene es que se mapea directamente con el componente Uploader
-   * de @apia/components, lo cual permite un manejo muy sencillo del upload de archivos.
-   */
-  uploadHandler = new UploadHandler({
-    initialFiles: [],
-    isMultiple: true,
-    onDelete: async (_file) => {
-      /**
-       * El método onDelete del uploadHandler se mapea directamente con el método removeIndex del CustomComponent::Handler
-       */
-      const result = await this.handler.removeIndex(
-        'uploaded',
-        _file.id as number,
-      );
-
-      return result || 'Something went wrong when deleting the file';
-    },
-    onUpload: async (file) => {
-      /**
-       * El método onUpload del uploadHandler se mapea directamente con el método upload del CustomComponent::Handler
-       */
-      const result = await this.handler.upload('uploaded', file.file, {
-        signal: file.abortController?.signal,
-        onUploadProgress: (p) => (file.progress = p),
-      });
-
-      if (result?.success) {
-        /**
-         * Si todo salió bien obtenemos el índice donde fue colocado el archivo y el nombre del mismo, que coincide
-         * con el nombre original del archivo.
-         */
-        return { id: result.index, name: result.fileName };
-      }
-
-      return 'Something went wrong when uploading the file';
-    },
-  });
-
-  protected init() {
-    /**
-     * Cuando el atributo se marca con isDocument=true, el server responde con el tipo UploaderState,
-     * que podemos usarlo para mapear el estado inicial del uploader.
-     */
-    this.uploadHandler.state.uploadedFiles = (
-      this.handler.getValues('uploaded') as UploaderState
-    ).map((c) => ({ id: c.index, name: c.name }));
-  }
-
-  protected Component: FC = () => {
-    return (
-      <Box className="__COMPONENT_NAME_SNAKE__" sx={__COMPONENT_NAME__Styles}>
-        <ExternalUploaderComponent handler={this.uploadHandler} />
-      </Box>
-    );
-  };
-}
-
-new Plugin('__COMPONENT_NAME__', __COMPONENT_NAME__);
+import { FC } from 'react';
+import { AbstractCustomComponent, Plugin } from '@apia/execution-react';
+import { Box, ThemeUICSSObject } from '@apia/theme';
+import {
+  UploadHandler,
+  Uploader as ExternalUploaderComponent,
+} from '@apia/components';
+
+const __COMPONENT_NAME__Styles: ThemeUICSSObject = {
+  '&.__COMPONENT_NAME_SNAKE__': {},
+};
+
+type UploaderState = { name: string; index: number }[];
+
+class __COMPONENT_NAME__ extends AbstractCustomComponent {
+  /**
+   * El uploader handler es una clase utilitaria que se usa para gestionar la vista de upload.
+   *
+   * La ventaja más específica que tiene es que se mapea directamente con el componente Uploader
+   * de @apia/components, lo cual permite un manejo muy sencillo del upload de archivos.
+   */
+  uploadHandler = new UploadHandler({
+    initialFiles: [],
+    isMultiple: true,
+    onDelete: async (_file) => {
+      /**
+       * El método onDelete del uploadHandler se mapea directamente con el método removeIndex del CustomComponent::Handler
+       */
+      const result = await this.handler.removeIndex(
+        'uploaded',
+        _file.id as number,
+      );
+
+      return result || 'Something went wrong when deleting the file';
+    },
+    onUpload: async (file) => {
+      /**
+       * El método onUpload del uploadHandler se mapea directamente con el método upload del CustomComponent::Handler
+       */
+      const result = await this.handler.upload('uploaded', file.file, {
+        signal: file.abortController?.signal,
+        onUploadProgress: (p) => (file.progress = p),
+      });
+
+      if (result?.success) {
+        /**
+         * Si todo salió bien obtenemos el índice donde fue colocado el archivo y el nombre del mismo, que coincide
+         * con el nombre original del archivo.
+         */
+        return { id: result.index, name: result.fileName };
+      }
+
+      return 'Something went wrong when uploading the file';
+    },
+  });
+
+  protected init() {
+    /**
+     * Cuando el atributo se marca con isDocument=true, el server responde con el tipo UploaderState,
+     * que podemos usarlo para mapear el estado inicial del uploader.
+     */
+    this.uploadHandler.state.uploadedFiles = (
+      this.handler.getValues('uploaded') as UploaderState
+    ).map((c) => ({ id: c.index, name: c.name }));
+  }
+
+  protected Component: FC = () => {
+    return (
+      <Box className="__COMPONENT_NAME_SNAKE__" sx={__COMPONENT_NAME__Styles}>
+        <ExternalUploaderComponent handler={this.uploadHandler} />
+      </Box>
+    );
+  };
+}
+
+new Plugin('__COMPONENT_NAME__', __COMPONENT_NAME__);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@apia/cli",
-  "version": "4.0.25",
+  "version": "4.0.27",
   "sideEffects": true,
   "author": "Alexis Leite <alexisleite@live.com>",
   "bin": {
@@ -14,7 +14,7 @@
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   },
-  "gitHead": "3e7ab497e829f8dbd6e9c2080b8606aa00f6e478",
+  "gitHead": "605f1ac826c47102ca7617f42a791fe7e3ef2444",
   "devDependencies": {
     "ts-loader": "^9.5.2",
     "wrapper-webpack-plugin": "^2.2.2"