debug-server-next
Version:
Dev server for hippy-core.
73 lines (72 loc) • 2.45 kB
JavaScript
// Copyright 2020 The Chromium Authors. All rights reserved.
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.
import * as FrontendHelpers from '../../../../../test/unittests/front_end/helpers/EnvironmentHelpers.js';
import * as ComponentHelpers from '../../helpers/helpers.js';
import * as TreeOutline from '../../tree_outline/tree_outline.js';
await ComponentHelpers.ComponentServerSetup.setup();
await FrontendHelpers.initializeGlobalVars();
async function loadInSomeNodes() {
const europeanOffices = [
{
treeNodeData: 'UK',
children: () => Promise.resolve([
{
treeNodeData: 'LON',
children: () => Promise.resolve([{ treeNodeData: '6PS' }, { treeNodeData: 'CSG' }, { treeNodeData: 'BEL' }]),
},
]),
},
{
treeNodeData: 'Germany',
children: () => Promise.resolve([
{ treeNodeData: 'MUC' },
{ treeNodeData: 'BER' },
]),
},
];
return new Promise(resolve => {
setTimeout(() => resolve(europeanOffices), 250);
});
}
const data = {
defaultRenderer: TreeOutline.TreeOutline.defaultRenderer,
tree: [
{
treeNodeData: 'Offices',
children: () => Promise.resolve([
{
treeNodeData: 'Europe',
async children() {
const children = await loadInSomeNodes();
return children;
},
},
]),
},
{
treeNodeData: 'Products',
children: () => Promise.resolve([
{
treeNodeData: 'Chrome',
},
{
treeNodeData: 'YouTube',
},
{
treeNodeData: 'Drive',
},
{
treeNodeData: 'Calendar',
},
]),
},
],
};
const component = new TreeOutline.TreeOutline.TreeOutline();
component.setAttribute('toplevelbordercolor', 'var(--color-syntax-1)');
component.data = data;
document.getElementById('container')?.appendChild(component);
document.getElementById('recursively-expand')?.addEventListener('click', () => {
component.expandRecursively();
});