DownloadFile state action

src/mol-plugin-state/actions/file.ts

@@ -18,7 +18,10 @@ export const OpenFiles = StateAction.build({
         const { extensions, options } = ctx.dataFormats;
         return {
             files: PD.FileList({ accept: Array.from(extensions.values()).map(e => `.${e}`).join(',') + ',.gz,.zip', multiple: true }),
-            format: PD.Select('auto', options),
+            format: PD.MappedStatic('auto', {
+                auto: PD.EmptyGroup(),
+                specific: PD.Select(options[0][0], options)
+            }),
             visuals: PD.Boolean(true, { description: 'Add default visuals' }),
         };
     }
@@ -35,9 +38,9 @@ export const OpenFiles = StateAction.build({
                 const info = getFileInfo(file.file!);
                 const isBinary = plugin.dataFormats.binaryExtensions.has(info.ext);
                 const { data } = await plugin.builders.data.readFile({ file, isBinary });
-                const provider = params.format === 'auto'
+                const provider = params.format.name === 'auto'
                     ? plugin.dataFormats.auto(info, data.cell?.obj!)
-                    : plugin.dataFormats.get(params.format);
+                    : plugin.dataFormats.get(params.format.params);
 
                 if (!provider) {
                     plugin.log.warn(`OpenFiles: could not find data provider for '${info.name}.${info.ext}'`);
@@ -54,4 +57,38 @@ export const OpenFiles = StateAction.build({
             }
         }
     }).runInContext(taskCtx);
+}));
+
+export const DownloadFile = StateAction.build({
+    display: { name: 'Download File', description: 'Load one or more file from an URL' },
+    from: PluginStateObject.Root,
+    params: (a, ctx: PluginContext) => {
+        const { options } = ctx.dataFormats;
+        return {
+            url: PD.Url(''),
+            format: PD.Select(options[0][0], options),
+            isBinary: PD.Boolean(false),
+            visuals: PD.Boolean(true, { description: 'Add default visuals' }),
+        };
+    }
+})(({ params, state }, plugin: PluginContext) => Task.create('Open Files', async taskCtx => {
+    plugin.behaviors.layout.leftPanelTabName.next('data');
+
+    await state.transaction(async () => {
+        try {
+            const provider = plugin.dataFormats.get(params.format);
+            if (!provider) {
+                plugin.log.warn(`DownloadFile: could not find data provider for '${params.format}'`);
+                return;
+            }
+
+            const data = await plugin.builders.data.download({ url: params.url, isBinary: params.isBinary });
+            const parsed = await provider.parse(plugin, data);
+            if (params.visuals) {
+                await provider.visuals?.(plugin, parsed);
+            }
+        } catch (e) {
+            plugin.log.error(e);
+        }
+    }).runInContext(taskCtx);
 }));

src/mol-plugin-state/formats/registry.ts

@@ -45,7 +45,7 @@ export class DataFormatRegistry {
 
     get options() {
         if (this._options) return this._options;
-        const options: [string, string, string][] = [['auto', 'Automatic', '']];
+        const options: [string, string, string][] = [];
         this._list.forEach(({ name, provider }) => options.push([ name, provider.label, provider.category || '' ]));
         this._options = options;
         return options;

src/mol-plugin/index.ts

@@ -24,6 +24,7 @@ export const DefaultPluginSpec: PluginSpec = {
         PluginSpec.Action(StateActions.Structure.DownloadStructure),
         PluginSpec.Action(StateActions.Structure.AddTrajectory),
         PluginSpec.Action(StateActions.Volume.DownloadDensity),
+        PluginSpec.Action(StateActions.DataFormat.DownloadFile),
         PluginSpec.Action(StateActions.DataFormat.OpenFiles),
         PluginSpec.Action(StateActions.Structure.EnableModelCustomProps),
         PluginSpec.Action(StateActions.Structure.EnableStructureCustomProps),