@theia/getting-started 1.75.0-next.8 → 1.76.0-next.0

package/lib/browser/walkthrough-card.spec.js

@@ -0,0 +1,188 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("@theia/core/shared/react/jsx-runtime");
+// *****************************************************************************
+// Copyright (C) 2026 EclipseSource and others.
+//
+// This program and the accompanying materials are made available under the
+// terms of the Eclipse Public License v. 2.0 which is available at
+// http://www.eclipse.org/legal/epl-2.0.
+//
+// This Source Code may also be made available under the following Secondary
+// Licenses when the conditions for such availability set forth in the Eclipse
+// Public License v. 2.0 are satisfied: GNU General Public License, version 2
+// with the GNU Classpath Exception which is available at
+// https://www.gnu.org/software/classpath/license.html.
+//
+// SPDX-License-Identifier: EPL-2.0 OR GPL-2.0-only WITH Classpath-exception-2.0
+// *****************************************************************************
+const assert = require("assert");
+const jsdom_1 = require("@theia/core/lib/browser/test/jsdom");
+let disableJSDOM = (0, jsdom_1.enableJSDOM)();
+const client_1 = require("@theia/core/shared/react-dom/client");
+const walkthrough_card_1 = require("./walkthrough-card");
+function createMockStep(overrides) {
+    return {
+        id: 'step-1',
+        title: 'Test Step',
+        description: 'A test step description',
+        isComplete: false,
+        ...overrides
+    };
+}
+function createMockWalkthrough(overrides) {
+    return {
+        id: 'test-walkthrough',
+        title: 'Test Walkthrough',
+        description: 'A test walkthrough description',
+        steps: [
+            createMockStep({ id: 'step-1', title: 'First Step' }),
+            createMockStep({ id: 'step-2', title: 'Second Step' }),
+            createMockStep({ id: 'step-3', title: 'Third Step' })
+        ],
+        pluginId: 'test.plugin',
+        ...overrides
+    };
+}
+describe('WalkthroughCard', () => {
+    let container;
+    let root;
+    before(() => disableJSDOM = (0, jsdom_1.enableJSDOM)());
+    after(() => disableJSDOM());
+    beforeEach(() => {
+        container = document.createElement('div');
+        document.body.appendChild(container);
+        root = (0, client_1.createRoot)(container);
+    });
+    afterEach(() => {
+        root.unmount();
+        document.body.removeChild(container);
+    });
+    it('should render walkthrough title and description', done => {
+        const walkthrough = createMockWalkthrough({
+            title: 'My Walkthrough',
+            description: 'My description'
+        });
+        root.render((0, jsx_runtime_1.jsx)(walkthrough_card_1.WalkthroughCard, { walkthrough: walkthrough, onSelect: () => { } }));
+        setTimeout(() => {
+            const title = container.querySelector('.gs-walkthrough-card-title');
+            assert.ok(title, 'Title element should exist');
+            assert.ok(title?.textContent?.includes('My Walkthrough'), 'Should contain the walkthrough title');
+            const description = container.querySelector('.gs-walkthrough-card-description');
+            assert.ok(description, 'Description element should exist');
+            assert.ok(description?.textContent?.includes('My description'), 'Should contain the walkthrough description');
+            done();
+        }, 50);
+    });
+    it('should display progress bar with correct percentage', done => {
+        const walkthrough = createMockWalkthrough({
+            steps: [
+                createMockStep({ id: 's1', isComplete: true }),
+                createMockStep({ id: 's2', isComplete: false }),
+                createMockStep({ id: 's3', isComplete: false })
+            ]
+        });
+        root.render((0, jsx_runtime_1.jsx)(walkthrough_card_1.WalkthroughCard, { walkthrough: walkthrough, onSelect: () => { } }));
+        setTimeout(() => {
+            const progressFill = container.querySelector('.gs-walkthrough-progress-fill');
+            assert.ok(progressFill, 'Progress fill element should exist');
+            const expectedWidth = `${(1 / 3) * 100}%`;
+            assert.strictEqual(progressFill.style.width, expectedWidth, 'Progress fill should reflect 1 of 3 steps');
+            const progressText = container.querySelector('.gs-walkthrough-progress-text');
+            assert.ok(progressText, 'Progress text should exist');
+            assert.ok(progressText?.textContent?.includes('1'), 'Should show completed count');
+            assert.ok(progressText?.textContent?.includes('3'), 'Should show total count');
+            done();
+        }, 50);
+    });
+    it('should call onSelect when card is clicked', done => {
+        const walkthrough = createMockWalkthrough();
+        let selectedWalkthrough;
+        root.render((0, jsx_runtime_1.jsx)(walkthrough_card_1.WalkthroughCard, { walkthrough: walkthrough, onSelect: w => { selectedWalkthrough = w; } }));
+        setTimeout(() => {
+            const card = container.querySelector('.gs-walkthrough-card');
+            assert.ok(card, 'Card element should exist');
+            card.click();
+            setTimeout(() => {
+                assert.ok(selectedWalkthrough, 'onSelect should have been called');
+                assert.strictEqual(selectedWalkthrough?.id, walkthrough.id, 'Should pass the walkthrough to onSelect');
+                done();
+            }, 50);
+        }, 50);
+    });
+    it('should render icon when walkthrough.icon is provided', done => {
+        const walkthrough = createMockWalkthrough({ icon: 'play' });
+        root.render((0, jsx_runtime_1.jsx)(walkthrough_card_1.WalkthroughCard, { walkthrough: walkthrough, onSelect: () => { } }));
+        setTimeout(() => {
+            const icon = container.querySelector('.gs-walkthrough-icon');
+            assert.ok(icon, 'Icon element should exist');
+            assert.ok(icon?.classList.contains('codicon-play'), 'Should have the codicon-play class');
+            done();
+        }, 50);
+    });
+    it('should not render icon when walkthrough.icon is not provided', done => {
+        const walkthrough = createMockWalkthrough({ icon: undefined });
+        root.render((0, jsx_runtime_1.jsx)(walkthrough_card_1.WalkthroughCard, { walkthrough: walkthrough, onSelect: () => { } }));
+        setTimeout(() => {
+            const icon = container.querySelector('.gs-walkthrough-icon');
+            // eslint-disable-next-line no-null/no-null
+            assert.strictEqual(icon, null, 'Icon element should not exist');
+            done();
+        }, 50);
+    });
+    it('should show 0% progress when no steps are complete', done => {
+        const walkthrough = createMockWalkthrough();
+        root.render((0, jsx_runtime_1.jsx)(walkthrough_card_1.WalkthroughCard, { walkthrough: walkthrough, onSelect: () => { } }));
+        setTimeout(() => {
+            const progressFill = container.querySelector('.gs-walkthrough-progress-fill');
+            assert.ok(progressFill, 'Progress fill element should exist');
+            assert.strictEqual(progressFill.style.width, '0%', 'Progress should be 0%');
+            done();
+        }, 50);
+    });
+    it('should show 100% progress when all steps are complete', done => {
+        const walkthrough = createMockWalkthrough({
+            steps: [
+                createMockStep({ id: 's1', isComplete: true }),
+                createMockStep({ id: 's2', isComplete: true }),
+            ]
+        });
+        root.render((0, jsx_runtime_1.jsx)(walkthrough_card_1.WalkthroughCard, { walkthrough: walkthrough, onSelect: () => { } }));
+        setTimeout(() => {
+            const progressFill = container.querySelector('.gs-walkthrough-progress-fill');
+            assert.ok(progressFill, 'Progress fill element should exist');
+            assert.strictEqual(progressFill.style.width, '100%', 'Progress should be 100%');
+            done();
+        }, 50);
+    });
+    it('should fall back to the extension icon when the walkthrough contributes none', done => {
+        const walkthrough = createMockWalkthrough({ icon: undefined, pluginIcon: 'http://localhost/icon.png' });
+        root.render((0, jsx_runtime_1.jsx)(walkthrough_card_1.WalkthroughCard, { walkthrough: walkthrough, onSelect: () => { } }));
+        setTimeout(() => {
+            const icon = container.querySelector('.gs-walkthrough-plugin-icon');
+            assert.ok(icon, 'The extension icon should be rendered');
+            assert.strictEqual(icon.getAttribute('src'), 'http://localhost/icon.png', 'It should use the resolved icon URL');
+            done();
+        }, 50);
+    });
+    it('should prefer a contributed codicon over the extension icon', done => {
+        const walkthrough = createMockWalkthrough({ icon: 'play', pluginIcon: 'http://localhost/icon.png' });
+        root.render((0, jsx_runtime_1.jsx)(walkthrough_card_1.WalkthroughCard, { walkthrough: walkthrough, onSelect: () => { } }));
+        setTimeout(() => {
+            assert.ok(container.querySelector('.codicon-play'), 'The contributed codicon should win');
+            // eslint-disable-next-line no-null/no-null
+            assert.strictEqual(container.querySelector('.gs-walkthrough-plugin-icon'), null, 'The extension icon should be skipped');
+            done();
+        }, 50);
+    });
+    it('should render no icon when neither is available', done => {
+        const walkthrough = createMockWalkthrough({ icon: undefined, pluginIcon: undefined });
+        root.render((0, jsx_runtime_1.jsx)(walkthrough_card_1.WalkthroughCard, { walkthrough: walkthrough, onSelect: () => { } }));
+        setTimeout(() => {
+            // eslint-disable-next-line no-null/no-null
+            assert.strictEqual(container.querySelector('.gs-walkthrough-icon'), null, 'No icon element should exist');
+            done();
+        }, 50);
+    });
+});
+//# sourceMappingURL=walkthrough-card.spec.js.map

package/lib/browser/walkthrough-card.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"walkthrough-card.spec.js","sourceRoot":"","sources":["../../src/browser/walkthrough-card.spec.tsx"],"names":[],"mappings":"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"}

package/lib/browser/walkthrough-detail.d.ts

@@ -0,0 +1,19 @@
+import { MarkdownRenderer } from '@theia/core/lib/browser/markdown-rendering/markdown-renderer';
+import { ThemeService } from '@theia/core/lib/browser/theming';
+import { ILogger } from '@theia/core/lib/common/logger';
+import * as React from '@theia/core/shared/react';
+import { Walkthrough, WalkthroughStep } from '../common/walkthrough-types';
+export interface WalkthroughDetailProps {
+    walkthrough: Walkthrough;
+    onStepSelect: (step: WalkthroughStep) => void;
+    onBack: () => void;
+    selectedStep?: WalkthroughStep;
+    markdownRenderer: MarkdownRenderer;
+    onLinkClick?: (url: string) => void;
+    onToggleStepDone?: (step: WalkthroughStep) => void;
+    onMarkAllStepsDone?: () => void;
+    themeService: ThemeService;
+    logger: ILogger;
+}
+export declare function WalkthroughDetail(props: WalkthroughDetailProps): React.ReactElement;
+//# sourceMappingURL=walkthrough-detail.d.ts.map

package/lib/browser/walkthrough-detail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"walkthrough-detail.d.ts","sourceRoot":"","sources":["../../src/browser/walkthrough-detail.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAAE,gBAAgB,EAA+C,MAAM,8DAA8D,CAAC;AAC7I,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAI/D,OAAO,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AAExD,OAAO,KAAK,KAAK,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAI3E,MAAM,WAAW,sBAAsB;IACnC,WAAW,EAAE,WAAW,CAAC;IACzB,YAAY,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAC;IAC9C,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,YAAY,CAAC,EAAE,eAAe,CAAC;IAC/B,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAC;IACnD,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,YAAY,EAAE,YAAY,CAAC;IAC3B,MAAM,EAAE,OAAO,CAAC;CACnB;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,GAAG,KAAK,CAAC,YAAY,CA6DnF"}

package/lib/browser/walkthrough-detail.js

@@ -0,0 +1,192 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WalkthroughDetail = WalkthroughDetail;
+const jsx_runtime_1 = require("@theia/core/shared/react/jsx-runtime");
+// *****************************************************************************
+// Copyright (C) 2026 EclipseSource and others.
+//
+// This program and the accompanying materials are made available under the
+// terms of the Eclipse Public License v. 2.0 which is available at
+// http://www.eclipse.org/legal/epl-2.0.
+//
+// This Source Code may also be made available under the following Secondary
+// Licenses when the conditions for such availability set forth in the Eclipse
+// Public License v. 2.0 are satisfied: GNU General Public License, version 2
+// with the GNU Classpath Exception which is available at
+// https://www.gnu.org/software/classpath/license.html.
+//
+// SPDX-License-Identifier: EPL-2.0 OR GPL-2.0-only WITH Classpath-exception-2.0
+// *****************************************************************************
+const browser_1 = require("@theia/core/lib/browser");
+const disposable_1 = require("@theia/core/lib/common/disposable");
+const nls_1 = require("@theia/core/lib/common/nls");
+const React = require("@theia/core/shared/react");
+const plugin_shared_style_1 = require("@theia/plugin-ext/lib/main/browser/plugin-shared-style");
+const walkthrough_icon_1 = require("./walkthrough-icon");
+function WalkthroughDetail(props) {
+    const { walkthrough, onStepSelect, onBack, selectedStep, markdownRenderer, themeService } = props;
+    return ((0, jsx_runtime_1.jsxs)("div", { className: 'gs-walkthrough-detail', children: [(0, jsx_runtime_1.jsxs)("div", { className: 'gs-walkthrough-detail-header', children: [(0, jsx_runtime_1.jsxs)("a", { role: 'button', tabIndex: 0, className: 'gs-walkthrough-back-link', onClick: onBack, onKeyDown: (e) => {
+                            if (e.key === 'Enter') {
+                                onBack();
+                            }
+                        }, children: [(0, jsx_runtime_1.jsx)("i", { className: (0, browser_1.codicon)('arrow-left') }), (0, jsx_runtime_1.jsx)("span", { className: 'gs-walkthrough-back-label', children: nls_1.nls.localizeByDefault('Back') })] }), (0, jsx_runtime_1.jsxs)("h2", { className: 'gs-walkthrough-detail-title', children: [(0, jsx_runtime_1.jsx)(walkthrough_icon_1.WalkthroughIcon, { walkthrough: walkthrough }), walkthrough.title] }), (0, jsx_runtime_1.jsx)("p", { className: 'gs-walkthrough-detail-description', children: walkthrough.description })] }), (0, jsx_runtime_1.jsxs)("div", { className: 'gs-walkthrough-detail-body', children: [(0, jsx_runtime_1.jsxs)("div", { className: 'gs-walkthrough-steps', children: [walkthrough.steps.map(step => ((0, jsx_runtime_1.jsx)(WalkthroughStepItem, { step: step, isSelected: selectedStep?.id === step.id, onSelect: onStepSelect, onToggleDone: props.onToggleStepDone }, step.id))), props.onMarkAllStepsDone && ((0, jsx_runtime_1.jsx)("button", { className: 'theia-button secondary gs-walkthrough-mark-all-done', disabled: walkthrough.steps.every(step => step.isComplete), onClick: props.onMarkAllStepsDone, children: nls_1.nls.localizeByDefault('Mark Done') }))] }), selectedStep && ((0, jsx_runtime_1.jsx)("div", { className: 'gs-walkthrough-step-content', children: (0, jsx_runtime_1.jsx)(WalkthroughStepContent, { step: selectedStep, markdownRenderer: markdownRenderer, onLinkClick: props.onLinkClick, themeService: themeService, logger: props.logger }) }))] })] }));
+}
+function WalkthroughStepItem(props) {
+    const { step, isSelected, onSelect, onToggleDone } = props;
+    const iconClass = step.isComplete ? (0, browser_1.codicon)('pass-filled') : (0, browser_1.codicon)('circle-large-outline');
+    const toggleDone = (event) => {
+        // Completing a step is a separate action from opening it.
+        event.stopPropagation();
+        onToggleDone?.(step);
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", { className: `gs-walkthrough-step-item ${isSelected ? 'selected' : ''} ${step.isComplete ? 'completed' : ''}`, role: 'button', tabIndex: 0, onClick: () => onSelect(step), onKeyDown: (e) => {
+            if (e.key === 'Enter') {
+                onSelect(step);
+            }
+        }, children: [(0, jsx_runtime_1.jsx)("span", { className: `gs-walkthrough-step-icon ${iconClass}`, role: onToggleDone ? 'checkbox' : undefined, "aria-checked": onToggleDone ? step.isComplete : undefined, tabIndex: onToggleDone ? 0 : undefined, title: onToggleDone
+                    ? (step.isComplete
+                        ? nls_1.nls.localize('theia/getting-started/markStepUndone', 'Mark Undone')
+                        : nls_1.nls.localizeByDefault('Mark Done'))
+                    : undefined, onClick: onToggleDone && toggleDone, onKeyDown: onToggleDone && ((e) => {
+                    if (e.key === 'Enter' || e.key === ' ') {
+                        toggleDone(e);
+                    }
+                }) }), (0, jsx_runtime_1.jsx)("span", { className: 'gs-walkthrough-step-title', children: step.title })] }));
+}
+function WalkthroughStepContent(props) {
+    const { step, markdownRenderer, themeService } = props;
+    return ((0, jsx_runtime_1.jsxs)("div", { className: 'gs-walkthrough-step-detail', children: [(0, jsx_runtime_1.jsx)("h3", { children: step.title }), (0, jsx_runtime_1.jsx)(WalkthroughDescriptionContent, { description: step.description, markdownRenderer: markdownRenderer, onLinkClick: props.onLinkClick }), step.media && renderMedia(step.media, markdownRenderer, themeService, props.logger, props.onLinkClick)] }));
+}
+function WalkthroughDescriptionContent(props) {
+    // eslint-disable-next-line no-null/no-null
+    const containerRef = React.useRef(null);
+    const renderResultRef = React.useRef(undefined);
+    const disposablesRef = React.useRef(undefined);
+    const onLinkClickRef = React.useRef(props.onLinkClick);
+    onLinkClickRef.current = props.onLinkClick;
+    React.useEffect(() => {
+        if (!containerRef.current) {
+            return;
+        }
+        renderResultRef.current?.dispose();
+        disposablesRef.current?.dispose();
+        const options = createMarkdownOptions(onLinkClickRef, disposablesRef);
+        const result = props.markdownRenderer.render(toTrustedMarkdown(toMarkdownWithLineBreaks(props.description)), options);
+        renderResultRef.current = result;
+        containerRef.current.innerHTML = '';
+        containerRef.current.appendChild(result.element);
+        return () => {
+            renderResultRef.current?.dispose();
+            disposablesRef.current?.dispose();
+        };
+    }, [props.description, props.markdownRenderer]);
+    return (0, jsx_runtime_1.jsx)("div", { className: 'gs-walkthrough-step-description', ref: containerRef });
+}
+/**
+ * Walkthrough content is rendered as trusted Markdown so that the `command:` links it relies on survive
+ * rendering. It comes from an installed plugin, which can execute commands through its own API anyway.
+ */
+function toTrustedMarkdown(value) {
+    return { value, isTrusted: true };
+}
+/**
+ * Routes link activation to `onLinkClick`. Without an action handler the Monaco based renderer clears every
+ * `href` and installs no click handling, which leaves the links of the rendered content inert.
+ */
+function createMarkdownOptions(onLinkClickRef, disposablesRef) {
+    if (!onLinkClickRef.current) {
+        return undefined;
+    }
+    const disposables = new disposable_1.DisposableCollection();
+    disposablesRef.current = disposables;
+    return {
+        actionHandler: {
+            callback: (content) => onLinkClickRef.current?.(content),
+            disposables
+        }
+    };
+}
+/**
+ * Turn the single newlines that walkthrough step descriptions use for line breaks into Markdown hard breaks.
+ *
+ * VS Code renders every line of a step description as its own block, while Markdown collapses single
+ * newlines into spaces. Blank lines are left alone so that explicit paragraphs still work.
+ */
+function toMarkdownWithLineBreaks(description) {
+    return description.replace(/(?<!\n)\n(?!\n)/g, '  \n');
+}
+function renderMedia(media, markdownRenderer, themeService, logger, onLinkClick) {
+    if (!media) {
+        return undefined;
+    }
+    if ('markdown' in media) {
+        return (0, jsx_runtime_1.jsx)(WalkthroughMedia, { src: media.markdown, markdownRenderer: markdownRenderer, logger: logger, onLinkClick: onLinkClick });
+    }
+    if ('svg' in media) {
+        return (0, jsx_runtime_1.jsx)(WalkthroughMediaImage, { src: media.svg, altText: media.altText || '', themeService: themeService });
+    }
+    if ('image' in media) {
+        return (0, jsx_runtime_1.jsx)(WalkthroughMediaImage, { src: media.image, altText: media.altText || '', themeService: themeService });
+    }
+    return undefined;
+}
+function pickThemeVariant(source, themeType) {
+    if (typeof source === 'string') {
+        return source;
+    }
+    switch (themeType) {
+        case 'light': return source.light;
+        case 'hc': return source.hc;
+        case 'hcLight': return source.hcLight;
+        default: return source.dark;
+    }
+}
+function WalkthroughMediaImage(props) {
+    const { themeService } = props;
+    const [themeType, setThemeType] = React.useState(() => themeService.getCurrentTheme().type);
+    const [failed, setFailed] = React.useState(false);
+    React.useEffect(() => {
+        const disposable = themeService.onDidColorThemeChange(event => setThemeType(event.newTheme.type));
+        return () => disposable.dispose();
+    }, [themeService]);
+    const src = plugin_shared_style_1.PluginSharedStyle.toExternalIconUrl(pickThemeVariant(props.src, themeType));
+    React.useEffect(() => setFailed(false), [src]);
+    if (failed) {
+        // A missing image must not leave a broken image placeholder behind.
+        return undefined;
+    }
+    return (0, jsx_runtime_1.jsx)("img", { className: 'gs-walkthrough-media-image', src: src, alt: props.altText, onError: () => setFailed(true) });
+}
+function WalkthroughMedia(props) {
+    // eslint-disable-next-line no-null/no-null
+    const containerRef = React.useRef(null);
+    const renderResultRef = React.useRef(undefined);
+    const disposablesRef = React.useRef(undefined);
+    const onLinkClickRef = React.useRef(props.onLinkClick);
+    onLinkClickRef.current = props.onLinkClick;
+    React.useEffect(() => {
+        let cancelled = false;
+        fetch(plugin_shared_style_1.PluginSharedStyle.toExternalIconUrl(props.src))
+            .then(response => !cancelled && response.ok ? response.text() : '')
+            .then(text => {
+            if (!cancelled && containerRef.current && text) {
+                renderResultRef.current?.dispose();
+                disposablesRef.current?.dispose();
+                const options = createMarkdownOptions(onLinkClickRef, disposablesRef);
+                const result = props.markdownRenderer.render(toTrustedMarkdown(text), options);
+                renderResultRef.current = result;
+                containerRef.current.innerHTML = '';
+                containerRef.current.appendChild(result.element);
+            }
+        })
+            .catch(error => props.logger.warn(`Could not load the walkthrough media '${props.src}'.`, error));
+        return () => {
+            cancelled = true;
+            renderResultRef.current?.dispose();
+            renderResultRef.current = undefined;
+            disposablesRef.current?.dispose();
+        };
+    }, [props.src, props.markdownRenderer]);
+    return (0, jsx_runtime_1.jsx)("div", { className: 'gs-walkthrough-media-markdown', ref: containerRef });
+}
+//# sourceMappingURL=walkthrough-detail.js.map

package/lib/browser/walkthrough-detail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"walkthrough-detail.js","sourceRoot":"","sources":["../../src/browser/walkthrough-detail.tsx"],"names":[],"mappings":"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"}

package/lib/browser/walkthrough-detail.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=walkthrough-detail.spec.d.ts.map

package/lib/browser/walkthrough-detail.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"walkthrough-detail.spec.d.ts","sourceRoot":"","sources":["../../src/browser/walkthrough-detail.spec.tsx"],"names":[],"mappings":""}