![\"access\"](\"image.jpg\")
\n\n-
+
@@ -191,7 +262,15 @@ export const complex_regex = /^(?:\\/\\*.*?\\*\\/|\\/\\/.*|[^/])+$/;
hello {HELLO}!
+hello {HELLO}!
-{#each thing_keys as key (key)} - {@const value = thing[key]} - {value} +{#each thing_keys as [k, { t, u }] (f(k))} + {@const v = Math.round(t[k + f(u)])} + {f(v)} {/each} -{#if c} -
-
+
+
+...
+
+{@render my_snippet('p')}
-hello world!
-+{#snippet my_snippet(p: string)} + +{/snippet} + +
some text
- -{a} -{b} + +{b.repeat(2)} {bound} -{D}@@ -334,6 +378,18 @@ export const complex_regex = /^(?:\\/\\*.*?\\*\\/|\\/\\/.*|[^/])+$/;
+
+
+
+
diff --git a/src/lib/samples/sample_complex.css b/src/lib/samples/sample_complex.css
index 6c19b1a2..7feee2d8 100644
--- a/src/lib/samples/sample_complex.css
+++ b/src/lib/samples/sample_complex.css
@@ -31,19 +31,15 @@ div > p {
@media (max-width: 600px) {
body {
- background-color: lightblue;
+ background-color: light-dark(lightblue, darkblue);
}
}
-/* patterns in strings are not falsely detected */
.content::before {
- content: ' /* not a comment */';
+ /* prettier-ignore */
+ content: " /* not a comment */";
}
.attr[title='Click: here'] {
- cursor: pointer;
-}
-
-.background /* comment*/ {
background-image: url('data:image/svg+xml...');
}
diff --git a/src/lib/samples/sample_complex.html b/src/lib/samples/sample_complex.html
index c79c452d..316483d3 100644
--- a/src/lib/samples/sample_complex.html
+++ b/src/lib/samples/sample_complex.html
@@ -12,7 +12,7 @@
-
+
@@ -21,7 +21,15 @@
hello {HELLO}!
+hello {HELLO}!
-{#each thing_keys as key (key)} - {@const value = thing[key]} - {value} +{#each thing_keys as [k, { t, u }] (f(k))} + {@const v = Math.round(t[k + f(u)])} + {f(v)} {/each} -{#if c} -
-
+
+
+...
-hello world!
-+{@render my_snippet('p')} + +{#snippet my_snippet(p: string)} + +{/snippet} + +
some text
- -{a} -{b} + +{b.repeat(2)} {bound} -{D}@@ -125,6 +90,18 @@
+
+
+
+
diff --git a/src/lib/samples/sample_complex.ts b/src/lib/samples/sample_complex.ts
index a8175af3..c5cbea59 100644
--- a/src/lib/samples/sample_complex.ts
+++ b/src/lib/samples/sample_complex.ts
@@ -1,43 +1,108 @@
const a = 1;
-const b = 'b';
+const b: string = 'b';
const c = true;
export type Some_Type = 1 | 'b' | true;
-class D {
- d1: string = 'd';
+declare const some_decorator: any;
+
+abstract class Base {
+ abstract abstract_method(): void;
+}
+
+/* eslint-disable no-console */
+
+@some_decorator
+class D extends Base {
+ readonly d1: string = 'd';
d2: number;
- d3 = $state(false);
+ d3 = $state(null);
+
+ @some_decorator
+ decorated = true;
constructor(d2: number) {
+ super();
this.d2 = d2;
}
+ abstract_method(): void {
+ // implementation
+ }
+
+ @some_decorator('example', {option: true})
class_method(): string {
return `Hello, ${this.d1}`;
}
instance_method = (): void => {
/* ... */
- this.#private_method();
+ let i = 0;
+ do {
+ i++;
+ } while (i < 3);
+
+ for (const c2 of this.d1) {
+ if (c2 === 'd') continue;
+ if (!c2) break;
+ this.#private_method(a, c2);
+ }
+
+ switch (this.d1) {
+ case 'a':
+ console.log('case a');
+ break;
+ case 'b':
+ case 'c':
+ console.log('case b or c');
+ break;
+ default:
+ console.log('default');
+ }
+
+ const obj: {has_d1?: boolean; is_d: boolean} = {
+ has_d1: 'd1' in this,
+ is_d: this instanceof D,
+ };
+ delete obj.has_d1;
// foo
};
- #private_method() {
- throw new Error(`${this.d1}
+ #private_method(a2: number, c2: any): void {
+ throw new Error(`${this.d1}
multiline
- etc
+ etc ${a2 + c2}
`);
}
- protected protected_method(): void {
- console.log(new Date()); // eslint-disable-line no-console
+ *generator(): Generator{sample.lang}
-
HTML
+{sample.lang} html strings
-
Highlight API
+{sample.lang} highlighted ranges