Coder Social home page Coder Social logo

leapp-codeartifact-login-plugin's Introduction

Leapp Leapp

Leapp

Javascript License Slack

⚡ Lightning Fast, Safe, Desktop App for Cloud credentials managing and generation

Leapp is a Cross-Platform Cloud access App, built on top of Electron.

The App is designed to manage and secure Cloud Access in multi-account environments, and it is available for MacOS, Windows, and Linux.

How to build a plugin For Leapp

This README covers all the steps required to build a simple plugin for Leapp. If you are in a rush, you can jump directly to the build section!

1. Copy the template

Just click the green button above ⬆️ or use this quicklink. This action will fork the repository and gives you a ready-to-use template project for creating a new plugin.

2. Install the project locally

Just clone the forked repository and use

npm install

You are ready to go.

3. Configuring your new Plugin

Inside the project folder you will find 3 configuration file but you need to edit ony package.json:

PACKAGE.JSON overview of metadata:

{
  "name": "<YOUR-PLUGIN-NAME-IN-SNAKE-CASE>", // Must be unique on npm and can contain your organization name as well
  "author": "<YOU-OR-YOUR-ORGANIZATION>", // The author of this plugin
  "version": "1.0.0", // Any Semver Value is ok, be sure to always use a value > of the one on your npm repository
  "description": "<YOUR-AWESOME-PLUGIN-DESCRIPTION>", // Describe your plugin
  "keywords": [
    "leapp-plugin", // THIS IS MANDATORY!!!!
    "AWS" // Any other meaningful tag
    ...
  ],
  "leappPlugin": {
    "supportedOS": [
      "mac", "win", "linux" // You can insert one, two or all the values, you can also leave this tag blank to include all OSs
    ],
    "supportedSessions": [
      "awsIamRoleFederated", // Possible values are: any, aws, azure, awsIamRoleFederated, awsIamRoleChained, awsSsoRole, awsIamUser
      "awsIamRoleChained",
      "awsSsoRole"
      ...
    ]
  },
  ...
}

Remember: "keywords": [ "leapp-plugin" ] is Mandatory to allow Leapp to recognize the plugin!

4. Create your first plugin!

The base objects needed to create your plugin are implemented in the here, in the Leapp repository.

plugin-index.ts

plugin-index.ts is the entry point for your plugin! Open plugin-index.ts and export a class for your plugin. The exported class is implemented in a different file. You can see a real example below.

E.g. export { WebConsolePlugin } from "./web-console-plugin";. We are declaring WebConsolePlugin as our plugin class.

You are done with plugin-index.ts.

plugin-class.ts (web-console-plugin.ts in our example)

Create a new TypeScript class and extend AwsCredentialsPlugin.

There will be different kinds of plugins. AwsCredentialsPlugin is the first plugin available, so we're going to focus on that. The AwsCredentialsPlugin abstract class is defined in the plugin-sdk folder of the Leapp Core. You don't have to re-implement it from scratch, as the leapp-core npm package is a dependency of the provided plugin template.

export class WebConsolePlugin extends AwsCredentialsPlugin { ... }

Note: AwsCredentialsPlugin is a class from Leapp that gives you access to temporary credentials for a given session.

Add the following 3 imports (usually the editor will do this step for you):

import { Session } from "@noovolari/leapp-core/models/session";
import { AwsCredentialsPlugin } from "@noovolari/leapp-core/plugin-sdk/aws-credentials-plugin";
import { PluginLogLevel } from "@noovolari/leapp-core/plugin-sdk/plugin-log-level";

Inside the class you define 2 properties (actionName, actionIcon) and 1 method (applySessionAction); it's as simple as that! Let's see:

get actionName(): string {
  return "Open web console"; // Friendly Name of your plugin: will be used to show the action in the Leapp Menu and Leapp plugin List
}

get actionIcon(): string {
  return "fa fa-globe"; // An icon for your plugin! Currently compatible with Font-Awesome 5+ icon tags.
}

Here you can find a list of compatible icons!

Now the main dish: the action method! Leapp will use this method to execute an action based on a session's temporary credentials set, in this case will use them to generate a link shortcut to open AWS web console for that specific session's role.

async applySessionAction(session: Session, credentials: any): Promise<void> { ... }

As you can see, the applySessionAction method signature contains both a session and a credentials parameters. The credentials parameter is specific to the AwsCredentialsPlugin type; other plugin types could expect other parameters in addition to the session one, which contains Leapp Session metadata.

In the applySessionAction method you have access to 3 important variables:

  • session Leapp session the user clicked on, or selected in the Leapp CLI.

    export class Session {
     sessionId: string;
     status: SessionStatus;
     startDateTime?: string;
     type: SessionType;
     sessionTokenExpiration: string;
    
     constructor(public sessionName: string, public region: string) {
       this.sessionId = uuid.v4();
       this.status = SessionStatus.inactive;
       this.startDateTime = undefined;
     }
    
     expired(): boolean {
       if (this.startDateTime === undefined) {
         return false;
       }
       const currentTime = new Date().getTime();
       const startTime = new Date(this.startDateTime).getTime();
       return (currentTime - startTime) / 1000 > constants.sessionDuration;
     }
    }
  • credentials Credentials set for the session.

    export interface CredentialsInfo {
      sessionToken: {
        aws_access_key_id: string;
        aws_secret_access_key: string;
        aws_session_token: string;
        region: string;
      }
    }
  • pluginEnvironment A set of methods to help you develop your plugin:

    • log(message: string, level: PluginLogLevel, display: boolean): void Log a custom message in Leapp or in the log file

      argument type description
      message string the message to show
      level LogLevel severity of the message
      display boolean shows the message in a toast in the desktop app when true. Otherwise, log it in the log files
    • fetch(url: string): any Retrieve the content of an URL. Returns a promise for the URL

      argument type. description
      url string a valid HTTP URL to fetch from
    • openExternalUrl(url: string): void Open an external URL in the default browser

      argument type description
      url string a valid HTTP URL to open in the default browser
    • getProfileIdByName(profileName: string): string

      Return the ID of a NamedProfile from the given name if it exists, otherwise creates a new named profile and returns its ID.

      Can be used when creating/editing a session since SessionData requires the ID of a named profile.

      argument type description
      profileName string the name of the NamedProfile I want to retrieve
    • getIdpUrlIdByUrl(url: string): string

      Return the ID of the IdpUrl object from the given URL if it exists, otherwise creates a new IdP URL and returns its ID.

      Can be used when creating/editing Federated Sessions since SessionData requires the ID of an IdP URL.

      argument type description
      url string the URL associated with the IdpUrl I want to retrieve
    • openTerminal(command: string, env?: any): string

      Execute the given command in the platform-specific terminal; optionally, it is possible to set an env key/value object containing the env variables to export in the terminal, before the command execution.

      The terminal window base path is set to the home directory.

      argument type description
      command string the command that I want to execute in the platform-specific terminal
      env any optional key/value env variables object
    • createSession(createSessionData: SessionData): Promise<string>

      Create a new Leapp Session from the createSessionData parameter. The type of its argument is SessionData. In particular, SessionData is an abstract class that contains Leapp Session metadata.

      You have to pass a concrete implementation of the SessionData abstract clas to createSession. Available concrete implementations are: AwsIamUserSessionData, AwsIamRoleFederatedSessionData, or AwsIamRoleChainedSessionData.

      argument type description
      createSessionData SessionData the metadata used to create the Leapp Session
    • cloneSession(session: Session): Promise<string>

      This method allows you to clone the given Leapp Session. This operation is allowed for the following Leapp Session types:

      • AwsIamUserSession
      • AwsIamRoleFederatedSession
      • AwsIamRoleChainedSession
      argument type description
      session Session the Leapp Session that I want to clone
    • updateSession(updateSessionData: SessionData, session: Session): Promise<void>

      This method allows you to update the given session with the given updateSessionData. This operation is allowed for the following Leapp Session types:

      • AwsIamUserSession
      • AwsIamRoleFederatedSession
      • AwsIamRoleChainedSession
      argument type description
      updateSessionData SessionData the metadata used to update the given Leapp Session
      session Session the Leapp Session that I want to update

Finally you can find the complete code reference for our example plugin here.

Build and publish!

Build plugin.js

Use npm run build. A complete project will be created inside the root folder.

Note: you can test your plugin before submission, by copying the output folder of npm run build inside ~/.Leapp/plugins/.

Publish your plugin

  • Login to npm (you need to be registered on npm as a user or an organization) using npm login in the <project-root>/<plugin-name> folder generated by the command npm run build, which has the same name as the one declared in the package.json.
  • Publish the plugin with npm publish --access public.

Examples

You can find examples of plugins for Leapp in the dedicated section of our documentation.

Final notes

If you want a more detailed explanation of the plugin system please go to the dedicated section in our documentation.

leapp-codeartifact-login-plugin's People

Contributors

ismaelmartinez avatar renovate[bot] avatar

Watchers

 avatar  avatar

leapp-codeartifact-login-plugin's Issues

Dependency Dashboard

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

Detected dependencies

npm
package.json
  • @noovolari/leapp-core 0.1.131
  • copy-webpack-plugin ^11.0.0
  • path-browserify ^1.0.1
  • ts-loader ^9.3.1
  • typescript ^4.7.4
  • webpack ^5.74.0
  • webpack-cli ^5.0.1

  • Check this box to trigger a request for Renovate to run again on this repository

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.