Commit 272a5728 authored by René Dudfield's avatar René Dudfield
Browse files

plugins: Update example for new headlamp-plugin style

parent eb0047ea
main a11y-reporting action-button-improvements add-cluster-to-notification-area add-clusters-dynamically add-direct-c-o-c add-fullscreen-to-editor add-labs add-more-log-options add-msi-installer add-network-policy-api add-notification-area add-notification-page add-ports-to-pods add-proxy-endpoint add-router-to-pluginLib add_manual_trigger_docker_action allow-listing-per-namespace allow-popups-in-app allow-to-build-without-checking-for-updates app-menus apply-multiple-resources autoscalers_resource_quota backend-dependencies branding-change build-app-with-plugins bump-chocolatey-0.13.0 center-cluster-chooser change-logo chart-0.10.1 choco-bump-0.12.1 cluster_chooser codegen config_from_env custom-resource-fixing de-de dep-updates2 dependabot/npm_and_yarn/app/electron-13.6.6 dependabot/npm_and_yarn/app/electron-15.5.5 dependabot/npm_and_yarn/app/minimist-1.2.6 dependabot/npm_and_yarn/frontend/async-2.6.4 dependabot/npm_and_yarn/frontend/d3-color-and-recharts-3.1.0 dependabot/npm_and_yarn/frontend/deep-object-diff-1.1.9 dependabot/npm_and_yarn/frontend/loader-utils-1.4.2 dependabot/npm_and_yarn/frontend/minimist-1.2.6 dependabot/npm_and_yarn/frontend/terser-4.8.1 dependabot/npm_and_yarn/frontend/url-parse-1.5.10 dependabot/npm_and_yarn/plugins/examples/app-menus/terser-5.14.2 dependabot/npm_and_yarn/plugins/examples/change-logo/glob-parent-and-kinvolk/headlamp-plugin-5.1.2 dependabot/npm_and_yarn/plugins/examples/change-logo/terser-5.14.2 dependabot/npm_and_yarn/plugins/examples/cluster-chooser/glob-parent-and-kinvolk/headlamp-plugin-5.1.2 dependabot/npm_and_yarn/plugins/examples/cluster-chooser/terser-5.14.2 dependabot/npm_and_yarn/plugins/examples/dynamic-clusters/glob-parent-and-kinvolk/headlamp-plugin-5.1.2 dependabot/npm_and_yarn/plugins/examples/dynamic-clusters/terser-5.14.2 dependabot/npm_and_yarn/plugins/examples/sidebar/terser-5.14.2 dependabot/npm_and_yarn/plugins/headlamp-plugin/async-3.2.3 dependabot/npm_and_yarn/plugins/headlamp-plugin/minimist-1.2.6 dependabot/npm_and_yarn/plugins/headlamp-plugin/terser-5.14.2 docker_desktop_ext docs-allow-to-build-without-checking-for-updates dont-cache-plugin-requests-on-desktop dont-use-a-one-click-installer-on-windows dont-wrap-header-cells e2e-container e2e-login e2e-playwright endpoints errcb-fix event-sorting example-fixes export-charts export-resource-chart-and-lib export_all_k8s_modules fetch-pods-by-labels fix-applying-ingresses fix-cluster-chooser fix-crash-in-label-selector fix-default-page-rows fix-filter-when-items-are-numbers fix-front-start fix-issue-in-page-grid-children-type fix-kubeconfig fix-navigating-during-delete-op fix-plugin-imports-again fix-quitting-server-again fix-release-note-stuck-issue fix-simple-table fix-table-filter fix-unexpected-null-in-getOwnedPods fix_manual_trigger_gh_action fr-fr fullscreen_dialog gh_action_automate_pr go-back-through-location-stack golang-17 handle-custom-auth-desktop headlamp-plugin-0.5.1-b headlamp-plugin-0.5.2-b headlamp-plugin-upgrade headlamp-upgrade-audit headless-fix headless-ux helm-fixes helm-typo-docs-fix hide-appbar improve-app-menus improve-pod-matcher improve-pod-status inno-setup jrocha/wip/show-build-version localefix log-viewer-scroll-fix mui-v5-upgrade namespaces-filter new-chooser-style new-k8s-secret new-terminal-fixes no-cluster-no-auth-required no-objects-in-plugins-redux notification-clear-and-all-read oidc-fix oidc-state-len-fix optimize-use-get persist-rows-per-page persist-url-params plugin-docs plugin-error-handling plugin-fixes plugin-improvements plugin-source plugin-tests-in-js plugin/allow-cluster-chooser-overriding plugins-in-style port-forwarding push-asset rc-0.10.0 rc-0.10.1 rc-0.11.0 rc-0.11.1 rc-0.12.0 rc-0.12.1 rc-0.13.0 rc-0.8.0 rc-0.9.0 redux-extension refresh_token remove-plugin-video rename-server render-logs-using-xterm resource-class-issue resources-json role_bind_info scaling-ui search-involved-object-type-events-table set-default-namespace shorter-resource-age show-build-version show-dialog-if-release-fetch-failed show-external-ips sidebar-icons sidebarroutefilter simple-table-details-from-url simplify-testing terminal-fixes test-cleanup test-stuff typedoc-plugin-upgrade update-examples-052 update-i18n update-release-draft update-signing-email upgrade-new-things use-fixed-date-on-tests use-shipped-tsconfig-for-plugins wait-for-plugins width-cosmetic-fixes windows-testing xterm-windows-mode v0.13.0 v0.12.1 v0.12.0 v0.11.1 v0.11.0 v0.10.1 v0.10.0 v0.9.0 v0.8.0 headlamp-plugin-0.5.3 headlamp-plugin-0.5.2 headlamp-plugin-0.5.1 headlamp-plugin-0.5.0 headlamp-plugin-0.4.9 headlamp-plugin-0.4.8 headlamp-plugin-0.4.7 headlamp-helm-0.8.0 headlamp-helm-0.7.0 headlamp-helm-0.6.0 headlamp-helm-0.5.0 headlamp-helm-0.4.0 headlamp-helm-0.3.0 headlamp-helm-0.2.0
No related merge requests found
Showing with 56 additions and 6844 deletions
+56 -6844
{
"extends": "./tsconfig.json"
}
This diff is collapsed.
......@@ -6,20 +6,31 @@
"description": "Example Headlamp (Kubernetes GUI) plugin. Gets the number of pods in the cluster and displays that information in the top bar.",
"scripts": {
"start": "headlamp-plugin start",
"build": "headlamp-plugin build"
"build": "headlamp-plugin build",
"format": "headlamp-plugin format",
"lint": "headlamp-plugin lint",
"tsc": "tsc"
},
"keywords": [
"headlamp",
"kinvolk",
"headlamp-plugin",
"kubernetes",
"plugins"
],
"repository": {
"type": "git",
"url": "https://github.com/kinvolk/headlamp.git",
"directory": "plugins/headlamp-plugin-counter"
"directory": "plugins/examples/pod-counter"
},
"prettier": "@kinvolk/eslint-config/prettier-config",
"eslintConfig": {
"extends": [
"@kinvolk",
"prettier",
"plugin:jsx-a11y/recommended"
]
},
"devDependencies": {
"@kinvolk/headlamp-plugin": "^0.3.0"
"@kinvolk/headlamp-plugin": "^0.4.1"
}
}
import { Plugin } from '@kinvolk/headlamp-plugin/types/plugin/index.d';
import Registry from '@kinvolk/headlamp-plugin/types/plugin/registry.d';
import { Headlamp, Plugin, Registry } from '@kinvolk/headlamp-plugin/lib';
import { Typography } from '@material-ui/core';
const pluginLib = window.pluginLib;
const React = window.pluginLib.React;
const K8s = pluginLib.K8s.ResourceClasses;
const { Typography } = pluginLib.MuiCore;
// import { SectionBox } from '@kinvolk/headlamp-plugin/lib/CommonComponents';
// import { K8s } from '@kinvolk/headlamp-plugin/lib/K8s';
function PodCounter() {
const [pods, error] = K8s.Pod.useList();
......@@ -15,9 +13,9 @@ function PodCounter() {
);
}
class PodCounterPlugin implements Plugin {
initialize(register: Registry) {
register.registerAppBarAction('monitor', () =>
class PodCounterPlugin extends Plugin {
initialize(registry: Registry) {
registry.registerAppBarAction('pod-counter-action', () =>
<PodCounter />
);
......@@ -25,4 +23,4 @@ class PodCounterPlugin implements Plugin {
}
}
window.registerPlugin('pod-counter', new PodCounterPlugin());
\ No newline at end of file
Headlamp.registerPlugin('pod-counter', new PodCounterPlugin());
{
"compilerOptions": {
"target": "es2017",
"allowSyntheticDefaultImports": true,
"jsx": "react-jsx",
"moduleResolution": "node",
"baseUrl": ".",
"paths": {
"*": [
"node_modules/*.js",
"node_modules/*/index.js",
"node_modules/@kinvolk/headlamp-plugin/node_modules/*",
"node_modules/@kinvolk/headlamp-plugin/node_modules/*/index.js"
],
"@iconify/react": [
"node_modules/@kinvolk/headlamp-plugin/node_modules/@iconify/react/src/icon.js"
],
"@kinvolk/headlamp-plugin/lib/K8s": [
"node_modules/@kinvolk/headlamp-plugin/types/src/lib/k8s/index.d.ts"
],
"@kinvolk/headlamp-plugin/lib/CommonComponents/*": [
"node_modules/@kinvolk/headlamp-plugin/types/src/components/common/*/index.d.ts",
"node_modules/@kinvolk/headlamp-plugin/types/src/components/common/*.d.ts"
]
},
"rootDirs": ["node_modules/@kinvolk/headlamp-plugin/"],
"skipLibCheck": true
},
"include": ["./src/**/*"]
}
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment