dashboard/store/type-map.js

1023 lines
28 KiB
JavaScript

// This file has 2 sections that control getting and using specializations of particular types
// over the generic info that is specified or generated from schemas.
//
// 1) Getting info about types
//
// singularLabelFor(schema) Get the singular form of this schema's type
// pluralLabelFor(schema) Get the plural form of this schema's type
// groupLabelFor(schema) Get the label for the API group of this schema's type
// isIgnored(schema) Returns true if this type should be hidden from the tree
// isBasic(schema) Returns true if this type should be included in basic view
// typeWeightFor(type) Get the weight value for a particular type label
// groupWeightFor(group) Get the weight value for a particular group
// headersFor(schema) Returns the column definitions for a type to give to SortableTable
//
// 2) Detecting and usign custom list/detail/edit/header components
//
// hasCustomList(type) Does type have a custom list implementation?
// hasCustomDetail(type) Does type have a custom detail implementation?
// hasCustomEdit(type) Does type have a custom edit implementation?
// importList(type) Returns a promise that resolves to the list component for type
// importDetail(type) Returns a promise that resolves to the detail component for type
// importEdit(type) Returns a promise that resolves to the edit component for type
// isCreatable(type) Checks to see if the type has been marked as uncreatable and returns the response accordingly
// isEditable(type) Checks to see if the type has been marked as immutable and returns the response accordingly
//
// 3) Changing specialization info about a type
// For all:
// let { thingYouWant } = DSL(instanceOfThestore);
//
// virtualType(obj) Add an item to the tree that goes to a route instead of an actual type.
// -- obj can contain anything in the objects getTree returns.
// -- obj must have a `name` that is unique among all virtual types.
// -- `cluster` is automatically added to route.params if it exists.
// basicType(type) Mark type as one shown in basic view
// ignoreType(type) Never show type
// weightType( Set the weight (sorting) order of one or more types
// typeOrArrayOfTypes,
// weight -- Higher numbers are shown first/higher up on the nav tree
// )
// mapType( Remap a type id to a display name
// matchRegexOrString, -- Type to match, or regex that matches types
// replacementStringOrFn, -- String to replace the type with, or
// -- sync function: (type, capturedString, schemaObj => { return 'new-type'; }
// mapWeight, -- Priority for apply this mapping (higher numbers applied first)
// continueOnMatch -- If true, continue applying to hit other rules that might match the new type.
// )
// moveType( Change the group a type is in
// matchRegexOrString, -- Type to match, or regex that matches types
// newGroup, -- Group to move the type into
// mapWeight, -- Priority for apply this mapping (higher numbers applied first)
// )
// mapTypeToComponentName( Map matching types to a single component name (this is helpful if multiple types should be rendered by a single component)
// (
// matchRegexOrString, -- Type to match, or regex that matches types
// replacementString -- String to replace the type with
// )
// markTypeAsUncreatable( Indicates that the type is uncretable and thus we shouldn't provide options in the UI to create the type (Hide create buttons, hide clone as yaml etc.)
// type
// )
// markTypeAsImmutable ( Indicates that a type is immutable and thus we should't provide options in the UI to modify the type ( Hide edit as form, edit as yaml etc.)
// type
// )
//
// ignoreGroup(group): Never show group or any types in it
// weightGroup( Set the weight (sort) order of one or more groups
// groupOrArrayOfGroups, -- see weightType...
// weight
// )
// mapGroup( Remap a group name to a display name
// matchRegexOrString, -- see mapType...
// replacementString,
// mapWeight,
// continueOnMatch
// )
import { sortBy } from '@/utils/sort';
import { get, clone } from '@/utils/object';
import { isArray, findBy, addObject, removeObject } from '@/utils/array';
import { escapeRegex, ucFirst, escapeHtml } from '@/utils/string';
import { SCHEMA, COUNT } from '@/config/types';
import { STATE, NAMESPACE_NAME, NAME, AGE } from '@/config/table-headers';
import { FAVORITE_TYPES, EXPANDED_GROUPS } from '@/store/prefs';
import { normalizeType } from '@/plugins/steve/normalize';
export const NAMESPACED = 'namespaced';
export const CLUSTER_LEVEL = 'cluster';
export const BOTH = 'both';
export const ALL = 'all';
export const BASIC = 'basic';
export const FAVORITE = 'favorite';
export const USED = 'used';
export function DSL(store, module = 'type-map') {
return {
basicType(types) {
store.commit(`${ module }/basicType`, types);
},
ignoreType(regexOrString) {
store.commit(`${ module }/ignoreType`, regexOrString);
},
ignoreGroup(regexOrString) {
store.commit(`${ module }/ignoreGroup`, regexOrString);
},
headers(type, headers) {
store.commit(`${ module }/headers`, { type, headers });
},
weightGroup(input, weight) {
if ( isArray(input) ) {
store.commit(`${ module }/weightGroup`, { groups: input, weight });
} else {
store.commit(`${ module }/weightGroup`, { group: input, weight });
}
},
weightType(input, weight) {
if ( isArray(input) ) {
store.commit(`${ module }/weightType`, { types: input, weight });
} else {
store.commit(`${ module }/weightType`, { type: input, weight });
}
},
mapGroup(match, replace, weight = 5, continueOnMatch = false) {
store.commit(`${ module }/mapGroup`, {
match, replace, weight, continueOnMatch
});
},
mapType(match, replace, weight = 5, continueOnMatch = false) {
store.commit(`${ module }/mapType`, {
match, replace, weight, continueOnMatch
});
},
moveType(match, group, weight = 5, continueOnMatch = false) {
store.commit(`${ module }/moveType`, {
match, group, weight,
});
},
virtualType(obj) {
store.commit(`${ module }/virtualType`, obj);
},
mapTypeToComponentName(match, replace) {
store.commit(`${ module }/mapTypeToComponentName`, { match, replace });
},
markTypeAsUncreatable(match) {
store.commit(`${ module }/markTypeAsUncreatable`, { match });
},
markTypeAsImmutable(match) {
store.commit(`${ module }/markTypeAsImmutable`, { match });
}
};
}
export const state = function() {
return {
virtualTypes: [],
basicTypes: {},
groupIgnore: [],
groupWeights: {},
groupMappings: [],
immutable: [],
typeIgnore: [],
typeWeights: {},
typeMappings: [],
typeMoveMappings: [],
typeToComponentMappings: [],
uncreatable: [],
pluralLabels: {},
headers: {},
cache: {
typeLabel: {},
typeMove: {},
groupLabel: {},
ignore: {},
list: {},
detail: {},
edit: {},
componentFor: {},
},
};
};
export const getters = {
// ----------------------------------------------------------------------------
// 1 ) Getting info
// ----------------------------------------------------------------------------
// Turns a type name into a display label (e.g. management.cattle.io.cluster -> Cluster)
singularLabelFor(state) {
return (schema) => {
return _applyMapping(schema, state.typeMappings, 'id', state.cache.typeLabel, () => {
return schema?.attributes?.kind || '?';
});
};
},
pluralLabelFor(state, getters) {
return (schema) => {
if ( state.pluralLabels[schema.id] ) {
return state.pluralLabels[schema.id];
}
const singular = getters.singularLabelFor(schema);
if ( singular.endsWith('s') ) {
return `${ singular }es`;
}
return `${ singular }s`;
};
},
// Turns a group name into a display label (e.g. management.cattle.io.v3.cluster -> Cluster)
groupLabelFor(state) {
return (schemaOrName) => {
let group = schemaOrName;
if ( typeof schemaOrName === 'object' ) {
let moved = false;
for ( const rule of state.typeMoveMappings ) {
const re = stringToRegex(rule.match);
if ( schemaOrName.id.match(re) ) {
moved = true;
group = rule.replace;
}
}
if ( !moved ) {
group = group.attributes.group;
}
}
return _applyMapping(group, state.groupMappings, null, state.cache.groupLabel, (group) => {
const match = group.match(/^(.*)\.k8s\.io$/);
if ( match ) {
return match[1].split(/\./).map(x => ucFirst(x)).join('.');
}
return group;
});
};
},
isBasic(state) {
return (schemaId) => {
return state.basicTypes[schemaId] || false;
};
},
isCreatable(state) {
return (type) => {
const found = state.uncreatable.find((uncreatableType) => {
const re = stringToRegex(uncreatableType);
return re.test(type);
});
return !found;
};
},
isEditable(state) {
return (type) => {
const found = state.immutable.find((immutableType) => {
const re = stringToRegex(immutableType);
return re.test(type);
});
return !found;
};
},
isFavorite(state, getters, rootState, rootGetters) {
return (schemaId) => {
return rootGetters['prefs/get'](FAVORITE_TYPES).includes(schemaId) || false;
};
},
typeWeightFor(state) {
return (type) => {
return state.typeWeights[type.toLowerCase()] || 0;
};
},
groupWeightFor(state) {
return (group) => {
return state.groupWeights[group.toLowerCase()] || 0;
};
},
getTree(state, getters, rootState, rootGetters) {
return (mode, allTypes, clusterId, namespaceMode, namespaces, currentType, search) => {
// modes: basic, used, all, favorite
// namespaceMode: 'namespaced', 'cluster', or 'both'
// nsamespaces: null means all, otherwise it will be an array of specific namespaces to include
let searchRegex;
if ( search ) {
searchRegex = new RegExp(`^(.*)(${ escapeRegex(search) })(.*)$`, 'i');
}
const root = { children: [] };
for ( const type in allTypes ) {
const typeObj = allTypes[type];
if ( typeObj.schema && getters.isIgnored(typeObj.schema) ) {
// Skip ignored groups & types
continue;
}
const namespaced = typeObj.namespaced;
if ( (namespaceMode === NAMESPACED && !namespaced ) || (namespaceMode === CLUSTER_LEVEL && namespaced) ) {
// Skip types that are not the right namespace mode
continue;
}
const count = _matchingCounts(typeObj, namespaces);
if ( typeObj.id === currentType ) {
// If this is the type currently being shown, always show it
} else if ( mode === BASIC && !getters.isBasic(typeObj.name) ) {
// If we want the basic tree only return basic types;
continue;
} else if ( mode === USED && getters.isBasic(typeObj.name) ) {
// If we want the used tree ignore basic types;
continue;
} else if ( mode === USED && count <= 0 ) {
// If there's none of this type, ignore this entry when viewing only in-use types
// Note: count is sometimes null, which is <= 0.
continue;
}
const label = typeObj.label;
const labelDisplay = highlightLabel(label, namespaced);
if ( !labelDisplay ) {
// Search happens in highlight and retuns null if not found
continue;
}
let group;
if ( mode === BASIC ) {
if ( typeObj.group && typeObj.group.includes('::') ) {
group = _ensureGroup(root, typeObj.group);
} else {
group = _ensureGroup(root, 'Cluster');
}
} else if ( mode === FAVORITE ) {
group = _ensureGroup(root, 'Starred');
} else if ( mode === USED ) {
group = _ensureGroup(root, `In-Use::${ getters.groupLabelFor(typeObj.schema) }`);
} else {
group = _ensureGroup(root, typeObj.schema || typeObj.group );
}
let route = typeObj.route;
// Make the default route if one isn't set
if (!route ) {
route = {
name: 'c-cluster-resource',
params: {
cluster: clusterId,
resource: typeObj.name,
}
};
typeObj.route = route;
}
// Cluster ID should always be set
if ( route && typeof route === 'object' ) {
route.params = route.params || {};
route.params.cluster = clusterId;
}
group.children.push({
label,
labelDisplay,
mode: typeObj.mode,
count,
exact: typeObj.exact || false,
namespaced,
route,
name: typeObj.name,
weight: typeObj.weight || getters.typeWeightFor(label),
});
}
// Recursively sort the groups
_sortGroup(root, mode);
return root.children;
// ----------------------
function _ensureGroup(tree, schemaOrLabel, route) {
let label = getters.groupLabelFor(schemaOrLabel);
if ( label && label.includes('::') ) {
let parent;
[parent, label] = label.split('::', 2);
tree = _ensureGroup(tree, parent);
}
let group = findBy(tree.children, 'label', label);
if ( !group ) {
group = {
name: label,
label,
weight: getters.groupWeightFor(label),
};
if ( route ) {
group.route = route;
}
tree.children.push(group);
}
if ( !group.children ) {
group.children = [];
}
return group;
}
function highlightLabel(original, namespaced) {
let label = escapeHtml(original);
if ( searchRegex ) {
const match = label.match(searchRegex);
if ( match ) {
label = `${ escapeHtml(match[1]) }<span class="highlight">${ escapeHtml(match[2]) }</span>${ escapeHtml(match[3]) }`;
} else {
return null;
}
}
label = `<i class="icon icon-fw icon-${ namespaced ? 'folder' : 'globe' }"></i>${ label }`;
return label;
}
};
},
allTypes(state, getters, rootState, rootGetters) {
return (mode = ALL) => {
const schemas = rootGetters['cluster/all'](SCHEMA);
const counts = rootGetters['cluster/all'](COUNT)?.[0]?.counts || {};
const out = {};
for ( const schema of schemas ) {
const attrs = schema.attributes || {};
const count = counts[schema.id];
const label = getters.singularLabelFor(schema);
const weight = getters.typeWeightFor(label);
if ( !attrs.kind ) {
// Skip the schemas that aren't top-level types
continue;
} else if ( mode === BASIC && !getters.isBasic(schema.id) ) {
continue;
} else if ( mode === FAVORITE && !getters.isFavorite(schema.id) ) {
continue;
}
out[schema.id] = {
label,
mode,
weight,
schema,
name: schema.id,
namespaced: attrs.namespaced,
count: count ? count.summary.count || 0 : null,
byNamespace: count ? count.namespaces : {},
revision: count ? count.revision : null,
};
}
// Add virtual types
if ( mode !== USED ) {
const isRancher = rootGetters.isRancher;
for ( const vt of state.virtualTypes ) {
const item = clone(vt);
const id = item.name;
const weight = vt.weight || getters.typeWeightFor(item.label);
if ( item.ifIsRancher && !isRancher ) {
continue;
}
if ( item.ifHaveType && !findBy(schemas, 'id', normalizeType(item.ifHaveType)) ) {
continue;
}
if ( mode === BASIC && !getters.isBasic(id) ) {
continue;
} else if ( mode === FAVORITE && !getters.isFavorite(id) ) {
continue;
}
item.mode = mode;
item.weight = weight;
item.label = item.label || item.name;
out[id] = item;
}
}
return out;
};
},
headersFor(state) {
return (schema) => {
let out;
// A specific list has been provided
if ( state.headers[schema.id] ) {
out = state.headers[schema.id];
} else {
// Make one up from schema
out = [STATE]; // Everybody gets a state
const attributes = schema.attributes || {};
const columns = attributes.columns || [];
const namespaced = attributes.namespaced || false;
let hasName = false;
for ( const col of columns ) {
if ( col.format === 'name' ) {
hasName = true;
out.push(namespaced ? NAMESPACE_NAME : NAME);
} else {
let formatter, width, formatterOpts;
if ( col.format === '' && col.name === 'Age' ) {
out.push(AGE);
continue;
}
if ( col.format === 'date' || col.type === 'date' ) {
formatter = 'Date';
width = 120;
formatterOpts = { multiline: true };
}
out.push({
name: col.name.toLowerCase(),
label: col.name,
value: col.field.startsWith('.') ? `$${ col.field }` : col.field,
sort: [col.field],
formatter,
formatterOpts,
width,
});
}
}
if ( !hasName ) {
out.unshift(namespaced ? NAMESPACE_NAME : NAME);
}
// Age always goes last
if ( out.includes(AGE) ) {
removeObject(out, AGE);
out.push(AGE);
}
}
// If all columns have a width, try to remove it from a column that can be variable (name)
const missingWidth = out.find(x => !x.width);
if ( !missingWidth ) {
const variable = out.find(x => x.canBeVariable);
if ( variable ) {
const neu = clone(variable);
delete neu.width;
out.splice(out.indexOf(variable), 1, neu);
}
}
return out;
};
},
// ------------------------------------
// Custom list/detail/edit/header component detection
//
// Note: you can't refactor these into one function that does `@/${kind}/${type}`,
// because babel needs some hardcoded idea where to look for the dependency.
//
// Note 2: Yes these are editing state in a gettter for caching... it's ok, probably.
// ------------------------------------
hasCustomList(state, getters) {
return (rawType) => {
const type = getters.componentFor(rawType);
const cache = state.cache.list;
if ( cache[type] !== undefined ) {
return cache[type];
}
try {
require.resolve(`@/list/${ type }`);
cache[type] = true;
} catch (e) {
cache[type] = false;
}
return cache[type];
};
},
hasCustomDetail(state, getters) {
return (rawType) => {
const type = getters.componentFor(rawType);
const cache = state.cache.detail;
if ( cache[type] !== undefined ) {
return cache[type];
}
try {
require.resolve(`@/detail/${ type }`);
cache[type] = true;
} catch (e) {
cache[type] = false;
}
return cache[type];
};
},
hasCustomEdit(state, getters) {
return (rawType) => {
const type = getters.componentFor(rawType);
const cache = state.cache.edit;
if ( cache[type] !== undefined ) {
return cache[type];
}
try {
require.resolve(`@/edit/${ type }`);
cache[type] = true;
} catch (e) {
cache[type] = false;
}
return cache[type];
};
},
importList(state, getters) {
return (rawType) => {
const type = getters.componentFor(rawType);
return () => import(`@/list/${ type }`);
};
},
importDetail(state, getters) {
return (rawType) => {
const type = getters.componentFor(rawType);
return () => import(`@/detail/${ type }`);
};
},
importEdit(state, getters) {
return (rawType) => {
const type = getters.componentFor(rawType);
return () => import(`@/edit/${ type }`);
};
},
componentFor(state) {
return (type) => {
if ( state.cache.componentFor[type] !== undefined ) {
return state.cache.componentFor[type];
}
let out = type;
const mapping = state.typeToComponentMappings.find((mapping) => {
const re = stringToRegex(mapping.match);
return re.test(type);
});
if ( mapping ) {
out = mapping.replace;
}
state.cache.componentFor[type] = out;
return out;
};
},
isIgnored(state) {
return (schema) => {
if ( state.cache.ignore[schema.id] !== undefined ) {
return state.cache.ignore[schema.id];
}
let out = false;
for ( const rule of state.groupIgnore ) {
const group = schema?.attributes?.group;
if ( group && group.match(stringToRegex(rule)) ) {
out = true;
break;
}
}
if ( !out ) {
for ( const rule of state.typeIgnore ) {
if ( schema.id.match(stringToRegex(rule)) ) {
out = true;
break;
}
}
}
state.cache.ignore[schema.id] = out;
return out;
};
},
};
export const mutations = {
virtualType(state, obj) {
if ( !findBy(state.virtualTypes, 'name', obj.name) ) {
addObject(state.virtualTypes, obj);
}
},
basicType(state, types) {
if ( !isArray(types) ) {
types = [types];
}
for ( const t of types ) {
state.basicTypes[t] = true;
}
},
ignoreGroup(state, match) {
match = ensureRegex(match);
// State shouldn't contain actual RegExp objects, because they don't serialize
state.groupIgnore.push(regexToString(match));
},
ignoreType(state, match) {
match = ensureRegex(match);
state.typeIgnore.push(regexToString(match));
},
headers(state, { type, headers }) {
state.headers[type] = headers;
},
// weightGroup('core' 99); -- higher groups are shown first
// These operate on *displayed* group names, after mapping
weightGroup(state, { group, groups, weight }) {
if ( !groups ) {
groups = [];
}
if ( group ) {
groups.push(group);
}
for ( const g of groups ) {
state.groupWeights[g.toLowerCase()] = weight;
}
},
// weightType('Cluster' 99); -- higher groups are shown first
// These operate on *displayed* type names, after mapping
weightType(state, { type, types, weight }) {
if ( !types ) {
types = [];
}
if ( type ) {
types.push(type);
}
for ( const t of types ) {
state.typeWeights[t.toLowerCase()] = weight;
}
},
// mapGroup('ugly.thing', 'Nice Thing', 1);
// mapGroup(/ugly.thing.(stuff)', '$1', 2);
// mapGroup(/ugly.thing.(stuff)', function(groupStr, ruleObj, regexMatch, typeObj) { return ucFirst(group.id) } , 2);
mapGroup(state, {
match, replace, weight = 5, continueOnMatch = false
}) {
_addMapping(state.groupMappings, match, replace, weight, continueOnMatch);
},
mapType(state, {
match, replace, weight = 5, continueOnMatch = false
}) {
_addMapping(state.typeMappings, match, replace, weight, continueOnMatch);
},
// moveType('apps.deployment', 'Core');
moveType(state, { match, group, weight = 5 }) {
_addMapping(state.typeMoveMappings, match, group, weight);
},
mapTypeToComponentName(state, { match, replace }) {
match = ensureRegex(match);
match = regexToString(match);
state.typeToComponentMappings.push({ match, replace });
},
markTypeAsUncreatable(state, { match }) {
match = ensureRegex(match);
match = regexToString(match);
state.uncreatable.push(match);
},
markTypeAsImmutable(state, { match }) {
match = ensureRegex(match);
match = regexToString(match);
state.immutable.push(match);
},
pluralizeType(type, plural) {
state.pluralLabels[type] = plural;
},
};
export const actions = {
addFavorite({ dispatch, rootGetters }, type) {
console.log('addFavorite', type); // eslint-disable-line no-console
const types = rootGetters['prefs/get'](FAVORITE_TYPES) || [];
addObject(types, type);
dispatch('prefs/set', { key: FAVORITE_TYPES, value: types }, { root: true });
},
removeFavorite({ dispatch, rootGetters }, type) {
console.log('removeFavorite', type); // eslint-disable-line no-console
const types = rootGetters['prefs/get'](FAVORITE_TYPES) || [];
removeObject(types, type);
dispatch('prefs/set', { key: FAVORITE_TYPES, value: types }, { root: true });
},
toggleGroup({ dispatch, rootGetters }, { group, expanded }) {
const groups = rootGetters['prefs/get'](EXPANDED_GROUPS);
if ( expanded ) {
addObject(groups, group);
} else {
removeObject(groups, group);
}
dispatch('prefs/set', { key: EXPANDED_GROUPS, value: groups }, { root: true });
},
};
function _sortGroup(tree, mode) {
const by = ['namespaced', 'weight:desc', 'label'];
tree.children = sortBy(tree.children, by);
for (const entry of tree.children ) {
if ( entry.children ) {
_sortGroup(entry, mode);
}
}
}
function _matchingCounts(typeObj, namespaces) {
// That was easy
if ( !typeObj.namespaced || !typeObj.byNamespace || namespaces === null || typeObj.count === null) {
return typeObj.count;
}
let out = 0;
// Otherwise start with 0 and count up
for ( const namespace of namespaces ) {
out += typeObj.byNamespace[namespace]?.count || 0;
}
return out;
}
function _applyMapping(objOrValue, mappings, keyField, cache, defaultFn) {
let key = objOrValue;
let found = false;
if ( keyField ) {
if ( typeof objOrValue !== 'object' ) {
return objOrValue;
}
key = get(objOrValue, keyField);
if ( typeof key !== 'string' ) {
return null;
}
}
if ( key && cache[key] ) {
return cache[key];
}
let out = `${ key }`;
for ( const rule of mappings ) {
const re = stringToRegex(rule.match);
const captured = out.match(re);
if ( captured && rule.replace ) {
out = out.replace(re, rule.replace);
found = true;
if ( !rule.continueOnMatch ) {
break;
}
}
}
if ( !found && defaultFn ) {
out = defaultFn(out, objOrValue);
}
cache[key] = out;
return out;
}
function _addMapping(mappings, match, replace, weight, continueOnMatch) {
match = regexToString(ensureRegex(match));
mappings.push({
match,
replace,
weight,
continueOnMatch,
insertIndex: mappings.length,
});
// Re-sort the list by weight (highest first) and insert time (oldest first)
mappings.sort((a, b) => {
const pri = b.weight - a.weight;
if ( pri ) {
return pri;
}
return a.insertIndex - b.insertIndex;
});
}
// Regexes can't be represented in state because they don't serialize to JSON..
const regexCache = {};
function ensureRegex(strOrRegex) {
if ( typeof strOrRegex === 'string' ) {
return new RegExp(`^${ escapeRegex(strOrRegex) }$`, 'i');
}
return strOrRegex;
}
function regexToString(regex) {
return regex.source;
}
function stringToRegex(str) {
let out = regexCache[str];
if ( !out ) {
out = new RegExp(str);
regexCache[str] = out;
}
return out;
}