diff --git a/.azure-pipelines.yml b/.azure-pipelines.yml index 86c83c39a1..33dfe83206 100644 --- a/.azure-pipelines.yml +++ b/.azure-pipelines.yml @@ -30,10 +30,9 @@ jobs: displayName: Install Node.js - task: Cache@2 inputs: - key: yarn | $(Agent.OS) | yarn.lock + key: 'yarn | "$(Agent.OS)"" | yarn.lock' restoreKeys: | yarn | "$(Agent.OS)" - yarn path: $(YARN_CACHE_FOLDER) displayName: Cache Yarn packages - script: make node_modules @@ -70,10 +69,9 @@ jobs: displayName: Install Node.js - task: Cache@2 inputs: - key: yarn | $(Agent.OS) | yarn.lock + key: 'yarn | "$(Agent.OS)" | yarn.lock' restoreKeys: | yarn | "$(Agent.OS)" - yarn path: $(YARN_CACHE_FOLDER) displayName: Cache Yarn packages - script: make node_modules @@ -116,10 +114,9 @@ jobs: displayName: Install Node.js - task: Cache@2 inputs: - key: yarn | $(Agent.OS) | yarn.lock + key: 'yarn | "$(Agent.OS)" | yarn.lock' restoreKeys: | yarn | "$(Agent.OS)" - yarn path: $(YARN_CACHE_FOLDER) displayName: Cache Yarn packages - script: make node_modules diff --git a/.eslintrc.js b/.eslintrc.js index 5a377b06e0..913d959a97 100644 --- a/.eslintrc.js +++ b/.eslintrc.js @@ -26,6 +26,7 @@ module.exports = { }], "no-unused-vars": "off", "semi": ["error", "always"], + "object-shorthand": "error", } }, { @@ -58,6 +59,7 @@ module.exports = { }], "semi": "off", "@typescript-eslint/semi": ["error"], + "object-shorthand": "error", }, }, { @@ -90,6 +92,7 @@ module.exports = { }], "semi": "off", "@typescript-eslint/semi": ["error"], + "object-shorthand": "error", }, } ] diff --git a/docs/extensions/guides/main-extension.md b/docs/extensions/guides/main-extension.md index c9ad9e378b..e1249da0d4 100644 --- a/docs/extensions/guides/main-extension.md +++ b/docs/extensions/guides/main-extension.md @@ -20,7 +20,7 @@ export default class ExampleExtensionMain extends LensMainExtension { } ``` -There are two methods that you can implement to facilitate running your custom code. `onActivate()` is called when your extension has been successfully enabled. By overriding `onActivate()` you can initiate your custom code. `onDeactivate()` is called when the extension is disabled (typically from the [Lens Extensions Page]()) and when implemented gives you a chance to clean up after your extension, if necessary. The example above simply logs messages when the extension is enabled and disabled. Note that to see standard output from the main process there must be a console connected to it. This is typically achieved by starting Lens from the command prompt. +There are two methods that you can implement to facilitate running your custom code. `onActivate()` is called when your extension has been successfully enabled. By implementing `onActivate()` you can initiate your custom code. `onDeactivate()` is called when the extension is disabled (typically from the [Lens Extensions Page]()) and when implemented gives you a chance to clean up after your extension, if necessary. The example above simply logs messages when the extension is enabled and disabled. Note that to see standard output from the main process there must be a console connected to it. This is typically achieved by starting Lens from the command prompt. The following example is a little more interesting in that it accesses some Lens state data and periodically logs the name of the currently active cluster in Lens. diff --git a/docs/extensions/guides/renderer-extension.md b/docs/extensions/guides/renderer-extension.md index fc4f9b8bdd..8d02fb9cef 100644 --- a/docs/extensions/guides/renderer-extension.md +++ b/docs/extensions/guides/renderer-extension.md @@ -1 +1,425 @@ # Renderer Extension + +The renderer extension api is the interface to Lens' renderer process (Lens runs in main and renderer processes). It allows you to access, configure, and customize Lens data, add custom Lens UI elements, and generally run custom code in Lens' renderer process. The custom Lens UI elements that can be added include global pages, cluster pages, cluster page menus, cluster features, app preferences, status bar items, KubeObject menu items, and KubeObject details items. These UI elements are based on React components. + +## `LensRendererExtension` Class + +To create a renderer extension simply extend the `LensRendererExtension` class: + +``` typescript +import { LensRendererExtension } from "@k8slens/extensions"; + +export default class ExampleExtensionMain extends LensRendererExtension { + onActivate() { + console.log('custom renderer process extension code started'); + } + + onDeactivate() { + console.log('custom renderer process extension de-activated'); + } +} +``` + +There are two methods that you can implement to facilitate running your custom code. `onActivate()` is called when your extension has been successfully enabled. By implementing `onActivate()` you can initiate your custom code. `onDeactivate()` is called when the extension is disabled (typically from the [Lens Extensions Page]()) and when implemented gives you a chance to clean up after your extension, if necessary. The example above simply logs messages when the extension is enabled and disabled. + +### `clusterPages` + +Cluster pages appear as part of the cluster dashboard. They are accessible from the side bar, and are shown in the menu list after *Custom Resources*. It is conventional to use a cluster page to show information or provide functionality pertaining to the active cluster, along with custom data and functionality your extension may have. However, it is not limited to the active cluster. Also, your extension can gain access to the Kubernetes resources in the active cluster in a straightforward manner using the [`clusterStore`](../stores#clusterstore). + +The following example adds a cluster page definition to a `LensRendererExtension` subclass: + +``` typescript +import { LensRendererExtension } from "@k8slens/extensions"; +import { ExampleIcon, ExamplePage } from "./page" +import React from "react" + +export default class ExampleExtension extends LensRendererExtension { + clusterPages = [ + { + id: "hello", + components: { + Page: () => , + } + } + ]; +} +``` + +Cluster pages are objects matching the `PageRegistration` interface. The `id` field identiifies the page, and at its simplest is just a string identifier, as shown in the example above. The 'id' field can also convey route path details, such as variable parameters provided to a page ([See example below]()). The `components` field matches the `PageComponents` interface for wich there is one field, `Page`. `Page` is of type ` React.ComponentType`, which gives you great flexibility in defining the appearance and behaviour of your page. For the example above `ExamplePage` can be defined in `page.tsx`: + +``` typescript +import { LensRendererExtension } from "@k8slens/extensions"; +import React from "react" + +export class ExamplePage extends React.Component<{ extension: LensRendererExtension }> { + render() { + return ( +
+

Hello world!

+
+ ) + } +} +``` + +Note that the `ExamplePage` class defines a property named `extension`. This allows the `ExampleExtension` object to be passed in React-style in the cluster page definition, so that `ExamplePage` can access any `ExampleExtension` subclass data. + +### `clusterPageMenus` + +The above example code shows how to create a cluster page but not how to make it available to the Lens user. Cluster pages are typically made available through a menu item in the cluster dashboard sidebar. Expanding on the above example a cluster page menu is added to the `ExampleExtension` definition: + +``` typescript +import { LensRendererExtension } from "@k8slens/extensions"; +import { ExampleIcon, ExamplePage } from "./page" +import React from "react" + +export default class ExampleExtension extends LensRendererExtension { + clusterPages = [ + { + id: "hello", + components: { + Page: () => , + } + } + ]; + + clusterPageMenus = [ + { + target: { pageId: "hello" }, + title: "Hello World", + components: { + Icon: ExampleIcon, + } + }, + ]; +} +``` + +Cluster page menus are objects matching the `ClusterPageMenuRegistration` interface. They define the appearance of the cluster page menu item in the cluster dashboard sidebar and the behaviour when the cluster page menu item is activated (typically by a mouse click). The example above uses the `target` field to set the behaviour as a link to the cluster page with `id` of `"hello"`. This is done by setting `target`'s `pageId` field to `"hello"`. The cluster page menu item's appearance is defined by setting the `title` field to the text that is to be displayed in the cluster dashboard sidebar. The `components` field is used to set an icon that appears to the left of the `title` text in the sidebar. Thus when the `"Hello World"` menu item is activated the cluster dashboard will show the contents of `ExamplePage`. This example requires the definition of another React-based component, `ExampleIcon`, which has been added to `page.tsx`: + +``` typescript +import { LensRendererExtension, Component } from "@k8slens/extensions"; +import React from "react" + +export function ExampleIcon(props: Component.IconProps) { + return +} + +export class ExamplePage extends React.Component<{ extension: LensRendererExtension }> { + render() { + return ( +
+

Hello world!

+
+ ) + } +} +``` + +`ExampleIcon` introduces one of Lens' built-in components available to extension developers, the `Component.Icon`. Built in are the [Material Design](https://material.io) [icons](https://material.io/resources/icons/). One can be selected by name via the `material` field. `ExampleIcon` also sets a tooltip, shown when the Lens user hovers over the icon with a mouse, by setting the `tooltip` field. + +A cluster page menu can also be used to define a foldout submenu in the cluster dashboard sidebar. This enables the grouping of cluster pages. The following example shows how to specify a submenu having two menu items: + +``` typescript +import { LensRendererExtension } from "@k8slens/extensions"; +import { ExampleIcon, ExamplePage } from "./page" +import React from "react" + +export default class ExampleExtension extends LensRendererExtension { + clusterPages = [ + { + id: "hello", + components: { + Page: () => , + } + }, + { + id: "bonjour", + components: { + Page: () => , + } + } + ]; + + clusterPageMenus = [ + { + id: "example", + title: "Greetings", + components: { + Icon: ExampleIcon, + } + }, + { + parentId: "example", + target: { pageId: "hello" }, + title: "Hello World", + components: { + Icon: ExampleIcon, + } + }, + { + parentId: "example", + target: { pageId: "bonjour" }, + title: "Bonjour le monde", + components: { + Icon: ExempleIcon, + } + } + ]; +} +``` + +The above defines two cluster pages and three cluster page menu objects. The cluster page definitons are straightforward. The first cluster page menu object defines the parent of a foldout submenu. Setting the `id` field in a cluster page menu definition implies that it is defining a foldout submenu. Also note that the `target` field is not specified (it is ignored if the `id` field is specified). This cluster page menu object specifies the `title` and `components` fields, which are used in displaying the menu item in the cluster dashboard sidebar. Initially the submenu is hidden. Activating this menu item toggles on and off the appearance of the submenu below it. The remaining two cluster page menu objects define the contents of the submenu. A cluster page menu object is defined to be a submenu item by setting the `parentId` field to the id of the parent of a foldout submenu, `"example"` in this case + +### `globalPages` + +Global pages appear independently of the cluster dashboard and they fill the Lens UI space. A global page is typically triggered from the cluster menu using a [global page menu](#globalpagemenus). They can also be triggered by a [custom app menu selection](../main-extension#appmenus) from a Main Extension or a [custom status bar item](#statusbaritems). Global pages can appear even when there is no active cluster, unlike cluster pages. It is conventional to use a global page to show information and provide functionality relevant across clusters, along with custom data and functionality that your extension may have. + +The following example defines a `LensRendererExtension` subclass with a single global page definition: + +``` typescript +import { LensRendererExtension } from '@k8slens/extensions'; +import { HelpPage } from './page'; +import React from 'react'; + +export default class HelpExtension extends LensRendererExtension { + globalPages = [ + { + id: "help", + components: { + Page: () => , + } + } + ]; +} +``` + +Global pages are objects matching the `PageRegistration` interface. The `id` field identiifies the page, and at its simplest is just a string identifier, as shown in the example above. The 'id' field can also convey route path details, such as variable parameters provided to a page ([See example below]()). The `components` field matches the `PageComponents` interface for which there is one field, `Page`. `Page` is of type ` React.ComponentType`, which gives you great flexibility in defining the appearance and behaviour of your page. For the example above `HelpPage` can be defined in `page.tsx`: + +``` typescript +import { LensRendererExtension } from "@k8slens/extensions"; +import React from "react" + +export class HelpPage extends React.Component<{ extension: LensRendererExtension }> { + render() { + return ( +
+

Help yourself

+
+ ) + } +} +``` + +Note that the `HelpPage` class defines a property named `extension`. This allows the `HelpExtension` object to be passed in React-style in the global page definition, so that `HelpPage` can access any `HelpExtension` subclass data. + +This example code shows how to create a global page but not how to make it available to the Lens user. Global pages are typically made available through a number of ways. Menu items can be added to the Lens app menu system and set to open a global page when activated (See [`appMenus` in the Main Extension guide](../main-extension#appmenus)). Interactive elements can be placed on the status bar (the blue strip along the bottom of the Lens UI) and can be configured to link to a global page when activated (See [`statusBarItems`](#statusbaritems)). As well, global pages can be made accessible from the cluster menu, which is the vertical strip along the left side of the Lens UI showing the available cluster icons, and the Add Cluster icon. Global page menu icons that are defined using [`globalPageMenus`](#globalpagemenus) appear below the Add Cluster icon. + +### `globalPageMenus` + +Global page menus connect a global page to the cluster menu, which is the vertical strip along the left side of the Lens UI showing the available cluster icons, and the Add Cluster icon. Expanding on the example from [`globalPages`](#globalPages) a global page menu is added to the `HelpExtension` definition: + +``` typescript +import { LensRendererExtension } from "@k8slens/extensions"; +import { HelpIcon, HelpPage } from "./page" +import React from "react" + +export default class HelpExtension extends LensRendererExtension { + clusterPages = [ + { + id: "help", + components: { + Page: () => , + } + } + ]; + + globalPageMenus = [ + { + target: { pageId: "help" }, + title: "Help", + components: { + Icon: HelpIcon, + } + }, + ]; +} +``` + +Global page menus are objects matching the `PageMenuRegistration` interface. They define the appearance of the global page menu item in the cluster menu and the behaviour when the global page menu item is activated (typically by a mouse click). The example above uses the `target` field to set the behaviour as a link to the global page with `id` of `"help"`. This is done by setting `target`'s `pageId` field to `"help"`. The global page menu item's appearance is defined by setting the `title` field to the text that is to be displayed as a tooltip in the cluster menu. The `components` field is used to set an icon that appears in the cluster menu. Thus when the `"Help"` icon is activated the contents of `ExamplePage` will be shown. This example requires the definition of another React-based component, `HelpIcon`, which has been added to `page.tsx`: + +``` typescript +import { LensRendererExtension, Component } from "@k8slens/extensions"; +import React from "react" + +export function HelpIcon(props: Component.IconProps) { + return +} + +export class HelpPage extends React.Component<{ extension: LensRendererExtension }> { + render() { + return ( +
+

Help

+
+ ) + } +} +``` + +`HelpIcon` introduces one of Lens' built-in components available to extension developers, the `Component.Icon`. Built in are the [Material Design](https://material.io) [icons](https://material.io/resources/icons/). One can be selected by name via the `material` field. + + + + +********************************************************************* +WIP below! +********************************************************************* + + + +### `clusterFeatures` + +Cluster features are Kubernetes resources that can applied and managed to the active cluster. They can be installed/uninstalled from the [cluster settings page](). +The following example shows how to add a cluster feature: + +``` typescript +import { LensRendererExtension } from "@k8slens/extensions" +import { MetricsFeature } from "./src/metrics-feature" +import React from "react" + +export default class ClusterMetricsFeatureExtension extends LensRendererExtension { + clusterFeatures = [ + { + title: "Metrics Stack", + components: { + Description: () => { + return ( + + Enable timeseries data visualization (Prometheus stack) for your cluster. + Install this only if you don't have existing Prometheus stack installed. + You can see preview of manifests here. + + ) + } + }, + feature: new MetricsFeature() + } + ]; +} +``` +The `title` and `components.Description` fields appear on the cluster settings page. The cluster feature must extend the abstract class `ClusterFeature.Feature`, and specifically implement the following methods: + +``` typescript + abstract install(cluster: Cluster): Promise; + abstract upgrade(cluster: Cluster): Promise; + abstract uninstall(cluster: Cluster): Promise; + abstract updateStatus(cluster: Cluster): Promise; +``` + +### `appPreferences` + +The Preferences page is essentially a global page. Extensions can add custom preferences to the Preferences page, thus providing a single location for users to configure global, for Lens and extensions alike. + +``` typescript +import React from "react" +import { LensRendererExtension } from "@k8slens/extensions" +import { myCustomPreferencesStore } from "./src/my-custom-preferences-store" +import { MyCustomPreferenceHint, MyCustomPreferenceInput } from "./src/my-custom-preference" + + +export default class ExampleRendererExtension extends LensRendererExtension { + appPreferences = [ + { + title: "My Custom Preference", + components: { + Hint: () => , + Input: () => + } + } + ]; +} +``` + +### `statusBarItems` + +The Status bar is the blue strip along the bottom of the Lens UI. Status bar items are `React.ReactNode` types, which can be used to convey status information, or act as a link to a global page. + +The following example adds a status bar item definition, as well as a global page definition, to a `LensRendererExtension` subclass, and configures the status bar item to navigate to the global upon a mouse click: + +``` typescript +import { LensRendererExtension, Navigation } from '@k8slens/extensions'; +import { MyStatusBarIcon, MyPage } from './page'; +import React from 'react'; + +export default class ExtensionRenderer extends LensRendererExtension { + globalPages = [ + { + path: "/my-extension-path", + hideInMenu: true, + components: { + Page: () => , + }, + }, + ]; + + statusBarItems = [ + { + item: ( +
Navigation.navigate(this.globalPages[0].path)} + > + + My Status Bar Item +
+ ), + }, + ]; +} +``` + +### `kubeObjectMenuItems` + +An extension can add custom menu items (including actions) for specified Kubernetes resource kinds/apiVersions. These menu items appear under the `...` for each listed resource, and on the title bar of the details page for a specific resource. + +``` typescript +import React from "react" +import { LensRendererExtension } from "@k8slens/extensions"; +import { CustomMenuItem, CustomMenuItemProps } from "./src/custom-menu-item" + +export default class ExampleExtension extends LensRendererExtension { + kubeObjectMenuItems = [ + { + kind: "Node", + apiVersions: ["v1"], + components: { + MenuItem: (props: CustomMenuItemProps) => + } + } + ]; +} + +``` + +### `kubeObjectDetailItems` + +An extension can add custom details (content) for specified Kubernetes resource kinds/apiVersions. These custom details appear on the details page for a specific resource. + +``` typescript +import React from "react" +import { LensRendererExtension } from "@k8slens/extensions"; +import { CustomKindDetails, CustomKindDetailsProps } from "./src/custom-kind-details" + +export default class ExampleExtension extends LensRendererExtension { + kubeObjectMenuItems = [ + { + kind: "CustomKind", + apiVersions: ["custom.acme.org/v1"], + components: { + Details: (props: CustomKindDetailsProps) => + } + } + ]; +} +``` \ No newline at end of file diff --git a/extensions/license-menu-item/main.ts b/extensions/license-menu-item/main.ts index 1b3a35e2bf..f6edc3d841 100644 --- a/extensions/license-menu-item/main.ts +++ b/extensions/license-menu-item/main.ts @@ -6,7 +6,7 @@ export default class LicenseLensMainExtension extends LensMainExtension { parentId: "help", label: "License", async click() { - Util.openExternal("https://k8slens.dev/licenses/eula.md"); + Util.openExternal("https://k8slens.dev/licenses/eula"); } } ]; diff --git a/package.json b/package.json index 567ec7577f..53d67fb862 100644 --- a/package.json +++ b/package.json @@ -216,10 +216,13 @@ "@types/react-beautiful-dnd": "^13.0.0", "@types/tar": "^4.0.4", "array-move": "^3.0.0", + "await-lock": "^2.1.0", "chalk": "^4.1.0", + "chokidar": "^3.4.3", "command-exists": "1.2.9", "conf": "^7.0.1", "crypto-js": "^4.0.0", + "electron-devtools-installer": "^3.1.1", "electron-updater": "^4.3.1", "electron-window-state": "^5.0.3", "file-type": "^14.7.1", @@ -279,6 +282,7 @@ "@types/color": "^3.0.1", "@types/crypto-js": "^3.1.47", "@types/dompurify": "^2.0.2", + "@types/electron-devtools-installer": "^2.2.0", "@types/electron-window-state": "^2.0.34", "@types/fs-extra": "^9.0.1", "@types/hapi": "^18.0.3", diff --git a/src/common/cluster-store.ts b/src/common/cluster-store.ts index 4a5f358571..907f9b7aad 100644 --- a/src/common/cluster-store.ts +++ b/src/common/cluster-store.ts @@ -84,7 +84,7 @@ export class ClusterStore extends BaseStore { super({ configName: "lens-cluster-store", accessPropertiesByDotNotation: false, // To make dots safe in cluster context names - migrations: migrations, + migrations, }); this.pushStateToViewsAutomatically(); diff --git a/src/common/user-store.ts b/src/common/user-store.ts index c1eba70a43..2de6bcba6d 100644 --- a/src/common/user-store.ts +++ b/src/common/user-store.ts @@ -36,7 +36,7 @@ export class UserStore extends BaseStore { private constructor() { super({ // configName: "lens-user-store", // todo: migrate from default "config.json" - migrations: migrations, + migrations, }); this.handleOnLoad(); diff --git a/src/extensions/extension-discovery.ts b/src/extensions/extension-discovery.ts new file mode 100644 index 0000000000..bb1d1db420 --- /dev/null +++ b/src/extensions/extension-discovery.ts @@ -0,0 +1,329 @@ +import chokidar from "chokidar"; +import { EventEmitter } from "events"; +import fs from "fs-extra"; +import os from "os"; +import path from "path"; +import { getBundledExtensions } from "../common/utils/app-version"; +import logger from "../main/logger"; +import { extensionInstaller, PackageJson } from "./extension-installer"; +import type { LensExtensionId, LensExtensionManifest } from "./lens-extension"; + +export interface InstalledExtension { + readonly manifest: LensExtensionManifest; + readonly manifestPath: string; + readonly isBundled: boolean; // defined in project root's package.json + isEnabled: boolean; + } + +const logModule = "[EXTENSION-DISCOVERY]"; +const manifestFilename = "package.json"; + +/** + * Returns true if the lstat is for a directory-like file (e.g. isDirectory or symbolic link) + * @param lstat the stats to compare + */ +const isDirectoryLike = (lstat: fs.Stats) => lstat.isDirectory() || lstat.isSymbolicLink(); + +/** + * Discovers installed bundled and local extensions from the filesystem. + * Also watches for added and removed local extensions by watching the directory. + * Uses ExtensionInstaller to install dependencies for all of the extensions. + * This is also done when a new extension is copied to the local extensions directory. + * .init() must be called to start the directory watching. + * The class emits events for added and removed extensions: + * - "add": When extension is added. The event is of type InstalledExtension + * - "remove": When extension is removed. The event is of type LensExtensionId + */ +export class ExtensionDiscovery { + protected bundledFolderPath: string; + + private loadStarted = false; + + // This promise is resolved when .load() is finished. + // This allows operations to be added after .load() success. + private loaded: Promise; + + // These are called to either resolve or reject this.loaded promise + private resolveLoaded: () => void; + private rejectLoaded: (error: any) => void; + + public events: EventEmitter; + + constructor() { + this.loaded = new Promise((resolve, reject) => { + this.resolveLoaded = resolve; + this.rejectLoaded = reject; + }); + + this.events = new EventEmitter(); + } + + // Each extension is added as a single dependency to this object, which is written as package.json. + // Each dependency key is the name of the dependency, and + // each dependency value is the non-symlinked path to the dependency (folder). + protected packagesJson: PackageJson = { + dependencies: {} + }; + + get localFolderPath(): string { + return path.join(os.homedir(), ".k8slens", "extensions"); + } + + get packageJsonPath() { + return path.join(extensionInstaller.extensionPackagesRoot, manifestFilename); + } + + get inTreeTargetPath() { + return path.join(extensionInstaller.extensionPackagesRoot, "extensions"); + } + + get inTreeFolderPath(): string { + return path.resolve(__static, "../extensions"); + } + + get nodeModulesPath(): string { + return path.join(extensionInstaller.extensionPackagesRoot, "node_modules"); + } + + /** + * Initializes the class and setups the file watcher for added/removed local extensions. + */ + init() { + this.watchExtensions(); + } + + /** + * Watches for added/removed local extensions. + * Dependencies are installed automatically after an extension folder is copied. + */ + async watchExtensions() { + logger.info(`${logModule} watching extension add/remove in ${this.localFolderPath}`); + + // Wait until .load() has been called and has been resolved + await this.loaded; + + // chokidar works better than fs.watch + chokidar.watch(this.localFolderPath, { + // Dont watch recursively into subdirectories + depth: 0, + // Try to wait until the file has been completely copied. + // The OS might emit an event for added file even it's not completely written to the filesysten. + awaitWriteFinish: { + // Wait 300ms until the file size doesn't change to consider the file written. + // For a small file like package.json this should be plenty of time. + stabilityThreshold: 300 + } + }) + // Extension add is detected by watching "package.json" add + .on("add", this.handleWatchFileAdd) + // Extension remove is detected by watching " unlink + .on("unlinkDir", this.handleWatchUnlinkDir); + } + + handleWatchFileAdd = async (filePath: string) => { + if (path.basename(filePath) === manifestFilename) { + try { + const absPath = path.dirname(filePath); + + // this.loadExtensionFromPath updates this.packagesJson + const extension = await this.loadExtensionFromPath(absPath); + + if (extension) { + // Install dependencies for the new extension + await this.installPackages(); + + logger.info(`${logModule} Added extension ${extension.manifest.name}`); + this.events.emit("add", extension); + } + } catch (error) { + console.error(error); + } + } + }; + + handleWatchUnlinkDir = async (filePath: string) => { + // filePath is the non-symlinked path to the extension folder + // this.packagesJson.dependencies value is the non-symlinked path to the extension folder + // LensExtensionId in extension-loader is the symlinked path to the extension folder manifest file + + // Check that the removed path is directly under this.localFolderPath + // Note that the watcher can create unlink events for subdirectories of the extension + const extensionFolderName = path.basename(filePath); + + if (path.relative(this.localFolderPath, filePath) === extensionFolderName) { + const extensionName: string | undefined = Object + .entries(this.packagesJson.dependencies) + .find(([_name, extensionFolder]) => filePath === extensionFolder)?.[0]; + + if (extensionName !== undefined) { + delete this.packagesJson.dependencies[extensionName]; + + // Reinstall dependencies to remove the extension from package.json + await this.installPackages(); + + // The path to the manifest file is the lens extension id + // Note that we need to use the symlinked path + const lensExtensionId = path.join(this.nodeModulesPath, extensionName, "package.json"); + + logger.info(`${logModule} removed extension ${extensionName}`); + this.events.emit("remove", lensExtensionId as LensExtensionId); + } else { + logger.warn(`${logModule} extension ${extensionFolderName} not found, can't remove`); + } + } + }; + + async load(): Promise> { + if (this.loadStarted) { + // The class is simplified by only supporting .load() to be called once + throw new Error("ExtensionDiscovery.load() can be only be called once"); + } + + this.loadStarted = true; + + try { + logger.info(`${logModule} loading extensions from ${extensionInstaller.extensionPackagesRoot}`); + + if (fs.existsSync(path.join(extensionInstaller.extensionPackagesRoot, "package-lock.json"))) { + await fs.remove(path.join(extensionInstaller.extensionPackagesRoot, "package-lock.json")); + } + + try { + await fs.access(this.inTreeFolderPath, fs.constants.W_OK); + this.bundledFolderPath = this.inTreeFolderPath; + } catch { + // we need to copy in-tree extensions so that we can symlink them properly on "npm install" + await fs.remove(this.inTreeTargetPath); + await fs.ensureDir(this.inTreeTargetPath); + await fs.copy(this.inTreeFolderPath, this.inTreeTargetPath); + this.bundledFolderPath = this.inTreeTargetPath; + } + + await fs.ensureDir(this.nodeModulesPath); + await fs.ensureDir(this.localFolderPath); + + const extensions = await this.loadExtensions(); + + // resolve the loaded promise + this.resolveLoaded(); + + return extensions; + } catch (error) { + this.rejectLoaded(error); + } + } + + protected async getByManifest(manifestPath: string, { isBundled = false, isEnabled = isBundled }: { + isBundled?: boolean; + isEnabled?: boolean; + } = {}): Promise { + let manifestJson: LensExtensionManifest; + + try { + // check manifest file for existence + fs.accessSync(manifestPath, fs.constants.F_OK); + + manifestJson = __non_webpack_require__(manifestPath); + this.packagesJson.dependencies[manifestJson.name] = path.dirname(manifestPath); + + return { + manifestPath: path.join(this.nodeModulesPath, manifestJson.name, "package.json"), + manifest: manifestJson, + isBundled, + isEnabled, + }; + } catch (error) { + logger.error(`${logModule}: can't install extension at ${manifestPath}: ${error}`, { manifestJson }); + + return null; + } + } + + async loadExtensions(): Promise> { + const bundledExtensions = await this.loadBundledExtensions(); + const localExtensions = await this.loadFromFolder(this.localFolderPath); + await this.installPackages(); + const extensions = bundledExtensions.concat(localExtensions); + + return new Map(extensions.map(ext => [ext.manifestPath, ext])); + } + + /** + * Write package.json to file system and install dependencies. + */ + installPackages() { + return extensionInstaller.installPackages(this.packageJsonPath, this.packagesJson); + } + + async loadBundledExtensions() { + const extensions: InstalledExtension[] = []; + const folderPath = this.bundledFolderPath; + const bundledExtensions = getBundledExtensions(); + const paths = await fs.readdir(folderPath); + + for (const fileName of paths) { + if (!bundledExtensions.includes(fileName)) { + continue; + } + + const absPath = path.resolve(folderPath, fileName); + const extension = await this.loadExtensionFromPath(absPath, { isBundled: true }); + + if (extension) { + extensions.push(extension); + } + } + logger.debug(`${logModule}: ${extensions.length} extensions loaded`, { folderPath, extensions }); + + return extensions; + } + + async loadFromFolder(folderPath: string): Promise { + const bundledExtensions = getBundledExtensions(); + const extensions: InstalledExtension[] = []; + const paths = await fs.readdir(folderPath); + + for (const fileName of paths) { + // do not allow to override bundled extensions + if (bundledExtensions.includes(fileName)) { + continue; + } + + const absPath = path.resolve(folderPath, fileName); + + if (!fs.existsSync(absPath)) { + continue; + } + + const lstat = await fs.lstat(absPath); + + // skip non-directories + if (!isDirectoryLike(lstat)) { + continue; + } + + const extension = await this.loadExtensionFromPath(absPath); + + if (extension) { + extensions.push(extension); + } + } + + logger.debug(`${logModule}: ${extensions.length} extensions loaded`, { folderPath, extensions }); + return extensions; + } + + /** + * Loads extension from absolute path, updates this.packagesJson to include it and returns the extension. + */ + async loadExtensionFromPath(absPath: string, { isBundled = false, isEnabled = isBundled }: { + isBundled?: boolean; + isEnabled?: boolean; + } = {}): Promise { + const manifestPath = path.resolve(absPath, manifestFilename); + + return this.getByManifest(manifestPath, { isBundled, isEnabled }); + } +} + +export const extensionDiscovery = new ExtensionDiscovery(); \ No newline at end of file diff --git a/src/extensions/extension-installer.ts b/src/extensions/extension-installer.ts new file mode 100644 index 0000000000..46a7a31e6f --- /dev/null +++ b/src/extensions/extension-installer.ts @@ -0,0 +1,69 @@ +import AwaitLock from 'await-lock'; +import child_process from "child_process"; +import fs from "fs-extra"; +import path from "path"; +import logger from "../main/logger"; +import { extensionPackagesRoot } from "./extension-loader"; + +const logModule = "[EXTENSION-INSTALLER]"; + +type Dependencies = { + [name: string]: string; +}; + +// Type for the package.json file that is written by ExtensionInstaller +export type PackageJson = { + dependencies: Dependencies; +}; + +/** + * Installs dependencies for extensions + */ +export class ExtensionInstaller { + private installLock = new AwaitLock(); + + get extensionPackagesRoot() { + return extensionPackagesRoot(); + } + + get npmPath() { + return __non_webpack_require__.resolve('npm/bin/npm-cli'); + } + + installDependencies(): Promise { + return new Promise((resolve, reject) => { + logger.info(`${logModule} installing dependencies at ${extensionPackagesRoot()}`); + const child = child_process.fork(this.npmPath, ["install", "--silent", "--no-audit", "--only=prod", "--prefer-offline", "--no-package-lock"], { + cwd: extensionPackagesRoot(), + silent: true + }); + child.on("close", () => { + resolve(); + }); + child.on("error", (err) => { + reject(err); + }); + }); + } + + /** + * Write package.json to the file system and execute npm install for it. + */ + async installPackages(packageJsonPath: string, packagesJson: PackageJson): Promise { + // Mutual exclusion to install packages in sequence + await this.installLock.acquireAsync(); + + try { + // Write the package.json which will be installed in .installDependencies() + await fs.writeFile(path.join(packageJsonPath), JSON.stringify(packagesJson, null, 2), { + mode: 0o600 + }); + + await this.installDependencies(); + } finally { + this.installLock.release(); + } + } +} + +export const extensionInstaller = new ExtensionInstaller(); diff --git a/src/extensions/extension-loader.ts b/src/extensions/extension-loader.ts index c71fe90db2..e51caa298b 100644 --- a/src/extensions/extension-loader.ts +++ b/src/extensions/extension-loader.ts @@ -1,20 +1,25 @@ +import { app, ipcRenderer, remote } from "electron"; +import { action, computed, observable, reaction, toJS, when } from "mobx"; +import path from "path"; +import { broadcastMessage, handleRequest, requestMain, subscribeToBroadcast } from "../common/ipc"; +import logger from "../main/logger"; +import type { InstalledExtension } from "./extension-discovery"; +import { extensionsStore } from "./extensions-store"; import type { LensExtension, LensExtensionConstructor, LensExtensionId } from "./lens-extension"; import type { LensMainExtension } from "./lens-main-extension"; import type { LensRendererExtension } from "./lens-renderer-extension"; -import type { InstalledExtension } from "./extension-manager"; -import path from "path"; -import { broadcastMessage, handleRequest, requestMain, subscribeToBroadcast } from "../common/ipc"; -import { action, computed, observable, reaction, toJS, when } from "mobx"; -import logger from "../main/logger"; -import { app, ipcRenderer, remote } from "electron"; import * as registries from "./registries"; -import { extensionsStore } from "./extensions-store"; // lazy load so that we get correct userData export function extensionPackagesRoot() { return path.join((app || remote.app).getPath("userData")); } +const logModule = "[EXTENSIONS-LOADER]"; + +/** + * Loads installed extensions to the Lens application + */ export class ExtensionLoader { protected extensions = observable.map(); protected instances = observable.map(); @@ -47,6 +52,17 @@ export class ExtensionLoader { this.extensions.replace(extensions); } + addExtension(extension: InstalledExtension) { + this.extensions.set(extension.manifestPath as LensExtensionId, extension); + } + + removeExtension(lensExtensionId: LensExtensionId) { + // TODO: Remove the extension properly (from menus etc.) + if (!this.extensions.delete(lensExtensionId)) { + throw new Error(`Can't remove extension ${lensExtensionId}, doesn't exist.`); + } + } + protected async initMain() { this.isLoaded = true; this.loadOnMain(); @@ -77,14 +93,14 @@ export class ExtensionLoader { } loadOnMain() { - logger.info('[EXTENSIONS-LOADER]: load on main'); + logger.info(`${logModule}: load on main`); this.autoInitExtensions((ext: LensMainExtension) => [ registries.menuRegistry.add(ext.appMenus) ]); } loadOnClusterManagerRenderer() { - logger.info('[EXTENSIONS-LOADER]: load on main renderer (cluster manager)'); + logger.info(`${logModule}: load on main renderer (cluster manager)`); this.autoInitExtensions((ext: LensRendererExtension) => [ registries.globalPageRegistry.add(ext.globalPages, ext), registries.globalPageMenuRegistry.add(ext.globalPageMenus, ext), @@ -95,7 +111,7 @@ export class ExtensionLoader { } loadOnClusterRenderer() { - logger.info('[EXTENSIONS-LOADER]: load on cluster renderer (dashboard)'); + logger.info(`${logModule}: load on cluster renderer (dashboard)`); this.autoInitExtensions((ext: LensRendererExtension) => [ registries.clusterPageRegistry.add(ext.clusterPages, ext), registries.clusterPageMenuRegistry.add(ext.clusterPageMenus, ext), @@ -118,14 +134,15 @@ export class ExtensionLoader { instance.enable(); this.instances.set(extId, instance); } catch (err) { - logger.error(`[EXTENSION-LOADER]: activation extension error`, { ext, err }); + logger.error(`${logModule}: activation extension error`, { ext, err }); } } else if (!ext.isEnabled && instance) { + logger.info(`${logModule} deleting extension ${extId}`); try { instance.disable(); this.instances.delete(extId); } catch (err) { - logger.error(`[EXTENSION-LOADER]: deactivation extension error`, { ext, err }); + logger.error(`${logModule}: deactivation extension error`, { ext, err }); } } } @@ -146,7 +163,7 @@ export class ExtensionLoader { return __non_webpack_require__(extEntrypoint).default; } } catch (err) { - console.error(`[EXTENSION-LOADER]: can't load extension main at ${extEntrypoint}: ${err}`, { extension }); + console.error(`${logModule}: can't load extension main at ${extEntrypoint}: ${err}`, { extension }); console.trace(err); } } diff --git a/src/extensions/extension-manager.ts b/src/extensions/extension-manager.ts deleted file mode 100644 index 0e51eeb666..0000000000 --- a/src/extensions/extension-manager.ts +++ /dev/null @@ -1,172 +0,0 @@ -import type { LensExtensionId, LensExtensionManifest } from "./lens-extension"; -import path from "path"; -import os from "os"; -import fs from "fs-extra"; -import child_process from "child_process"; -import logger from "../main/logger"; -import { extensionPackagesRoot } from "./extension-loader"; -import { getBundledExtensions } from "../common/utils/app-version"; - -export interface InstalledExtension { - readonly manifest: LensExtensionManifest; - readonly manifestPath: string; - readonly isBundled: boolean; // defined in project root's package.json - isEnabled: boolean; -} - -type Dependencies = { - [name: string]: string; -}; - -type PackageJson = { - dependencies: Dependencies; -}; - -export class ExtensionManager { - - protected bundledFolderPath: string; - - protected packagesJson: PackageJson = { - dependencies: {} - }; - - get extensionPackagesRoot() { - return extensionPackagesRoot(); - } - - get inTreeTargetPath() { - return path.join(this.extensionPackagesRoot, "extensions"); - } - - get inTreeFolderPath(): string { - return path.resolve(__static, "../extensions"); - } - - get nodeModulesPath(): string { - return path.join(this.extensionPackagesRoot, "node_modules"); - } - - get localFolderPath(): string { - return path.join(os.homedir(), ".k8slens", "extensions"); - } - - get npmPath() { - return __non_webpack_require__.resolve('npm/bin/npm-cli'); - } - - get packageJsonPath() { - return path.join(this.extensionPackagesRoot, "package.json"); - } - - async load(): Promise> { - logger.info("[EXTENSION-MANAGER] loading extensions from " + this.extensionPackagesRoot); - if (fs.existsSync(path.join(this.extensionPackagesRoot, "package-lock.json"))) { - await fs.remove(path.join(this.extensionPackagesRoot, "package-lock.json")); - } - try { - await fs.access(this.inTreeFolderPath, fs.constants.W_OK); - this.bundledFolderPath = this.inTreeFolderPath; - } catch { - // we need to copy in-tree extensions so that we can symlink them properly on "npm install" - await fs.remove(this.inTreeTargetPath); - await fs.ensureDir(this.inTreeTargetPath); - await fs.copy(this.inTreeFolderPath, this.inTreeTargetPath); - this.bundledFolderPath = this.inTreeTargetPath; - } - await fs.ensureDir(this.nodeModulesPath); - await fs.ensureDir(this.localFolderPath); - return await this.loadExtensions(); - } - - protected async getByManifest(manifestPath: string, { isBundled = false } = {}): Promise { - let manifestJson: LensExtensionManifest; - try { - fs.accessSync(manifestPath, fs.constants.F_OK); // check manifest file for existence - manifestJson = __non_webpack_require__(manifestPath); - this.packagesJson.dependencies[manifestJson.name] = path.dirname(manifestPath); - - logger.info("[EXTENSION-MANAGER] installed extension " + manifestJson.name); - return { - manifestPath: path.join(this.nodeModulesPath, manifestJson.name, "package.json"), - manifest: manifestJson, - isBundled: isBundled, - isEnabled: isBundled, - }; - } catch (err) { - logger.error(`[EXTENSION-MANAGER]: can't install extension at ${manifestPath}: ${err}`, { manifestJson }); - } - } - - protected installPackages(): Promise { - return new Promise((resolve, reject) => { - const child = child_process.fork(this.npmPath, ["install", "--silent", "--no-audit", "--only=prod", "--prefer-offline", "--no-package-lock"], { - cwd: extensionPackagesRoot(), - silent: true - }); - child.on("close", () => { - resolve(); - }); - child.on("error", (err) => { - reject(err); - }); - }); - } - - async loadExtensions() { - const bundledExtensions = await this.loadBundledExtensions(); - const localExtensions = await this.loadFromFolder(this.localFolderPath); - await fs.writeFile(path.join(this.packageJsonPath), JSON.stringify(this.packagesJson, null, 2), { mode: 0o600 }); - await this.installPackages(); - const extensions = bundledExtensions.concat(localExtensions); - return new Map(extensions.map(ext => [ext.manifestPath, ext])); - } - - async loadBundledExtensions() { - const extensions: InstalledExtension[] = []; - const folderPath = this.bundledFolderPath; - const bundledExtensions = getBundledExtensions(); - const paths = await fs.readdir(folderPath); - for (const fileName of paths) { - if (!bundledExtensions.includes(fileName)) { - continue; - } - const absPath = path.resolve(folderPath, fileName); - const manifestPath = path.resolve(absPath, "package.json"); - const ext = await this.getByManifest(manifestPath, { isBundled: true }).catch(() => null); - if (ext) { - extensions.push(ext); - } - } - logger.debug(`[EXTENSION-MANAGER]: ${extensions.length} extensions loaded`, { folderPath, extensions }); - return extensions; - } - - async loadFromFolder(folderPath: string): Promise { - const bundledExtensions = getBundledExtensions(); - const extensions: InstalledExtension[] = []; - const paths = await fs.readdir(folderPath); - for (const fileName of paths) { - if (bundledExtensions.includes(fileName)) { // do no allow to override bundled extensions - continue; - } - const absPath = path.resolve(folderPath, fileName); - if (!fs.existsSync(absPath)) { - continue; - } - const lstat = await fs.lstat(absPath); - if (!lstat.isDirectory() && !lstat.isSymbolicLink()) { // skip non-directories - continue; - } - const manifestPath = path.resolve(absPath, "package.json"); - const ext = await this.getByManifest(manifestPath).catch(() => null); - if (ext) { - extensions.push(ext); - } - } - - logger.debug(`[EXTENSION-MANAGER]: ${extensions.length} extensions loaded`, { folderPath, extensions }); - return extensions; - } -} - -export const extensionManager = new ExtensionManager(); diff --git a/src/extensions/lens-extension.ts b/src/extensions/lens-extension.ts index 20c3583669..fa1056bb5d 100644 --- a/src/extensions/lens-extension.ts +++ b/src/extensions/lens-extension.ts @@ -1,4 +1,4 @@ -import type { InstalledExtension } from "./extension-manager"; +import type { InstalledExtension } from "./extension-discovery"; import { action, observable, reaction } from "mobx"; import logger from "../main/logger"; @@ -28,6 +28,7 @@ export class LensExtension { } get id(): LensExtensionId { + // This is the symlinked path under node_modules return this.manifestPath; } diff --git a/src/extensions/lens-main-extension.ts b/src/extensions/lens-main-extension.ts index b425c5bf46..bdea1506e8 100644 --- a/src/extensions/lens-main-extension.ts +++ b/src/extensions/lens-main-extension.ts @@ -11,7 +11,7 @@ export class LensMainExtension extends LensExtension { const windowManager = WindowManager.getInstance(); const pageUrl = getExtensionPageUrl({ extensionId: this.name, - pageId: pageId, + pageId, params: params ?? {}, // compile to url with params }); await windowManager.navigate(pageUrl, frameId); diff --git a/src/extensions/lens-renderer-extension.ts b/src/extensions/lens-renderer-extension.ts index 56ed90684f..c1769f0953 100644 --- a/src/extensions/lens-renderer-extension.ts +++ b/src/extensions/lens-renderer-extension.ts @@ -19,7 +19,7 @@ export class LensRendererExtension extends LensExtension { const { navigate } = await import("../renderer/navigation"); const pageUrl = getExtensionPageUrl({ extensionId: this.name, - pageId: pageId, + pageId, params: params ?? {}, // compile to url with params }); navigate(pageUrl); diff --git a/src/main/cluster-detectors/cluster-id-detector.ts b/src/main/cluster-detectors/cluster-id-detector.ts index 8419ae9db4..2605ca269f 100644 --- a/src/main/cluster-detectors/cluster-id-detector.ts +++ b/src/main/cluster-detectors/cluster-id-detector.ts @@ -13,7 +13,7 @@ export class ClusterIdDetector extends BaseClusterDetector { id = this.cluster.apiUrl; } const value = createHash("sha256").update(id).digest("hex"); - return { value: value, accuracy: 100 }; + return { value, accuracy: 100 }; } protected async getDefaultNamespaceId() { diff --git a/src/main/context-handler.ts b/src/main/context-handler.ts index 10f84ced6d..a1ef58ad0f 100644 --- a/src/main/context-handler.ts +++ b/src/main/context-handler.ts @@ -91,7 +91,7 @@ export class ContextHandler { return { target: proxyUrl, changeOrigin: true, - timeout: timeout, + timeout, headers: { "Host": this.clusterUrl.hostname, }, diff --git a/src/main/developer-tools.ts b/src/main/developer-tools.ts new file mode 100644 index 0000000000..274ff46e91 --- /dev/null +++ b/src/main/developer-tools.ts @@ -0,0 +1,11 @@ +/** + * Installs Electron developer tools in the development build. + * The dependency is not bundled to the production build. + */ +export const installDeveloperTools = async () => { + if (process.env.NODE_ENV === 'development') { + const { default: devToolsInstaller, REACT_DEVELOPER_TOOLS } = await import('electron-devtools-installer'); + + return devToolsInstaller([REACT_DEVELOPER_TOOLS]); + } +}; diff --git a/src/main/helm/helm-cli.ts b/src/main/helm/helm-cli.ts index 34a3becc33..c06386a1a8 100644 --- a/src/main/helm/helm-cli.ts +++ b/src/main/helm/helm-cli.ts @@ -8,7 +8,7 @@ export class HelmCli extends LensBinary { public constructor(baseDir: string, version: string) { const opts: LensBinaryOpts = { version, - baseDir: baseDir, + baseDir, originalBinaryName: "helm", newBinaryName: "helm3" }; diff --git a/src/main/helm/helm-release-manager.ts b/src/main/helm/helm-release-manager.ts index 3a8b4707ba..e468cdaef7 100644 --- a/src/main/helm/helm-release-manager.ts +++ b/src/main/helm/helm-release-manager.ts @@ -40,7 +40,7 @@ export class HelmReleaseManager { log: stdout, release: { name: releaseName, - namespace: namespace + namespace } }; } finally { diff --git a/src/main/index.ts b/src/main/index.ts index 2087432d7b..d0e3740058 100644 --- a/src/main/index.ts +++ b/src/main/index.ts @@ -21,8 +21,10 @@ import { userStore } from "../common/user-store"; import { workspaceStore } from "../common/workspace-store"; import { appEventBus } from "../common/event-bus"; import { extensionLoader } from "../extensions/extension-loader"; -import { extensionManager } from "../extensions/extension-manager"; import { extensionsStore } from "../extensions/extensions-store"; +import { InstalledExtension, extensionDiscovery } from "../extensions/extension-discovery"; +import type { LensExtensionId } from "../extensions/lens-extension"; +import { installDeveloperTools } from "./developer-tools"; const workingDir = path.join(app.getPath("appData"), appName); let proxyPort: number; @@ -49,6 +51,8 @@ app.on("ready", async () => { registerFileProtocol("static", __static); + await installDeveloperTools(); + // preload await Promise.all([ userStore.load(), @@ -79,8 +83,22 @@ app.on("ready", async () => { } extensionLoader.init(); + + extensionDiscovery.init(); windowManager = WindowManager.getInstance(proxyPort); - extensionLoader.initExtensions(await extensionManager.load()); // call after windowManager to see splash earlier + + // call after windowManager to see splash earlier + const extensions = await extensionDiscovery.load(); + + // Subscribe to extensions that are copied or deleted to/from the extensions folder + extensionDiscovery.events.on("add", (extension: InstalledExtension) => { + extensionLoader.addExtension(extension); + }); + extensionDiscovery.events.on("remove", (lensExtensionId: LensExtensionId) => { + extensionLoader.removeExtension(lensExtensionId); + }); + + extensionLoader.initExtensions(extensions); setTimeout(() => { appEventBus.emit({ name: "service", action: "start" }); diff --git a/src/main/router.ts b/src/main/router.ts index ed072836b9..a386ef221b 100644 --- a/src/main/router.ts +++ b/src/main/router.ts @@ -67,15 +67,15 @@ export class Router { output: "data", }); return { - cluster: cluster, + cluster, path: url.pathname, raw: { - req: req, + req, }, response: res, query: url.searchParams, - payload: payload, - params: params + payload, + params }; } diff --git a/src/main/routes/port-forward-route.ts b/src/main/routes/port-forward-route.ts index 55402ff72f..967783aa3f 100644 --- a/src/main/routes/port-forward-route.ts +++ b/src/main/routes/port-forward-route.ts @@ -78,16 +78,16 @@ class PortForwardRoute extends LensApi { let portForward = PortForward.getPortforward({ clusterId: cluster.id, kind: resourceType, name: resourceName, - namespace: namespace, port: port + namespace, port }); if (!portForward) { logger.info(`Creating a new port-forward ${namespace}/${resourceType}/${resourceName}:${port}`); portForward = new PortForward({ clusterId: cluster.id, kind: resourceType, - namespace: namespace, + namespace, name: resourceName, - port: port, + port, kubeConfig: cluster.getProxyKubeconfigPath() }); const started = await portForward.start(); diff --git a/src/main/shell-session.ts b/src/main/shell-session.ts index 23a163b341..3614abe28f 100644 --- a/src/main/shell-session.ts +++ b/src/main/shell-session.ts @@ -47,7 +47,7 @@ export class ShellSession extends EventEmitter { this.shellProcess = pty.spawn(shell, args, { cols: 80, cwd: this.cwd() || env.HOME, - env: env, + env, name: "xterm-256color", rows: 30, }); diff --git a/src/main/window-manager.ts b/src/main/window-manager.ts index 00fbdd4243..1fa2614c50 100644 --- a/src/main/window-manager.ts +++ b/src/main/window-manager.ts @@ -124,7 +124,7 @@ export class WindowManager extends Singleton { await this.ensureMainWindow(); this.sendToView({ channel: "renderer:navigate", - frameId: frameId, + frameId, data: [url], }); } diff --git a/src/migrations/cluster-store/2.6.0-beta.3.ts b/src/migrations/cluster-store/2.6.0-beta.3.ts index 7f17440e60..eae6a137be 100644 --- a/src/migrations/cluster-store/2.6.0-beta.3.ts +++ b/src/migrations/cluster-store/2.6.0-beta.3.ts @@ -26,7 +26,7 @@ export default migration({ user["auth-provider"].config = authConfig; kubeConfig.users = [{ name: userObj.name, - user: user + user }]; cluster.kubeConfig = yaml.safeDump(kubeConfig); store.set(clusterKey, cluster); diff --git a/src/renderer/api/endpoints/cluster.api.ts b/src/renderer/api/endpoints/cluster.api.ts index 43783e1c00..d3017c691a 100644 --- a/src/renderer/api/endpoints/cluster.api.ts +++ b/src/renderer/api/endpoints/cluster.api.ts @@ -8,7 +8,7 @@ export class ClusterApi extends KubeApi { async getMetrics(nodeNames: string[], params?: IMetricsReqParams): Promise { const nodes = nodeNames.join("|"); - const opts = { category: "cluster", nodes: nodes }; + const opts = { category: "cluster", nodes }; return metricsApi.getMetrics({ memoryUsage: opts, diff --git a/src/renderer/api/endpoints/deployment.api.ts b/src/renderer/api/endpoints/deployment.api.ts index 28ed71f86a..0279d63ed1 100644 --- a/src/renderer/api/endpoints/deployment.api.ts +++ b/src/renderer/api/endpoints/deployment.api.ts @@ -20,7 +20,7 @@ export class DeploymentApi extends KubeApi { data: { metadata: params, spec: { - replicas: replicas + replicas } } }); diff --git a/src/renderer/api/endpoints/helm-releases.api.ts b/src/renderer/api/endpoints/helm-releases.api.ts index 0ddbf1c734..1969919e6c 100644 --- a/src/renderer/api/endpoints/helm-releases.api.ts +++ b/src/renderer/api/endpoints/helm-releases.api.ts @@ -119,7 +119,7 @@ export const helmReleasesApi = { const path = endpoint({ name, namespace }) + "/rollback"; return apiBase.put(path, { data: { - revision: revision + revision } }); } diff --git a/src/renderer/api/json-api.ts b/src/renderer/api/json-api.ts index cc239a804e..8d30f08a57 100644 --- a/src/renderer/api/json-api.ts +++ b/src/renderer/api/json-api.ts @@ -84,8 +84,8 @@ export class JsonApi { } const infoLog: JsonApiLog = { method: reqInit.method.toUpperCase(), - reqUrl: reqUrl, - reqInit: reqInit, + reqUrl, + reqInit, }; return cancelableFetch(reqUrl, reqInit).then(res => { return this.parseResponse(res, infoLog); diff --git a/src/renderer/api/kube-api.ts b/src/renderer/api/kube-api.ts index 0a0d153e18..7350bfc729 100644 --- a/src/renderer/api/kube-api.ts +++ b/src/renderer/api/kube-api.ts @@ -73,7 +73,7 @@ export function forCluster(cluster: IKubeApiCluster, kubeC }); return new KubeApi({ objectConstructor: kubeClass, - request: request + request }); } @@ -228,7 +228,7 @@ export class KubeApi { apiVersion: this.apiVersionWithGroup, resource: this.apiResource, namespace: this.isNamespaced ? namespace : undefined, - name: name, + name, }); return resourcePath + (query ? `?` + stringify(this.normalizeQuery(query)) : ""); } @@ -256,7 +256,7 @@ export class KubeApi { this.setResourceVersion("", metadata.resourceVersion); return items.map(item => new KubeObjectConstructor({ kind: this.kind, - apiVersion: apiVersion, + apiVersion, ...item, })); } diff --git a/src/renderer/components/+add-cluster/add-cluster.tsx b/src/renderer/components/+add-cluster/add-cluster.tsx index 420d43ddd0..1fae256618 100644 --- a/src/renderer/components/+add-cluster/add-cluster.tsx +++ b/src/renderer/components/+add-cluster/add-cluster.tsx @@ -24,6 +24,7 @@ import { cssNames } from "../../utils"; import { Notifications } from "../notifications"; import { Tab, Tabs } from "../tabs"; import { ExecValidationNotFoundError } from "../../../common/custom-errors"; +import { appEventBus } from "../../../common/event-bus"; enum KubeConfigSourceTab { FILE = "file", @@ -47,6 +48,7 @@ export class AddCluster extends React.Component { componentDidMount() { clusterStore.setActive(null); this.setKubeConfig(userStore.kubeConfigPath); + appEventBus.emit({ name: "cluster-add", action: "start" }); } componentWillUnmount() { @@ -133,7 +135,7 @@ export class AddCluster extends React.Component { } this.error = ""; this.isWaiting = true; - + appEventBus.emit({ name: "cluster-add", action: "click" }); newClusters = this.selectedContexts.filter(context => { try { const kubeConfig = this.kubeContexts.get(context); @@ -156,7 +158,7 @@ export class AddCluster extends React.Component { : ClusterStore.embedCustomKubeConfig(clusterId, kubeConfig); // save in app-files folder return { id: clusterId, - kubeConfigPath: kubeConfigPath, + kubeConfigPath, workspace: workspaceStore.currentWorkspaceId, contextName: kubeConfig.currentContext, preferences: { diff --git a/src/renderer/components/+apps-helm-charts/helm-chart.store.ts b/src/renderer/components/+apps-helm-charts/helm-chart.store.ts index 65e73b556f..5ebc264224 100644 --- a/src/renderer/components/+apps-helm-charts/helm-chart.store.ts +++ b/src/renderer/components/+apps-helm-charts/helm-chart.store.ts @@ -36,7 +36,7 @@ export class HelmChartStore extends ItemStore { const loadVersions = (repo: string) => { return helmChartsApi.get(repo, chartName).then(({ versions }) => { return versions.map(chart => ({ - repo: repo, + repo, version: chart.getVersion() })); }); diff --git a/src/renderer/components/+cluster/cluster-metrics.tsx b/src/renderer/components/+cluster/cluster-metrics.tsx index 12973b1514..fecddde7e6 100644 --- a/src/renderer/components/+cluster/cluster-metrics.tsx +++ b/src/renderer/components/+cluster/cluster-metrics.tsx @@ -27,7 +27,7 @@ export const ClusterMetrics = observer(() => { id: metricType + metricNodeRole, label: metricType.toUpperCase() + " usage", borderColor: colors[metricType], - data: data + data }]; const cpuOptions: ChartOptions = { scales: { diff --git a/src/renderer/components/+config-secrets/add-secret-dialog.tsx b/src/renderer/components/+config-secrets/add-secret-dialog.tsx index 8519be5bda..339f418d65 100644 --- a/src/renderer/components/+config-secrets/add-secret-dialog.tsx +++ b/src/renderer/components/+config-secrets/add-secret-dialog.tsx @@ -92,11 +92,11 @@ export class AddSecretDialog extends React.Component { const { name, namespace, type } = this; const { data = [], labels = [], annotations = [] } = this.secret[type]; const secret: Partial = { - type: type, + type, data: this.getDataFromFields(data, val => val ? base64.encode(val) : ""), metadata: { - name: name, - namespace: namespace, + name, + namespace, annotations: this.getDataFromFields(annotations), labels: this.getDataFromFields(labels), } as IKubeObjectMetadata diff --git a/src/renderer/components/+extensions/extensions.tsx b/src/renderer/components/+extensions/extensions.tsx index 87759e650e..77bc07b4da 100644 --- a/src/renderer/components/+extensions/extensions.tsx +++ b/src/renderer/components/+extensions/extensions.tsx @@ -17,7 +17,7 @@ import { PageLayout } from "../layout/page-layout"; import { Clipboard } from "../clipboard"; import logger from "../../../main/logger"; import { extensionLoader } from "../../../extensions/extension-loader"; -import { extensionManager } from "../../../extensions/extension-manager"; +import { extensionDiscovery } from "../../../extensions/extension-discovery"; import { LensExtensionManifest, sanitizeExtensionName } from "../../../extensions/lens-extension"; import { Notifications } from "../notifications"; import { downloadFile } from "../../../common/utils"; @@ -57,7 +57,7 @@ export class Extensions extends React.Component { } get extensionsPath() { - return extensionManager.localFolderPath; + return extensionDiscovery.localFolderPath; } getExtensionPackageTemp(fileName = "") { diff --git a/src/renderer/components/+namespaces/namespace.store.ts b/src/renderer/components/+namespaces/namespace.store.ts index dabde6b47d..d754c78ed0 100644 --- a/src/renderer/components/+namespaces/namespace.store.ts +++ b/src/renderer/components/+namespaces/namespace.store.ts @@ -60,7 +60,7 @@ export class NamespaceStore extends KubeObjectStore { kind: "Namespace", apiVersion: "v1", metadata: { - name: name, + name, uid: "", resourceVersion: "", selfLink: `/api/v1/namespaces/${name}` diff --git a/src/renderer/components/+user-management-roles-bindings/add-role-binding-dialog.tsx b/src/renderer/components/+user-management-roles-bindings/add-role-binding-dialog.tsx index 227b2d936e..ddc4cf2160 100644 --- a/src/renderer/components/+user-management-roles-bindings/add-role-binding-dialog.tsx +++ b/src/renderer/components/+user-management-roles-bindings/add-role-binding-dialog.tsx @@ -137,7 +137,7 @@ export class AddRoleBindingDialog extends React.Component { else { const name = useRoleForBindingName ? selectedRole.getName() : bindingName; roleBinding = await roleBindingsStore.create({ name, namespace }, { - subjects: subjects, + subjects, roleRef: { name: selectedRole.getName(), kind: selectedRole.kind, diff --git a/src/renderer/components/+user-management-service-accounts/service-accounts-details.tsx b/src/renderer/components/+user-management-service-accounts/service-accounts-details.tsx index d560cd9199..70aea97d00 100644 --- a/src/renderer/components/+user-management-service-accounts/service-accounts-details.tsx +++ b/src/renderer/components/+user-management-service-accounts/service-accounts-details.tsx @@ -88,7 +88,7 @@ export class ServiceAccountsDetails extends React.Component { apiVersion: "v1", kind: "Secret", metadata: { - name: name, + name, uid: null, selfLink: null, resourceVersion: null diff --git a/src/renderer/components/app.tsx b/src/renderer/components/app.tsx index fb7d4a7df0..2be6949411 100755 --- a/src/renderer/components/app.tsx +++ b/src/renderer/components/app.tsx @@ -59,7 +59,7 @@ export class App extends React.Component { name: "cluster", action: "open", params: { - clusterId: clusterId + clusterId } }); window.addEventListener("online", () => { diff --git a/src/renderer/components/checkbox/checkbox.tsx b/src/renderer/components/checkbox/checkbox.tsx index 5d2eeafc89..2efa6adc6f 100644 --- a/src/renderer/components/checkbox/checkbox.tsx +++ b/src/renderer/components/checkbox/checkbox.tsx @@ -30,7 +30,7 @@ export class Checkbox extends React.PureComponent { render() { const { label, inline, className, value, theme, children, ...inputProps } = this.props; const componentClass = cssNames('Checkbox flex', className, { - inline: inline, + inline, checked: value, disabled: this.props.disabled, ["theme-" + theme]: theme, diff --git a/src/renderer/components/dock/edit-resource.tsx b/src/renderer/components/dock/edit-resource.tsx index 471a6aa75c..478192b35a 100644 --- a/src/renderer/components/dock/edit-resource.tsx +++ b/src/renderer/components/dock/edit-resource.tsx @@ -55,7 +55,7 @@ export class EditResource extends React.Component { } editResourceStore.setData(this.tabId, { ...this.tabData, - draft: draft, + draft, }); } diff --git a/src/renderer/components/input/file-input.tsx b/src/renderer/components/input/file-input.tsx index 1293163797..f4d83bce14 100644 --- a/src/renderer/components/input/file-input.tsx +++ b/src/renderer/components/input/file-input.tsx @@ -38,7 +38,7 @@ export class FileInput extends React.Component { const reader = new FileReader(); reader.onloadend = () => { resolve({ - file: file, + file, data: reader.result, error: reader.error ? String(reader.error) : null, }); diff --git a/src/renderer/components/input/input.tsx b/src/renderer/components/input/input.tsx index 6da3df2bd0..cddfcb92eb 100644 --- a/src/renderer/components/input/input.tsx +++ b/src/renderer/components/input/input.tsx @@ -151,7 +151,7 @@ export class Input extends React.Component { this.setState({ validating: false, valid: !errors.length, - errors: errors, + errors, }); } @@ -275,11 +275,11 @@ export class Input extends React.Component { const className = cssNames("Input", this.props.className, { [`theme ${theme}`]: theme, - focused: focused, - disabled: disabled, + focused, + disabled, invalid: !valid, - dirty: dirty, - validating: validating, + dirty, + validating, validatingLine: validating && showValidationLine, }); diff --git a/src/renderer/components/menu/menu-actions.tsx b/src/renderer/components/menu/menu-actions.tsx index 9f6908d1e9..39b0ce46ea 100644 --- a/src/renderer/components/menu/menu-actions.tsx +++ b/src/renderer/components/menu/menu-actions.tsx @@ -81,7 +81,7 @@ export class MenuActions extends React.Component { ...menuProps } = this.props; const menuClassName = cssNames("MenuActions flex", className, { - toolbar: toolbar, + toolbar, gaps: toolbar, // add spacing for .flex }); const autoClose = !toolbar; diff --git a/src/renderer/components/notifications/notifications.tsx b/src/renderer/components/notifications/notifications.tsx index 48de8ed5c7..4d9f7ef6f3 100644 --- a/src/renderer/components/notifications/notifications.tsx +++ b/src/renderer/components/notifications/notifications.tsx @@ -15,7 +15,7 @@ export class Notifications extends React.Component { static ok(message: NotificationMessage) { notificationsStore.add({ - message: message, + message, timeout: 2500, status: NotificationStatus.OK }); @@ -23,7 +23,7 @@ export class Notifications extends React.Component { static error(message: NotificationMessage) { notificationsStore.add({ - message: message, + message, timeout: 10000, status: NotificationStatus.ERROR }); @@ -33,7 +33,7 @@ export class Notifications extends React.Component { return notificationsStore.add({ status: NotificationStatus.INFO, timeout: 0, - message: message, + message, ...customOpts, }); } diff --git a/src/renderer/components/radio/radio.tsx b/src/renderer/components/radio/radio.tsx index 6153cb5b09..671248ba0c 100644 --- a/src/renderer/components/radio/radio.tsx +++ b/src/renderer/components/radio/radio.tsx @@ -24,10 +24,10 @@ export class RadioGroup extends React.Component {
{radios.map(radio => { return React.cloneElement(radio, { - name: name, + name, disabled: disabled !== undefined ? disabled : radio.props.disabled, checked: radio.props.value === value, - onChange: onChange + onChange } as any); })}
@@ -66,7 +66,7 @@ export class Radio extends React.Component { render() { const { className, label, checked, children, ...inputProps } = this.props; const componentClass = cssNames('Radio flex align-center', className, { - checked: checked, + checked, disabled: this.props.disabled, }); return ( diff --git a/src/renderer/components/table/table-cell.tsx b/src/renderer/components/table/table-cell.tsx index 4264434093..bc3696a5b3 100644 --- a/src/renderer/components/table/table-cell.tsx +++ b/src/renderer/components/table/table-cell.tsx @@ -60,7 +60,7 @@ export class TableCell extends React.Component { render() { const { className, checkbox, isChecked, sortBy, _sort, _sorting, _nowrap, children, title, renderBoolean: displayBoolean, ...cellProps } = this.props; const classNames = cssNames("TableCell", className, { - checkbox: checkbox, + checkbox, nowrap: _nowrap, sorting: this.isSortable, }); diff --git a/src/renderer/components/table/table.tsx b/src/renderer/components/table/table.tsx index 0822beee8d..78450b10a2 100644 --- a/src/renderer/components/table/table.tsx +++ b/src/renderer/components/table/table.tsx @@ -82,7 +82,7 @@ export class Table extends React.Component { typeof elem.props.children === "string" ? elem.props.children : undefined ); return React.cloneElement(elem, { - title: title, + title, _sort: this.sort, _sorting: this.sortParams, _nowrap: headElem.props.nowrap, diff --git a/src/renderer/components/tabs/tabs.tsx b/src/renderer/components/tabs/tabs.tsx index 027631ed3d..71ef27a098 100644 --- a/src/renderer/components/tabs/tabs.tsx +++ b/src/renderer/components/tabs/tabs.tsx @@ -32,10 +32,10 @@ export class Tabs extends React.PureComponent { render() { const { center, wrap, onChange, value, autoFocus, scrollable = true, withBorder, ...elemProps } = this.props; const className = cssNames("Tabs", this.props.className, { - center: center, - wrap: wrap, - scrollable: scrollable, - withBorder: withBorder, + center, + wrap, + scrollable, + withBorder, }); return ( @@ -120,7 +120,7 @@ export class Tab extends React.PureComponent { let { className } = this.props; className = cssNames("Tab flex gaps align-center", className, { "active": this.isActive, - "disabled": disabled, + disabled, }); return (
{ break; } return { - left: left, - top: top, + left, + top, right: left + tooltipBounds.width, bottom: top + tooltipBounds.height, }; diff --git a/src/renderer/kube-object.store.ts b/src/renderer/kube-object.store.ts index 1a6d0e5470..80995559c6 100644 --- a/src/renderer/kube-object.store.ts +++ b/src/renderer/kube-object.store.ts @@ -146,7 +146,7 @@ export abstract class KubeObjectStore extends ItemSt protected bindWatchEventsUpdater(delay = 1000) { return reaction(() => this.eventsBuffer.toJS()[0], this.updateFromEventsBuffer, { - delay: delay + delay }); } diff --git a/src/renderer/navigation.ts b/src/renderer/navigation.ts index 8a9416b39c..eee1f5dfaa 100644 --- a/src/renderer/navigation.ts +++ b/src/renderer/navigation.ts @@ -67,7 +67,7 @@ export function getSelectedDetails() { export function getDetailsUrl(details: string) { if (!details) return ""; return getQueryString({ - details: details, + details, selected: getSelectedDetails(), }); } diff --git a/src/renderer/utils/interval.ts b/src/renderer/utils/interval.ts index 37bfc7200d..a2dba715a2 100644 --- a/src/renderer/utils/interval.ts +++ b/src/renderer/utils/interval.ts @@ -7,19 +7,19 @@ export function interval(timeSec = 1, callback: IntervalCallback, autoRun = fals let timer = -1; let isRunning = false; const intervalManager = { - start: function (runImmediately = false) { + start (runImmediately = false) { if (isRunning) return; const tick = () => callback(++count); isRunning = true; timer = window.setInterval(tick, 1000 * timeSec); if (runImmediately) tick(); }, - stop: function () { + stop () { count = 0; isRunning = false; clearInterval(timer); }, - restart: function (runImmediately = false) { + restart (runImmediately = false) { this.stop(); this.start(runImmediately); }, diff --git a/yarn.lock b/yarn.lock index 862cf7fdb8..6d84dd9973 100644 --- a/yarn.lock +++ b/yarn.lock @@ -1867,6 +1867,11 @@ dependencies: "@types/trusted-types" "*" +"@types/electron-devtools-installer@^2.2.0": + version "2.2.0" + resolved "https://registry.yarnpkg.com/@types/electron-devtools-installer/-/electron-devtools-installer-2.2.0.tgz#32ee4ebbe99b3daf9847a6d2097dc00b5de94f10" + integrity sha512-HJNxpaOXuykCK4rQ6FOMxAA0NLFYsf7FiPFGmab0iQmtVBHSAfxzy3MRFpLTTDDWbV0yD2YsHOQvdu8yCqtCfw== + "@types/electron-window-state@^2.0.34": version "2.0.34" resolved "https://registry.yarnpkg.com/@types/electron-window-state/-/electron-window-state-2.0.34.tgz#794b9bc62eb4485837947c543c9d2757ee4c74c0" @@ -3262,6 +3267,11 @@ atob@^2.1.2: resolved "https://registry.yarnpkg.com/atob/-/atob-2.1.2.tgz#6d9517eb9e030d2436666651e86bd9f6f13533c9" integrity sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg== +await-lock@^2.1.0: + version "2.1.0" + resolved "https://registry.yarnpkg.com/await-lock/-/await-lock-2.1.0.tgz#bc78c51d229a34d5d90965a1c94770e772c6145e" + integrity sha512-t7Zm5YGgEEc/3eYAicF32m/TNvL+XOeYZy9CvBUeJY/szM7frLolFylhrlZNWV/ohWhcUXygrBGjYmoQdxF4CQ== + aws-sign2@~0.7.0: version "0.7.0" resolved "https://registry.yarnpkg.com/aws-sign2/-/aws-sign2-0.7.0.tgz#b46e890934a9591f2d2f6f86d7e6a9f1b3fe76a8" @@ -4116,7 +4126,7 @@ chokidar@^3.2.2: optionalDependencies: fsevents "~2.1.2" -chokidar@^3.4.1: +chokidar@^3.4.1, chokidar@^3.4.3: version "3.4.3" resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-3.4.3.tgz#c1df38231448e45ca4ac588e6c79573ba6a57d5b" integrity sha512-DtM3g7juCXQxFVSNPNByEC2+NImtBuxQQvWlHunpJIS5Ocr0lG306cC7FCi7cEA0fzmybPUIl4txBIobk1gGOQ== @@ -5493,6 +5503,15 @@ electron-chromedriver@^9.0.0: "@electron/get" "^1.12.2" extract-zip "^2.0.0" +electron-devtools-installer@^3.1.1: + version "3.1.1" + resolved "https://registry.yarnpkg.com/electron-devtools-installer/-/electron-devtools-installer-3.1.1.tgz#7b56c8c86475c5e4e10de6917d150c53c9ceb55e" + integrity sha512-g2D4J6APbpsiIcnLkFMyKZ6bOpEJ0Ltcc2m66F7oKUymyGAt628OWeU9nRZoh1cNmUs/a6Cls2UfOmsZtE496Q== + dependencies: + rimraf "^3.0.2" + semver "^7.2.1" + unzip-crx-3 "^0.2.0" + electron-notarize@^0.3.0: version "0.3.0" resolved "https://registry.yarnpkg.com/electron-notarize/-/electron-notarize-0.3.0.tgz#b93c606306eac558b250c78ff95273ddb9fedf0a" @@ -7427,6 +7446,11 @@ ignore@^5.1.4: resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.1.8.tgz#f150a8b50a34289b33e22f5889abd4d8016f0e57" integrity sha512-BMpfD7PpiETpBl/A6S498BaIJ6Y/ABT93ETbby2fP00v4EbvPBXWEoaR1UBPKs3iR53pJY7EtZk5KACI57i1Uw== +immediate@~3.0.5: + version "3.0.6" + resolved "https://registry.yarnpkg.com/immediate/-/immediate-3.0.6.tgz#9db1dbd0faf8de6fbe0f5dd5e56bb606280de69b" + integrity sha1-nbHb0Pr43m++D13V5Wu2BigN5ps= + import-fresh@^3.0.0, import-fresh@^3.1.0: version "3.2.1" resolved "https://registry.yarnpkg.com/import-fresh/-/import-fresh-3.2.1.tgz#633ff618506e793af5ac91bf48b72677e15cbe66" @@ -8853,6 +8877,16 @@ jss@10.2.0, jss@^10.0.3: is-in-browser "^1.1.3" tiny-warning "^1.0.2" +jszip@^3.1.0: + version "3.5.0" + resolved "https://registry.yarnpkg.com/jszip/-/jszip-3.5.0.tgz#b4fd1f368245346658e781fec9675802489e15f6" + integrity sha512-WRtu7TPCmYePR1nazfrtuF216cIVon/3GWOvHS9QR5bIwSbnxtdpma6un3jyGGNhHsKCSzn5Ypk+EkDRvTGiFA== + dependencies: + lie "~3.3.0" + pako "~1.0.2" + readable-stream "~2.3.6" + set-immediate-shim "~1.0.1" + keyv@3.0.0: version "3.0.0" resolved "https://registry.yarnpkg.com/keyv/-/keyv-3.0.0.tgz#44923ba39e68b12a7cec7df6c3268c031f2ef373" @@ -9122,6 +9156,13 @@ libnpx@^10.2.4: y18n "^4.0.0" yargs "^14.2.3" +lie@~3.3.0: + version "3.3.0" + resolved "https://registry.yarnpkg.com/lie/-/lie-3.3.0.tgz#dcf82dee545f46074daf200c7c1c5a08e0f40f6a" + integrity sha512-UaiMJzeWRlEujzAuw5LokY1L5ecNQYZKfmyZ9L7wDHb/p5etKaxXhohBcrw0EYby+G/NA52vRSN4N39dxHAIwQ== + dependencies: + immediate "~3.0.5" + lines-and-columns@^1.1.6: version "1.1.6" resolved "https://registry.yarnpkg.com/lines-and-columns/-/lines-and-columns-1.1.6.tgz#1c00c743b433cd0a4e80758f7b64a57440d9ff00" @@ -11013,7 +11054,7 @@ pacote@^9.1.0, pacote@^9.5.12, pacote@^9.5.3: unique-filename "^1.1.1" which "^1.3.1" -pako@~1.0.5: +pako@~1.0.2, pako@~1.0.5: version "1.0.11" resolved "https://registry.yarnpkg.com/pako/-/pako-1.0.11.tgz#6c9599d340d54dfd3946380252a35705a6b992bf" integrity sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw== @@ -12773,6 +12814,11 @@ set-blocking@^2.0.0, set-blocking@~2.0.0: resolved "https://registry.yarnpkg.com/set-blocking/-/set-blocking-2.0.0.tgz#045f9782d011ae9a6803ddd382b24392b3d890f7" integrity sha1-BF+XgtARrppoA93TgrJDkrPYkPc= +set-immediate-shim@~1.0.1: + version "1.0.1" + resolved "https://registry.yarnpkg.com/set-immediate-shim/-/set-immediate-shim-1.0.1.tgz#4b2b1b27eb808a9f8dcc481a58e5e56f599f3f61" + integrity sha1-SysbJ+uAip+NzEgaWOXlb1mfP2E= + set-value@^2.0.0, set-value@^2.0.1: version "2.0.1" resolved "https://registry.yarnpkg.com/set-value/-/set-value-2.0.1.tgz#a18d40530e6f07de4228c7defe4227af8cad005b" @@ -14327,6 +14373,15 @@ unset-value@^1.0.0: has-value "^0.3.1" isobject "^3.0.0" +unzip-crx-3@^0.2.0: + version "0.2.0" + resolved "https://registry.yarnpkg.com/unzip-crx-3/-/unzip-crx-3-0.2.0.tgz#d5324147b104a8aed9ae8639c95521f6f7cda292" + integrity sha512-0+JiUq/z7faJ6oifVB5nSwt589v1KCduqIJupNVDoWSXZtWDmjDGO3RAEOvwJ07w90aoXoP4enKsR7ecMrJtWQ== + dependencies: + jszip "^3.1.0" + mkdirp "^0.5.1" + yaku "^0.16.6" + unzip-response@^2.0.1: version "2.0.1" resolved "https://registry.yarnpkg.com/unzip-response/-/unzip-response-2.0.1.tgz#d2f0f737d16b0615e72a6935ed04214572d56f97" @@ -15052,6 +15107,11 @@ y18n@^4.0.0: resolved "https://registry.yarnpkg.com/y18n/-/y18n-4.0.0.tgz#95ef94f85ecc81d007c264e190a120f0a3c8566b" integrity sha512-r9S/ZyXu/Xu9q1tYlpsLIsa3EeLXXk0VwlxqTcFRfg9EhMW+17kbt9G0NrgCmhGb5vT2hyhJZLfDGx+7+5Uj/w== +yaku@^0.16.6: + version "0.16.7" + resolved "https://registry.yarnpkg.com/yaku/-/yaku-0.16.7.tgz#1d195c78aa9b5bf8479c895b9504fd4f0847984e" + integrity sha1-HRlceKqbW/hHnIlblQT9TwhHmE4= + yallist@^2.1.2: version "2.1.2" resolved "https://registry.yarnpkg.com/yallist/-/yallist-2.1.2.tgz#1c11f9218f076089a47dd512f93c6699a6a81d52"