adam/vscode-front-matter
1
0
Fork 0
mirror of https://github.com/estruyf/vscode-front-matter.git synced 2026-07-06 18:01:24 +02:00
Code Issues Packages Projects Releases Wiki Activity

Added VSCode webcomponents

Browse Source
This commit is contained in:
Elio Struyf
2021-10-12 10:23:55 +02:00
parent defffc4c8e
commit 8198ce2af3
5 changed files with 99 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/panelWebView/components/GlobalSettings.tsx
+2 -2
View File
@@ -48,11 +48,11 @@ export const GlobalSettings: React.FunctionComponent<IGlobalSettingsProps> = ({s
<Collapsible id={`${isBase ? "base_" : ""}settings`} className={`base__actions`} title="Global settings">
<div className={`base__action`}>
<VsLabel>Modified date</VsLabel>
<VsCheckbox label="Auto-update modified date" checked={modifiedDateUpdate} onClick={onDateCheck} />
<VsCheckbox checked={modifiedDateUpdate} onClick={onDateCheck}>Auto-update modified date</VsCheckbox>
</div>
<div className={`base__action`}>
<VsLabel>Front Matter highlight</VsLabel>
<VsCheckbox label="Highlight Front Matter" checked={fmHighlighting} onClick={onHighlightCheck} />
<VsCheckbox checked={fmHighlighting} onClick={onHighlightCheck}>Highlight Front Matter</VsCheckbox>
</div>
<div className={`base__action`}>
<VsLabel>Local preview</VsLabel>
src/panelWebView/components/VscodeComponents.ts
+5 -2
View File
@@ -1,5 +1,6 @@
import {wrapWc} from 'wc-react';
// @bendera/vscode-webview-elements
export const VsTable = wrapWc(`vscode-table`);
export const VsTableHeader = wrapWc(`vscode-table-header`);
export const VsTableHeaderCell = wrapWc(`vscode-table-header-cell`);
@@ -7,5 +8,7 @@ export const VsTableBody = wrapWc(`vscode-table-body`);
export const VsTableRow = wrapWc(`vscode-table-row`);
export const VsTableCell = wrapWc(`vscode-table-cell`);
export const VsCollapsible = wrapWc(`vscode-collapsible`);
export const VsCheckbox = wrapWc(`vscode-checkbox`);
export const VsLabel = wrapWc(`vscode-label`);
export const VsLabel = wrapWc(`vscode-label`);
// @vscode/webview-ui-toolkit
export const VsCheckbox = wrapWc(`vscode-checkbox`);
src/panelWebView/index.tsx
+2 -1
View File
@@ -13,9 +13,10 @@ import '@bendera/vscode-webview-elements/dist/vscode-table-body';
import '@bendera/vscode-webview-elements/dist/vscode-table-row';
import '@bendera/vscode-webview-elements/dist/vscode-table-cell';
import '@bendera/vscode-webview-elements/dist/vscode-collapsible';
import '@bendera/vscode-webview-elements/dist/vscode-checkbox';
import '@bendera/vscode-webview-elements/dist/vscode-label';
import '@vscode/webview-ui-toolkit/dist/esm/checkbox';
Sentry.init({
dsn: SENTRY_LINK,
integrations: [new Integrations.BrowserTracing()],