Lit-HTML Tree, Branch and Leaf components

otus-learning · Nov 6, 2023 · b429164 · b429164
1 parent e4c3b74
commit b429164
Show file tree

Hide file tree

Showing 24 changed files with 7,153 additions and 14,763 deletions.
diff --git a/.eslintignore b/.eslintignore
@@ -1,3 +1,4 @@
 /node_modules
-/dist
-/cache
+/coverage
+/.github
+/.husky
diff --git a/.eslintrc.js b/.eslintrc.js
@@ -20,8 +20,9 @@ module.exports = {
   rules: {
     "@typescript-eslint/no-var-requires": 0,
     "@typescript-eslint/no-empty-function": 0,
+    "@typescript-eslint/no-explicit-any": 0,
     "no-import-assign": 0,
-    indent: ["error", 2],
+    //    indent: ["error", 2],
     "linebreak-style": ["error", "unix"],
     quotes: ["error", "double"],
     semi: ["error", "always"],

diff --git a/.prettierignore b/.prettierignore
@@ -0,0 +1,4 @@
+/node_modules
+/coverage
+/.github
+/.husky
diff --git a/README.md b/README.md
@@ -1 +1 @@
-# JS-Proffessional-03-2023
+# JS-Proffessional-03-2023
diff --git a/babel.config.json b/babel.config.json
@@ -0,0 +1,3 @@
+{
+  "presets": ["@babel/preset-env"]
+}
diff --git a/index.html b/index.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Lit-HTML tree/leaf component example</title>
+    <link rel="stylesheet" href="./src/index.css" />
+    <script type="module" src="/src/my-leaf.ts"></script>
+    <script type="module" src="/src/my-branch.ts"></script>
+    <script type="module" src="/src/my-tree.ts"></script>
+    <script type="module" src="/src/my-settings.ts"></script>
+    <script type="module" src="/src/my-app.ts"></script>
+  </head>
+  <body>
+    <my-app>
+      <my-settings></my-settings>
+      <div style="display: flex">
+        <my-tree
+          str='{"id": "1", "items": [{"id": "2", "items": [{ "id": "3" }, { "id": "4" }, { "id": "5", "items": [{"id" : "10"}, {"id" : "12"}, {"id" : "14", "items" : [{"id" : "15"}]}]}, {"id": "13"}]}, {"id": "6", "items": [{ "id": "7" }, { "id": "8" }, { "id": "9" }]}, { "id": "11" }] }'
+        >
+        </my-tree>
+
+        <my-tree
+          str='{"id": "A", "items": [{"id": "B", "items": [{ "id": "C" }, { "id": "D" }, { "id": "O" }, { "id": "P" }, { "id": "Q" }]}, { "id": "R" }, { "id": "F" }, { "id": "E" } ]}'
+        >
+        </my-tree>
+
+        <my-tree
+          str='{"id": "A1", "items": [{"id": "B2", "items": [{ "id": "C3" }, { "id": "D4" }]}, {"id": "E5"}, {"id": "F6"}, {"id": "J13"}, {"id": "K6", "items": [{ "id": "L7" }, { "id": "M8" }, { "id": "N9" }]}, { "id": "O11" }] }'
+        >
+        </my-tree>
+      </div>
+    </my-app>
+  </body>
+</html>
diff --git a/jest.config.js b/jest.config.js
diff --git a/jest.config.ts b/jest.config.ts
@@ -0,0 +1,17 @@
+module.exports = {
+  preset: "ts-jest",
+  testEnvironment: "jsdom",
+  transformIgnorePatterns: [
+    "node_modules/(?!(lit-html|lit-element|lit|@lit)/)",
+  ],
+  transform: {
+    "^.+\\.(ts|tsx)?$": "ts-jest",
+    "^.+\\.(js|jsx)$": [
+      "babel-jest",
+      {
+        presets: ["@babel/preset-env"],
+        plugins: [["@babel/transform-runtime"]],
+      },
+    ],
+  },
+};
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		# JS-Proffessional-03-2023
		# JS-Proffessional-03-2023