@icure/form 1.0.1 → 1.0.2

package/app/demo-app.ts

@@ -1,191 +0,0 @@
-import {css, html, LitElement} from 'lit-element';
-import {getRowsUsingPagination, IccCodeXApi} from '@icure/api';
-
-console.log("initialized")
-
-import '../src/components/iqr-text-field';
-import '../src/components/iqr-form';
-import MiniSearch from 'minisearch'
-import {
-	DatePicker,
-	DateTimePicker,
-	Form, Group,
-	MeasureField, MultipleChoice,
-	NumberField,
-	Section,
-	TextField,
-	TimePicker
-} from "../src/components/iqr-form/model";
-
-const icd10 = [
-	['I', new RegExp('^[AB][0–9]')],
-	['II', new RegExp('^C[0-9]–D[0-4]')],
-	['III', new RegExp('^D[5–9]')],
-	['IV', new RegExp('^E[0–9]')],
-	['V', new RegExp('^F[0–9]')],
-	['VI', new RegExp('^G[0–9]')],
-	['VII', new RegExp('^H[0–5]')],
-	['VIII', new RegExp('^H[6–9]')],
-	['IX', new RegExp('^I[0–9]')],
-	['X', new RegExp('^J[0–9]')],
-	['XI', new RegExp('^K[0–9]')],
-	['XII', new RegExp('^L[0–9]')],
-	['XIII', new RegExp('^M[0–9]')],
-	['XIV', new RegExp('^N[0–9]')],
-	['XV', new RegExp('^O[0–9]')],
-	['XVI', new RegExp('^P[0–9]')],
-	['XVII', new RegExp('^Q[0–9]')],
-	['XVIII', new RegExp('^R[0–9]')],
-	['XIX', new RegExp('^[ST][0–9]')],
-	['XX', new RegExp('^[VY][0–9]')],
-	['XXI', new RegExp('^Z[0–9]')],
-	['XXII', new RegExp('^U[0–9]')]
-]
-
-const icpc2 = {
-	'B': 'XX',
-	'D': 'XI',
-	'F': 'VI',
-	'H': 'VII',
-	'K': 'IX',
-	'L': 'XIII',
-	'N': 'VI',
-	'P': 'V',
-	'R': 'X',
-	'S': 'XII',
-	'T': 'VI',
-	'U': 'XIV',
-	'W': 'XV',
-	'X': 'XVI',
-	'Y': 'XVIII',
-	'Z': 'XXI'
-}
-
-const stopWords = new Set(['du','au','le','les','un','la','des','sur','de'])
-
-class DemoApp extends LitElement {
-	private api: IccCodeXApi = new IccCodeXApi("https://kraken.svc.icure.cloud/rest/v1",{ Authorization: 'Basic YWJkZW1vQGljdXJlLmNsb3VkOmtuYWxvdQ=='})
-
-	private miniSearch: MiniSearch = new MiniSearch({
-		fields: ['text'], // fields to index for full-text search
-		storeFields: ['code', 'text', 'links'], // fields to return with search results
-		processTerm: (term, _fieldName) =>
-			term.length === 1 || stopWords.has(term) ?
-				null : term.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase()
-	})
-
-	static get styles() {
-		return css`
-			iqr-text-field {
-				display: block;
-			}
-			h2 {
-				width: 100%;
-				font-size: 2em;
-				margin-top: 1em;
-				margin-bottom: 0;
-				font-family: 'Roboto', Helvetica, sans-serif;	
-			}
-		`;
-	}
-
-	async firstUpdated() {
-		const codes = await getRowsUsingPagination<any>((key, docId, limit) => {
-			return this.api.findPaginatedCodes('be', 'BE-THESAURUS', undefined, undefined, key, docId || undefined, 10000).then(x => ({
-				rows: (x.rows || []).map(x => ({id: x.id, code: x.code, text: x.label?.fr, links:x.links})),
-				nextKey: x.nextKeyPair?.startKey && JSON.stringify(x.nextKeyPair?.startKey),
-				nextDocId: x.nextKeyPair?.startKeyDocId,
-				done: (x.rows || []).length < 10000
-			}))
-		})
-		codes && this.miniSearch.addAll(codes)
-	}
-
-	codeColorProvider(type: string, code: string) {
-		return type === 'ICD' ? (icd10.find(x => code.match(x[1])) || [])[0] || 'XXII' : icpc2[code.substring(0,1)] || 'XXII'
-	}
-
-	suggestionProvider(terms: string[]) {
-		let normalisedTerms = terms.map(x => x.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase());
-		const res: any[] = []
-		if (this.miniSearch) {
-			while(normalisedTerms.length && res.length<20) {
-				res.push(...this.miniSearch.search(normalisedTerms.join(' '))
-					.filter(x => {
-						return normalisedTerms.every(t => x.terms.includes(t))
-					})
-					.map(s => Object.assign(s, {terms}))
-					.filter(t => !res.some(x => x.text === t.text)))
-				res.length<20 && res.push(...this.miniSearch.search(normalisedTerms.join(' '), {prefix: true})
-					.filter(x => normalisedTerms.every(t => x.terms.some(mt => mt.startsWith(t))))
-					.map(s => Object.assign(s, {terms})).filter(t => !res.some(x => x.text === t.text)))
-				normalisedTerms = normalisedTerms.slice(1)
-				terms = terms.slice(1)
-			}
-		}
-		return res
-	}
-
-	async linksProvider(sug: { id: string, code: string, text: string, terms: string[], links: string[] }) {
-		const links = (await Promise.all((sug.links || []).map(id => this.api.getCode(id)))).map(c => ({id:c.id, code:c.code, text:c.label?.fr, type:c.type}))
-			.concat([Object.assign({type: sug.id.split('|')[0]}, sug)])
-		return {href: links.map(c => `c-${c.type}://${c.code}`).join(','), title: links.map(c => c.text).join('; ')}
-	}
-
-
-	render() {
-		//@ts-ignore
-		const form = new Form("Waiting room GP", [
-			new Section("All fields", [
-				new TextField("This field is a TextField", "TextField"),
-				new NumberField("This field is a NumberField", "NumberField"),
-				new MeasureField("This field is a MeasureField", "MeasureField"),
-				new DatePicker("This field is a DatePicker", "DatePicker"),
-				new TimePicker("This field is a TimePicker", "TimePicker"),
-				new DateTimePicker("This field is a DateTimePicker", "DateTimePicker"),
-				new MultipleChoice("This field is a MultipleChoice", "MultipleChoice"),
-			]),
-			new Section("Grouped fields", [
-				new Group("You can group fields together", [
-					new TextField("This field is a TextField", "TextField"),
-					new NumberField("This field is a NumberField", "NumberField"),
-					new MeasureField("This field is a MeasureField", "MeasureField"),
-					new DatePicker("This field is a DatePicker", "DatePicker"),
-					new TimePicker("This field is a TimePicker", "TimePicker"),
-					new DateTimePicker("This field is a DateTimePicker", "DateTimePicker"),
-					new MultipleChoice("This field is a MultipleChoice", "MultipleChoice"),
-				]),
-				new Group("And you can add tags and codes", [
-					new TextField("This field is a TextField", "TextField", 3, true, "text-document", ['CD-ITEM|diagnosis|1'], ['BE-THESAURUS','ICD10'], {option: "blink"}),
-					new NumberField("This field is a NumberField", "NumberField", ['CD-ITEM|parameter|1', 'CD-PARAMETER|bmi|1'], [], {option: "bang"}),
-					new MeasureField("This field is a MeasureField", "MeasureField", ['CD-ITEM|parameter|1', 'CD-PARAMETER|heartbeat|1'], [], {unit: "bpm"}),
-					new MultipleChoice("This field is a MultipleChoice", "MultipleChoice", 4, 4, [], ['KATZ'], {many:"no"}),
-				])
-			]),
-		], "Fill in the patient information inside the waiting room")
-
-		//@ts-ignore
-		const shortForm = new Form("Semantic example", [
-			new Section("Dates & Time", [
-				new DatePicker("This field is a DatePicker", "DatePicker"),
-				new TimePicker("This field is a TimePicker", "DatePicker"),
-				new DateTimePicker("This field is a DateTimePicker", "DateTimePicker"),
-			]),
-			new Section("Completion & Links", [
-				new TextField("This field is a TextField", "TextField", 3, true, "text-document", ['CD-ITEM|diagnosis|1'], [], {
-					codeColorProvider : this.codeColorProvider,
-					suggestionStopWords : this.codeColorProvider,
-					linksProvider : this.codeColorProvider,
-					suggestionProvider : this.codeColorProvider
-				})
-			]),
-		], "Fill in the patient information inside the waiting room")
-
-		return html`
-			<iqr-text-field .codeColorProvider="${this.codeColorProvider}" .suggestionStopWords="${stopWords}" .linksProvider="${this.linksProvider.bind(this)}" .suggestionProvider="${this.suggestionProvider.bind(this)}" value="[Céphalée de tension](c-ICPC://N01,c-ICD://G05.8,i-he://1234) persistante avec [migraine ophtalmique](c-ICPC://N02) associée. [Grosse fatigue](c-ICPC://K56). A suivi un [protocole de relaxation](x-doc://5678)" owner="M. Mennechet"></iqr-text-field>
-			<iqr-form .form="${shortForm}" labelPosition="above" skin="kendo" theme="gray" renderer="form"></iqr-form>
-`
-    }
-}
-
-customElements.define('demo-app', DemoApp);

package/test/form.yaml

@@ -1,96 +0,0 @@
-form: Waiting room GP
-description: Fill in the patient information inside the waiting room
-sections:
-  - section: All fields
-    fields:
-      - field: This field is a TextField
-        type: textfield
-        shortLabel: TextField
-        schema: styled-text-with-codes
-      - field: This field is a NumberField
-        type: number-field
-        shortLabel: NumberField
-      - field: This field is a MeasureField
-        type: measure-field
-        shortLabel: MeasureField
-      - field: This field is a DatePicker
-        type: date-picker
-        shortLabel: DatePicker
-      - field: This field is a TimePicker
-        type: time-picker
-        shortLabel: TimePicker
-      - field: This field is a DateTimePicker
-        type: date-time-picker
-        shortLabel: DateTimePicker
-      - field: This field is a MultipleChoice
-        type: multiple-choice
-        shortLabel: MultipleChoice
-  - section: Grouped fields
-    groups:
-      - group: You can group fields together
-        fields:
-          - field: This field is a TextField
-            type: textfield
-            shortLabel: TextField
-            schema: styled-text-with-codes
-          - field: This field is a NumberField
-            type: number-field
-            shortLabel: NumberField
-          - field: This field is a MeasureField
-            type: measure-field
-            shortLabel: MeasureField
-          - field: This field is a DatePicker
-            type: date-picker
-            shortLabel: DatePicker
-          - field: This field is a TimePicker
-            type: time-picker
-            shortLabel: TimePicker
-          - field: This field is a DateTimePicker
-            type: date-time-picker
-            shortLabel: DateTimePicker
-          - field: This field is a MultipleChoice
-            type: multiple-choice
-            shortLabel: MultipleChoice
-      - group: And you can add tags and codes
-        fields:
-          - field: This field is a TextField
-            type: textfield
-            shortLabel: TextField
-            rows: 3
-            grows: true
-            schema: text-document
-            tags:
-              - CD-ITEM|diagnosis|1
-            codifications:
-              - BE-THESAURUS
-              - ICD10
-            options:
-              option: blink
-          - field: This field is a NumberField
-            type: number-field
-            shortLabel: NumberField
-            tags:
-              - CD-ITEM|parameter|1
-              - CD-PARAMETER|bmi|1
-            codifications: []
-            options:
-              option: bang
-          - field: This field is a MeasureField
-            type: measure-field
-            shortLabel: MeasureField
-            tags:
-              - CD-ITEM|parameter|1
-              - CD-PARAMETER|heartbeat|1
-            codifications: []
-            options:
-              unit: bpm
-          - field: This field is a MultipleChoice
-            type: multiple-choice
-            shortLabel: MultipleChoice
-            rows: 4
-            columns: 4
-            tags: []
-            codifications:
-              - KATZ
-            options:
-              many: no

package/test/simple/test.spec.ts

@@ -1,303 +0,0 @@
-import { strictEqual } from "assert";
-import YAML from "yaml"
-import {
-	Form,
-	Section,
-	Group,
-	TextField,
-	NumberField,
-	DatePicker,
-	TimePicker, DateTimePicker, MultipleChoice, MeasureField
-} from "../../src/app/components/iqr-form/model"
-
-describe("Typescript usage suite", () => {
-	it("should Render simple form", () => {
-		const text = YAML.stringify(JSON.parse(JSON.stringify(new Form("Waiting room GP", [
-			new Section("The reason of your visit", [
-				new TextField("What symptoms, or more generally what reason motivated your visit" ),
-				new MultipleChoice("What is the level of pain that you are experiencing" )
-			]),
-			new Section("The reason of your visit", [
-				new Group("If you have measured your blood pressure. Please introduce it below", [
-					new MeasureField("Systolic blood pressure"),
-					new MeasureField( "Diastolic blood pressure")
-				])
-			]),
-		], "Fill in the patient information inside the waiting room"))))
-		console.log(text)
-		strictEqual(text, "form: Waiting room GP\n" +
-			"description: Fill in the patient information inside the waiting room\n" +
-			"sections:\n" +
-			"  - section: The reason of your visit\n" +
-			"    fields:\n" +
-			"      - field: What symptoms, or more generally what reason motivated your visit\n" +
-			"        type: textfield\n" +
-			"        schema: styled-text-with-codes\n" +
-			"      - field: What is the level of pain that you are experiencing\n" +
-			"        type: multiple-choice\n" +
-			"  - section: The reason of your visit\n" +
-			"    fields:\n" +
-			"      - group: If you have measured your blood pressure. Please introduce it below\n" +
-			"        fields:\n" +
-			"          - field: Systolic blood pressure\n" +
-			"            type: measure-field\n" +
-			"          - field: Diastolic blood pressure\n" +
-			"            type: measure-field\n");
-	});
-	it("should Parse simple form", () => {
-		const original = "form: Waiting room GP\n" +
-			"description: Fill in the patient information inside the waiting room\n" +
-			"sections:\n" +
-			"  - section: The reason of your visit\n" +
-			"    fields:\n" +
-			"      - field: What symptoms, or more generally what reason motivated your visit\n" +
-			"        type: textfield\n" +
-			"        schema: styled-text-with-codes\n" +
-			"      - field: What is the level of pain that you are experiencing\n" +
-			"        type: multiple-choice\n" +
-			"  - section: The reason of your visit\n" +
-			"    fields:\n" +
-			"      - group: If you have measured your blood pressure. Please introduce it below\n" +
-			"        fields:\n" +
-			"          - field: Systolic blood pressure\n" +
-			"            type: measure-field\n" +
-			"          - field: Diastolic blood pressure\n" +
-			"            type: measure-field\n"
-		const form = Form.parse(YAML.parse(original))
-		const text = YAML.stringify(JSON.parse(JSON.stringify(form)))
-		console.log(text)
-		strictEqual(text, original);
-	});
-	it("should Render complex form", () => {
-		const text = YAML.stringify(JSON.parse(JSON.stringify(new Form("Waiting room GP", [
-			new Section("All fields", [
-				new TextField("This field is a TextField", "TextField"),
-				new NumberField("This field is a NumberField", "NumberField"),
-				new MeasureField("This field is a MeasureField", "MeasureField"),
-				new DatePicker("This field is a DatePicker", "DatePicker"),
-				new TimePicker("This field is a TimePicker", "TimePicker"),
-				new DateTimePicker("This field is a DateTimePicker", "DateTimePicker"),
-				new MultipleChoice("This field is a MultipleChoice", "MultipleChoice"),
-			]),
-			new Section("Grouped fields", [
-				new Group("You can group fields together", [
-					new TextField("This field is a TextField", "TextField"),
-					new NumberField("This field is a NumberField", "NumberField"),
-					new MeasureField("This field is a MeasureField", "MeasureField"),
-					new DatePicker("This field is a DatePicker", "DatePicker"),
-					new TimePicker("This field is a TimePicker", "TimePicker"),
-					new DateTimePicker("This field is a DateTimePicker", "DateTimePicker"),
-					new MultipleChoice("This field is a MultipleChoice", "MultipleChoice"),
-				]),
-				new Group("And you can add tags and codes", [
-					new TextField("This field is a TextField", "TextField", 3, true, "text-document", ['CD-ITEM|diagnosis|1'], ['BE-THESAURUS','ICD10'], {option: "blink"}),
-					new NumberField("This field is a NumberField", "NumberField", ['CD-ITEM|parameter|1', 'CD-PARAMETER|bmi|1'], [], {option: "bang"}),
-					new MeasureField("This field is a MeasureField", "MeasureField", ['CD-ITEM|parameter|1', 'CD-PARAMETER|heartbeat|1'], [], {unit: "bpm"}),
-					new MultipleChoice("This field is a MultipleChoice", "MultipleChoice", 4, 4, [], ['KATZ'], {many:"no"}),
-				])
-			]),
-		], "Fill in the patient information inside the waiting room"))))
-		console.log(text)
-		strictEqual(text, `form: Waiting room GP
-description: Fill in the patient information inside the waiting room
-sections:
-  - section: All fields
-    fields:
-      - field: This field is a TextField
-        type: textfield
-        shortLabel: TextField
-        schema: styled-text-with-codes
-      - field: This field is a NumberField
-        type: number-field
-        shortLabel: NumberField
-      - field: This field is a MeasureField
-        type: measure-field
-        shortLabel: MeasureField
-      - field: This field is a DatePicker
-        type: date-picker
-        shortLabel: DatePicker
-      - field: This field is a TimePicker
-        type: time-picker
-        shortLabel: TimePicker
-      - field: This field is a DateTimePicker
-        type: date-time-picker
-        shortLabel: DateTimePicker
-      - field: This field is a MultipleChoice
-        type: multiple-choice
-        shortLabel: MultipleChoice
-  - section: Grouped fields
-    fields:
-      - group: You can group fields together
-        fields:
-          - field: This field is a TextField
-            type: textfield
-            shortLabel: TextField
-            schema: styled-text-with-codes
-          - field: This field is a NumberField
-            type: number-field
-            shortLabel: NumberField
-          - field: This field is a MeasureField
-            type: measure-field
-            shortLabel: MeasureField
-          - field: This field is a DatePicker
-            type: date-picker
-            shortLabel: DatePicker
-          - field: This field is a TimePicker
-            type: time-picker
-            shortLabel: TimePicker
-          - field: This field is a DateTimePicker
-            type: date-time-picker
-            shortLabel: DateTimePicker
-          - field: This field is a MultipleChoice
-            type: multiple-choice
-            shortLabel: MultipleChoice
-      - group: And you can add tags and codes
-        fields:
-          - field: This field is a TextField
-            type: textfield
-            shortLabel: TextField
-            rows: 3
-            grows: true
-            schema: text-document
-            tags:
-              - CD-ITEM|diagnosis|1
-            codifications:
-              - BE-THESAURUS
-              - ICD10
-            options:
-              option: blink
-          - field: This field is a NumberField
-            type: number-field
-            shortLabel: NumberField
-            tags:
-              - CD-ITEM|parameter|1
-              - CD-PARAMETER|bmi|1
-            codifications: []
-            options:
-              option: bang
-          - field: This field is a MeasureField
-            type: measure-field
-            shortLabel: MeasureField
-            tags:
-              - CD-ITEM|parameter|1
-              - CD-PARAMETER|heartbeat|1
-            codifications: []
-            options:
-              unit: bpm
-          - field: This field is a MultipleChoice
-            type: multiple-choice
-            shortLabel: MultipleChoice
-            rows: 4
-            columns: 4
-            tags: []
-            codifications:
-              - KATZ
-            options:
-              many: no
-`);
-	});
-	it("should Parse complex form", () => {
-		const original = "form: Waiting room GP\n" +
-			"description: Fill in the patient information inside the waiting room\n" +
-			"sections:\n" +
-			"  - section: All fields\n" +
-			"    fields:\n" +
-			"      - field: This field is a TextField\n" +
-			"        type: textfield\n" +
-			"        shortLabel: TextField\n" +
-			"        schema: styled-text-with-codes\n" +
-			"      - field: This field is a NumberField\n" +
-			"        type: number-field\n" +
-			"        shortLabel: NumberField\n" +
-			"      - field: This field is a MeasureField\n" +
-			"        type: measure-field\n" +
-			"        shortLabel: MeasureField\n" +
-			"      - field: This field is a DatePicker\n" +
-			"        type: date-picker\n" +
-			"        shortLabel: DatePicker\n" +
-			"      - field: This field is a TimePicker\n" +
-			"        type: time-picker\n" +
-			"        shortLabel: TimePicker\n" +
-			"      - field: This field is a DateTimePicker\n" +
-			"        type: date-time-picker\n" +
-			"        shortLabel: DateTimePicker\n" +
-			"      - field: This field is a MultipleChoice\n" +
-			"        type: multiple-choice\n" +
-			"        shortLabel: MultipleChoice\n" +
-			"  - section: Grouped fields\n" +
-			"    fields:\n" +
-			"      - group: You can group fields together\n" +
-			"        fields:\n" +
-			"          - field: This field is a TextField\n" +
-			"            type: textfield\n" +
-			"            shortLabel: TextField\n" +
-			"            schema: styled-text-with-codes\n" +
-			"          - field: This field is a NumberField\n" +
-			"            type: number-field\n" +
-			"            shortLabel: NumberField\n" +
-			"          - field: This field is a MeasureField\n" +
-			"            type: measure-field\n" +
-			"            shortLabel: MeasureField\n" +
-			"          - field: This field is a DatePicker\n" +
-			"            type: date-picker\n" +
-			"            shortLabel: DatePicker\n" +
-			"          - field: This field is a TimePicker\n" +
-			"            type: time-picker\n" +
-			"            shortLabel: TimePicker\n" +
-			"          - field: This field is a DateTimePicker\n" +
-			"            type: date-time-picker\n" +
-			"            shortLabel: DateTimePicker\n" +
-			"          - field: This field is a MultipleChoice\n" +
-			"            type: multiple-choice\n" +
-			"            shortLabel: MultipleChoice\n" +
-			"      - group: And you can add tags and codes\n" +
-			"        fields:\n" +
-			"          - field: This field is a TextField\n" +
-			"            type: textfield\n" +
-			"            shortLabel: TextField\n" +
-			"            rows: 3\n" +
-			"            grows: true\n" +
-			"            schema: text-document\n" +
-			"            tags:\n" +
-			"              - CD-ITEM|diagnosis|1\n" +
-			"            codifications:\n" +
-			"              - BE-THESAURUS\n" +
-			"              - ICD10\n" +
-			"            options:\n" +
-			"              option: blink\n" +
-			"          - field: This field is a NumberField\n" +
-			"            type: number-field\n" +
-			"            shortLabel: NumberField\n" +
-			"            tags:\n" +
-			"              - CD-ITEM|parameter|1\n" +
-			"              - CD-PARAMETER|bmi|1\n" +
-			"            codifications: []\n" +
-			"            options:\n" +
-			"              option: bang\n" +
-			"          - field: This field is a MeasureField\n" +
-			"            type: measure-field\n" +
-			"            shortLabel: MeasureField\n" +
-			"            tags:\n" +
-			"              - CD-ITEM|parameter|1\n" +
-			"              - CD-PARAMETER|heartbeat|1\n" +
-			"            codifications: []\n" +
-			"            options:\n" +
-			"              unit: bpm\n" +
-			"          - field: This field is a MultipleChoice\n" +
-			"            type: multiple-choice\n" +
-			"            shortLabel: MultipleChoice\n" +
-			"            rows: 4\n" +
-			"            columns: 4\n" +
-			"            tags: []\n" +
-			"            codifications:\n" +
-			"              - KATZ\n" +
-			"            options:\n" +
-			"              many: no\n"
-		const form = Form.parse(YAML.parse(original))
-		const text = YAML.stringify(JSON.parse(JSON.stringify(form)))
-		console.log(text)
-		strictEqual(text, original);
-	});
-
-
-});

package/webpack.config.js

@@ -1,41 +0,0 @@
-const HtmlWebpackPlugin = require('html-webpack-plugin');
-const CopyWebpackPlugin = require('copy-webpack-plugin');
-
-module.exports = ({mode}) => {
-	return {
-		mode,
-		entry: './app/demo-app.ts',
-		plugins: [
-			new HtmlWebpackPlugin({
-				template: 'index.html'
-			}),
-			new CopyWebpackPlugin({
-				patterns: [
-					{context: 'node_modules/@webcomponents/webcomponentsjs', from: '**/*.js', to: 'webcomponents'},
-				]
-			})
-		],
-		devtool: mode === 'development' ? 'source-map' : 'none',
-		module: {
-			rules: [
-				{
-					test: /\.tsx?$/,
-					use: 'ts-loader',
-					exclude: /node_modules/,
-				},
-				{
-					test: /\.css|\.s(c|a)ss$/,
-					use: [{
-						loader: 'lit-scss-loader',
-						options: {
-							minify: true, // defaults to false
-						},
-					}, 'extract-loader', 'css-loader', 'sass-loader'],
-				},
-			],
-		},
-		resolve: {
-			extensions: ['.tsx', '.ts', '.js'],
-		},
-	};
-};