chore(atomic): add SVG transformer

[y-lakhdar]

Update the Lit build process to be support SVG imports

Explanation

We are essentially creating a compiler which takes a list of TypeScript files (Lit components and dependencies) and compiles them to their corresponding JavaScript keeping the same file structure as in /src.
Typescript doc

To that compiler, I have added a SVG custom transformer.

Example

The following typescript file

import Tick from '../../../images/checkbox.svg';
() => console.log(Tick);

was transpiled to

import Tick from '../../../images/checkbox.svg';
() => console.log(Tick);

With the SVG transformer, we have

const Tick = "<svg viewBox=\"0 0 12 9\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path d=\"M1.5 5L4.6 7.99999L11 1\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n</svg>";
() => console.log(Tick);

Pseudo-code

1. Load the TypeScript configuration file (tsconfig.lit.json)
2. Create a default CompilerHost which uses the file system to get files (using program.emit function).
3. To that program, provide a customTransformers which will essentially visit recursively tree nodes and check for svg import statements.
4. When a SVG import statement is encountered, replace it with a "create variable statement" using the createVariableStatement typescript built-in method. Ensure to right-hand side of the assignation is the content of the .svg file

https://coveord.atlassian.net/browse/KIT-3865

[github-actions]

Pull Request Report

PR Title

✅ Title follows the conventional commit spec.

Live demo links

• Storybook

• Playwright report

Bundle Size

File	Old (kb)	New (kb)	Change (%)
case-assist	243.9	243.9	0
commerce	355.1	355.1	0
search	415	415	0
insight	406.3	406.3	0
recommendation	256.2	256.2	0
ssr	408.9	408.9	0
ssr-commerce	372.9	372.9	0

SSR Progress

Use case	SSR (#)	CSR (#)	Progress (%)
search	39	44	89
recommendation	0	4	0
case-assist	0	6	0
insight	0	27	0
commerce	0	15	0

Detailed logs

search : buildInteractiveResult
search : buildInteractiveInstantResult
search : buildInteractiveRecentResult
search : buildInteractiveCitation
search : buildGeneratedAnswer
recommendation : missing SSR support
case-assist : missing SSR support
insight : missing SSR support
commerce : missing SSR support

[alexprudhomme]

Some jsdoc for every param and returns would be really useful here for future versions of typescript !