Merge pull request #8 from Samvel25/typescript

added typescript
zoomment · Mar 3, 2024 · c938154 · c938154
2 parents 646db9a + 265c1d2
commit c938154
Show file tree

Hide file tree

Showing 15 changed files with 187 additions and 21 deletions.
diff --git a/index.html b/index.html
@@ -1,16 +1,19 @@
 <!DOCTYPE html>
 <html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Zoomment.com Widget</title>
+  </head>
 
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Zoomment.com Widget</title>
-</head>
-
-<body>
-  <div id="zoomment" data-emotions="❤️,😀,🪄,🥸,💡,🤔,💩,😢,😢,😢,😢,😢" data-api-url="http://localhost:9547/api"
-    data-theme="light" data-language="en"></div>
-  <script type="module" src="src/index.js"></script>
-</body>
-
-</html>
+  <body>
+    <div
+      id="zoomment"
+      data-emotions="❤️,😀,🪄,🥸,💡,🤔,💩,😢,😢,😢,😢,😢"
+      data-api-url="http://localhost:9547/api"
+      data-theme="light"
+      data-language="en"
+    ></div>
+    <script type="module" src="src/index.tsx"></script>
+  </body>
+</html>
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -2,7 +2,6 @@
   "name": "zoomment-widget",
   "version": "1.0.0",
   "description": "",
-
   "dependencies": {
     "@ant-design/icons": "^4.2.2",
     "@fingerprintjs/fingerprintjs": "^3.4.2",
@@ -20,15 +19,20 @@
   "devDependencies": {
     "@babel/core": "^7.22.9",
     "@babel/preset-env": "^7.22.9",
+    "@types/lscache": "^1.3.4",
+    "@types/react": "^18.2.61",
+    "@types/react-dom": "^18.2.19",
+    "@types/styled-components": "^5.1.34",
     "babel-core": "^6.26.3",
     "babel-plugin-module-resolver": "^4.1.0",
     "buffer": "^6.0.3",
     "parcel": "^2.12.0",
-    "process": "^0.11.10"
+    "process": "^0.11.10",
+    "typescript": "^5.3.3"
   },
   "scripts": {
-    "start": "parcel index.html",
-    "build": "parcel build --no-source-maps --no-content-hash --target modern --dist-dir docs src/index.js",
+    "start": "parcel index.html --no-cache",
+    "build": "parcel build --no-source-maps --no-content-hash --target modern --dist-dir docs src/index.tsx",
     "help": "parcel build --help"
   },
   "modern": "docs/zoomment.min.js",

diff --git a/src/components/Comments/index.js → src/components/Comments/index.tsx b/src/components/Comments/index.js → src/components/Comments/index.tsx
diff --git a/src/components/Editor/index.js → src/components/Editor/index.tsx b/src/components/Editor/index.js → src/components/Editor/index.tsx
diff --git a/src/components/Footer/index.js → src/components/Footer/index.tsx b/src/components/Footer/index.js → src/components/Footer/index.tsx
diff --git a/src/components/Reactions/index.js → src/components/Reactions/index.tsx b/src/components/Reactions/index.js → src/components/Reactions/index.tsx
diff --git a/src/index.js → src/index.tsx b/src/index.js → src/index.tsx
diff --git a/src/providers/Comments/index.js → src/providers/Comments/index.tsx b/src/providers/Comments/index.js → src/providers/Comments/index.tsx
diff --git a/src/providers/Language/index.js → src/providers/Language/index.tsx b/src/providers/Language/index.js → src/providers/Language/index.tsx
diff --git a/src/providers/Reactions/index.js → src/providers/Reactions/index.tsx b/src/providers/Reactions/index.js → src/providers/Reactions/index.tsx
diff --git a/src/providers/Requests/index.js → src/providers/Requests/index.tsx b/src/providers/Requests/index.js → src/providers/Requests/index.tsx
diff --git a/src/providers/Theme/index.js → src/providers/Theme/index.tsx b/src/providers/Theme/index.js → src/providers/Theme/index.tsx
diff --git a/src/utils/emotions.js → src/utils/emotions.ts b/src/utils/emotions.js → src/utils/emotions.ts
diff --git a/tsconfig.json b/tsconfig.json
@@ -0,0 +1,26 @@
+{
+  "compilerOptions": {
+    "target": "es5",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "strict": true,
+    "forceConsistentCasingInFileNames": true,
+    "module": "esnext",
+    "moduleResolution": "node",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "react",
+    "baseUrl": ".",
+    "paths": {
+      "components/*": ["src/components/*"],
+      "providers/*": ["src/providers/*"],
+      "utils/*": ["src/utils/*"],
+      "locales/*": ["src/locales/*"]
+    }
+  },
+  "include": ["src"]
+}