|
+ |
+
+ {props.name}+ |
+ + {props.release} ({props.platform}) + | ++ + | +
+ {props.readme as string}
+
+ );
+ } else {
+ return ;
+ }
+}
diff --git a/SwanProjects/packages/launcher-extension/src/icons.ts b/SwanProjects/packages/launcher-extension/src/icons.ts
new file mode 100644
index 00000000..0ec6a182
--- /dev/null
+++ b/SwanProjects/packages/launcher-extension/src/icons.ts
@@ -0,0 +1,40 @@
+import { LabIcon } from '@jupyterlab/ui-components';
+
+import swanProjectIconStr from '../style/project.svg';
+import swanProjectImportIconStr from '../style/cloud-download-alt.svg';
+import swanReadmeIconStr from '../style/list-alt.svg';
+import swanConfigIconStr from '../style/cog.svg';
+
+import swanProjectsIconStr from '../style/projects.svg';
+
+import cernboxIconStr from '../style/cernbox.svg';
+
+export const swanProjectIcon = new LabIcon({
+ name: 'jupyterlab_swan:project',
+ svgstr: swanProjectIconStr
+});
+
+export const swanProjectImportIcon = new LabIcon({
+ name: 'jupyterlab_swan:project_import',
+ svgstr: swanProjectImportIconStr
+});
+
+export const swanReadmeIcon = new LabIcon({
+ name: 'jupyterlab_swan:reame',
+ svgstr: swanReadmeIconStr
+});
+
+export const swanConfigIcon = new LabIcon({
+ name: 'jupyterlab_swan:config',
+ svgstr: swanConfigIconStr
+});
+
+export const swanProjectsIcon = new LabIcon({
+ name: 'jupyterlab_swan:projects',
+ svgstr: swanProjectsIconStr
+});
+
+export const cernboxIcon = new LabIcon({
+ name: 'jupyterlab_swan:cernbox',
+ svgstr: cernboxIconStr
+});
diff --git a/SwanProjects/packages/launcher-extension/src/index.ts b/SwanProjects/packages/launcher-extension/src/index.ts
new file mode 100644
index 00000000..8d697ab1
--- /dev/null
+++ b/SwanProjects/packages/launcher-extension/src/index.ts
@@ -0,0 +1,112 @@
+// Copyright (c) SWAN Development Team.
+// Auhtor: Omar.Zapata@cern.ch 2021, modified from original launcher.
+
+import {
+ ILabShell,
+ JupyterFrontEnd,
+ JupyterFrontEndPlugin
+} from '@jupyterlab/application';
+import { ICommandPalette, MainAreaWidget } from '@jupyterlab/apputils';
+import { ILauncher, LauncherModel } from '@jupyterlab/launcher';
+import { SWANLauncher } from './launcher';
+import { launcherIcon } from '@jupyterlab/ui-components';
+
+import { toArray } from '@lumino/algorithm';
+import { ReadonlyPartialJSONObject } from '@lumino/coreutils';
+import { Widget } from '@lumino/widgets';
+
+/**
+ * The command IDs used by the launcher plugin.
+ */
+namespace CommandIDs {
+ export const create_launcher = 'launcher:create';
+ export const create_project = 'swan:create_project';
+ export const import_project = 'swan:import_project';
+}
+
+/**
+ * A service providing an interface to the the launcher.
+ */
+const plugin: JupyterFrontEndPlugin
+
+
+ Readme
+
+
+ );
+ sections.push(section);
+ }
+ });
+
+ // Wrap the sections in body and content divs.
+ return (
+
+
+ {cat}
+
+ {toArray(
+ map(categories[cat], (item: ILauncher.IItemOptions) => {
+ return Card(
+ kernel,
+ item,
+ this,
+ this._commands,
+ this._callback
+ );
+ })
+ )}
+
+
+
+ );
+ }
+
+ private _commands: CommandRegistry;
+ private _callback: (widget: Widget) => void;
+ private _pending = false;
+ private _cwd = '';
+ private _spinner: Spinner;
+
+ private is_project = false;
+ private project_name = '';
+ private stack = '';
+ private release = '';
+ private platform = '';
+ private user_script = '';
+ private project_path = '';
+ private readme: string | null = '';
+ private stacks_path: string | null = '';
+ public service_manager: ServiceManager | null = null;
+}
+
+/**
+ * A pure tsx component for a launcher card.
+ *
+ * @param kernel - whether the item takes uses a kernel.
+ *
+ * @param item - the launcher item to render.
+ *
+ * @param launcher - the Launcher instance to which this is added.
+ *
+ * @param launcherCallback - a callback to call after an item has been launched.
+ *
+ * @returns a vdom `VirtualElement` for the launcher card.
+ */
+function Card(
+ kernel: boolean,
+ item: ILauncher.IItemOptions,
+ launcher: SWANLauncher,
+ commands: CommandRegistry,
+ launcherCallback: (widget: Widget) => void
+): React.ReactElement
+
+
+
+ );
+}
+
+/**
+ * The namespace for module private data.
+ */
+namespace Private {
+ /**
+ * An incrementing counter for keys.
+ */
+ let id = 0;
+
+ /**
+ * An attached property for an item's key.
+ */
+ export const keyProperty = new AttachedProperty<
+ ILauncher.IItemOptions,
+ number
+ >({
+ name: 'key',
+ create: () => id++
+ });
+
+ /**
+ * Create a fully specified item given item options.
+ */
+ export function createItem(
+ options: ILauncher.IItemOptions
+ ): ILauncher.IItemOptions {
+ return {
+ ...options,
+ category: options.category || '',
+ rank: options.rank !== undefined ? options.rank : Infinity
+ };
+ }
+
+ /**
+ * A sort comparison function for a launcher item.
+ */
+ export function sortCmp(
+ a: ILauncher.IItemOptions,
+ b: ILauncher.IItemOptions,
+ cwd: string,
+ commands: CommandRegistry
+ ): number {
+ // First, compare by rank.
+ const r1 = a.rank;
+ const r2 = b.rank;
+ if (r1 !== r2 && r1 !== undefined && r2 !== undefined) {
+ return r1 < r2 ? -1 : 1; // Infinity safe
+ }
+
+ // Finally, compare by display name.
+ const aLabel = commands.label(a.command, { ...a.args, cwd });
+ const bLabel = commands.label(b.command, { ...b.args, cwd });
+ return aLabel.localeCompare(bLabel);
+ }
+}
diff --git a/SwanProjects/packages/launcher-extension/src/request.ts b/SwanProjects/packages/launcher-extension/src/request.ts
new file mode 100644
index 00000000..1fea3584
--- /dev/null
+++ b/SwanProjects/packages/launcher-extension/src/request.ts
@@ -0,0 +1,34 @@
+import { URLExt } from '@jupyterlab/coreutils';
+
+import { ServerConnection } from '@jupyterlab/services';
+
+/**
+ * Call the API extension
+ *
+ * @param endPoint API REST end point for the extension
+ * @param init Initial values for the request
+ * @returns The response body interpreted as JSON
+ */
+export async function request
+ {kernel ? (
+ item.kernelIconUrl ? (
+ 
+ ) : (
+
+
+ {label[0].toUpperCase()}
+
+ )
+ ) : (
+
+
+ {label}
+
+
+ ?
+
+ `${dataTip}`}
+ />
+
+ );
+}
+
+/**
+ * A pure tsx component for a ProjectDialog card.
+ *
+ * @param label - Text for the Card
+ * @param icon - Icon for the Card
+ * @param isSelected - Helps to know the selected stack.
+ * @param updateCallback - Callback to update stacks on other components
+ * @returns a vdom `VirtualElement` for the ProjectDialog card.
+ */
+export function Card(props: {
+ label: string;
+ icon: LabIcon;
+ isSelected?: boolean;
+ updateCallback: (stack: string) => void;
+}): React.ReactElement
+
+ );
+}
diff --git a/SwanProjects/packages/projects-extension/src/ProjectDialog.tsx b/SwanProjects/packages/projects-extension/src/ProjectDialog.tsx
new file mode 100644
index 00000000..2ecc0f73
--- /dev/null
+++ b/SwanProjects/packages/projects-extension/src/ProjectDialog.tsx
@@ -0,0 +1,190 @@
+// Copyright (c) SWAN Team.
+// Author: Omar Zapata CERN 2021
+
+/**
+ * ProjectDialog is a modal dialog that allows to create and edit projects,
+ * the dialog allows to select the stack, release, platform and write in a textbox
+ * a bash script to run inside the project.
+ *
+ * If the .swanproject file is corrupted, this dialog will appear
+ * for the user to enter the right information about the project again.
+ */
+
+import { showErrorMessage } from '@jupyterlab/apputils';
+import { showDialog } from './dialog';
+import { createProjectRequest, editProjectRequest } from './request';
+import { Spinner } from '@jupyterlab/apputils';
+import { CommandRegistry } from '@lumino/commands';
+/**
+ * Namespace for project dialogs
+ */
+export namespace ProjectDialog {
+ export interface ISWANStackNodeOptions {
+ releases: { [release: string]: Array
+ {
+
+
+
+ {props.label}
+
+
+ );
+};
diff --git a/SwanProjects/packages/projects-extension/src/dialog.tsx b/SwanProjects/packages/projects-extension/src/dialog.tsx
new file mode 100644
index 00000000..7ce3c046
--- /dev/null
+++ b/SwanProjects/packages/projects-extension/src/dialog.tsx
@@ -0,0 +1,67 @@
+// Copyright (c) SWAN Development Team.
+// Author: Omar.Zapata@cern.ch 2021
+
+/**
+ * File with utility function "showDialog" to display the react widget with mutliple components of the dialog,
+ * see showDialog documentation for more details.
+ */
+
+import React from 'react';
+import { ReactWidget } from '@jupyterlab/apputils';
+import { Widget } from '@lumino/widgets';
+
+import Dialog from '@material-ui/core/Dialog';
+import DialogContent from '@material-ui/core/DialogContent';
+
+import { ThemeProvider } from './theme-provider';
+import { ProjectWidget } from './ProjectWidget';
+import { ProjectDialog } from './ProjectDialog';
+
+/**
+ * Utility function to display the ProjectWidget.
+ * This function allows to create a ReactWidget to embed all the components
+ * and attach it to the document body.
+ *
+ * @param options - The dialog setup options.
+ * @param stacks - Available stack options.
+ * @param theme - colors in the interface 'light' | 'dark'.
+ * @returns A promise that resolves with whether the dialog was accepted
+ */
+
+export async function showDialog(
+ options: ProjectDialog.ISWANOptions,
+ theme: 'light' | 'dark',
+ stacks: ProjectDialog.ISWANStackOptions
+): Promise<{
+ changesSaved: boolean;
+ newOptions?: ProjectDialog.ISWANOptions;
+}> {
+ return new Promise((resolve) => {
+ const widget = ReactWidget.create(
+
+
+
+ {availableStacks.map((item) => (
+ onChangeStack(item)}
+ isSelected={stack === item}
+ />
+ ))}
+
+
+
+
+
+ {availableReleases.map((release, index) => {
+ return (
+
+ );
+ })}
+
+
+
+ Release
+
+
+
+
+ {availablePlatforms.map((platform, index) => {
+ return (
+
+ );
+ })}
+
+
+
+ Platform
+
+
+
+
+
+
+ User environment
+
+
+
+
+
+
+