From 614621e1f4e3a0fcc5cd648ded5b6b4f36fed436 Mon Sep 17 00:00:00 2001
From: Vasily Guzov <vasily.guzov@gmail.com>
Date: Sun, 29 Oct 2023 05:36:21 +0300
Subject: [PATCH] [deps][setup] rxjs, css modules name generation

---
 package.json   |  3 +++
 src/main.ts    |  5 ++++-
 vite.config.ts |  9 +++++++++
 yarn.lock      | 12 ++++++++++++
 4 files changed, 28 insertions(+), 1 deletion(-)
 create mode 100644 vite.config.ts

diff --git a/package.json b/package.json
index c4d2981..1c09f82 100644
--- a/package.json
+++ b/package.json
@@ -11,5 +11,8 @@
   "devDependencies": {
     "typescript": "^5.0.2",
     "vite": "^4.4.5"
+  },
+  "dependencies": {
+    "rxjs": "^7.8.1"
   }
 }
diff --git a/src/main.ts b/src/main.ts
index 3b58260..09069ee 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -1,5 +1,8 @@
+import { chapter1 } from "./module/chapter-1/chapter-1";
 import "./style.css";
 
 document.querySelector<HTMLDivElement>("#app")!.innerHTML = `
-  <h1>Shadow Dog</h1>
+  <canvas id="canvas"></canvas>
 `;
+
+chapter1();
diff --git a/vite.config.ts b/vite.config.ts
new file mode 100644
index 0000000..f86ef9e
--- /dev/null
+++ b/vite.config.ts
@@ -0,0 +1,9 @@
+import { defineConfig } from "vite";
+
+export default defineConfig({
+  css: {
+    modules: {
+      generateScopedName: "[name]_[local]__[hash:base64:5]",
+    },
+  },
+});
diff --git a/yarn.lock b/yarn.lock
index d92d861..160426d 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -171,11 +171,23 @@ rollup@^3.27.1:
   optionalDependencies:
     fsevents "~2.3.2"
 
+rxjs@^7.8.1:
+  version "7.8.1"
+  resolved "https://registry.yarnpkg.com/rxjs/-/rxjs-7.8.1.tgz#6f6f3d99ea8044291efd92e7c7fcf562c4057543"
+  integrity sha512-AA3TVj+0A2iuIoQkWEK/tqFjBq2j+6PO6Y0zJcvzLAFhEFIO3HL0vls9hWLncZbAAbK0mar7oZ4V079I/qPMxg==
+  dependencies:
+    tslib "^2.1.0"
+
 source-map-js@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.0.2.tgz#adbc361d9c62df380125e7f161f71c826f1e490c"
   integrity sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==
 
+tslib@^2.1.0:
+  version "2.6.2"
+  resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.6.2.tgz#703ac29425e7b37cd6fd456e92404d46d1f3e4ae"
+  integrity sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==
+
 typescript@^5.0.2:
   version "5.2.2"
   resolved "https://registry.yarnpkg.com/typescript/-/typescript-5.2.2.tgz#5ebb5e5a5b75f085f22bc3f8460fba308310fa78"