delete js and add ts

Author: alieldeba

README.md

@@ -1,4 +1,4 @@
-# <p align="center"><img width="20px" src="https://media1.giphy.com/media/ln7z2eWriiQAllfVcn/giphy.gif?cid=790b76115cd5f2f3ebd0a1aeb3ae5c75cbf7bc3c9a1bd77b&rid=giphy.gif&ct=s" /> Functionality.js (beta) <img width="20px" src="https://media1.giphy.com/media/ln7z2eWriiQAllfVcn/giphy.gif?cid=790b76115cd5f2f3ebd0a1aeb3ae5c75cbf7bc3c9a1bd77b&rid=giphy.gif&ct=s"/></p>
+# <p align="center">Functionality.js (beta) 🔥</p>
 
 <p float="right">
 <!-- License -->
@@ -16,8 +16,8 @@
 ## Installation ⬇️
 
 - So To Get Started Using Functionalty.js Library,<br />
-  You Have To Install It By Node.js
-  ```node
+  You Have To Install It By npm
+  ```cmd
   Comming Soon
   ```
 - Or You Can Install it By CDN In Your HTML File
@@ -51,12 +51,12 @@
 # <p align="center">Here Is What We Are Working On 🤞</p>
 
 1. Adding Logo
-2. Converting functionality.js File Into TypeScript File
+2. ✔️ Converting Library Into TypeScript
 3. ✔️ Making File Supported By All Of Search Engines
 4. ✔️ Making File Compressed
 5. ✔️ Making File Light Weight
 6. ✔️ Testing The Library
-7. Handling Function Errors
+7. ✔️ Handling Function Errors
 8. Making A Documentation Website
 9. Adding Dark And White Theme In Website
 10. Adding New Functions
@@ -75,13 +75,13 @@
 
 - Then Install Packages (node_modules)
 
-  ```node
+  ```cmd
   npm install
   ```
 
 - Run Website In Your Locahost Server With Live Reload
 
-  ```node
+  ```cmd
   gulp watch
   ```
 

babel.config.json

@@ -1,3 +1,3 @@
 {
-  "presets": ["@babel/preset-env"]
+  "presets": ["@babel/preset-env", "@babel/preset-typescript"]
 }

dist/functionality.min.js

@@ -17,7 +17,7 @@ gulp.task("html", () => {
   require("./server.js");
   return gulp
     .src(["./project/html/*.pug", "./project/html/pages/*.pug"])
-    .pipe(pug({ pretty: false }))
+    .pipe(pug({pretty: false}))
     .pipe(gulp.dest("./website"))
     .pipe(livereload());
 });
@@ -36,14 +36,14 @@ gulp.task("styles", () => {
     .pipe(gulp.dest("./website/css"))
     .pipe(livereload());
 });
-
 // JS Tasks
 gulp.task("scripts", () => {
   require("./server.js");
   return gulp
     .src([
       "./project/js/*.js",
       "./project/js/**/*.js",
+      "!./project/js/functionality/*.ts",
       "!./project/js/functionality/*.js",
     ])
     .pipe(sourcemaps.init())
@@ -60,19 +60,35 @@ gulp.task("scripts", () => {
 });
 
 // Functionalty.js File Task
+// var ts = require("gulp-typescript");
+// var tsProject = ts.createProject("tsconfig.json");
+
 gulp.task("functionality", () => {
+  var browserify = require("browserify");
+  var source = require("vinyl-source-stream");
+  var tsify = require("tsify");
+  var sourcemaps = require("gulp-sourcemaps");
+  var buffer = require("vinyl-buffer");
+
   livereload.listen();
   require("./server.js");
-  return gulp
-    .src("./project/js/functionality/*.js")
-    .pipe(
-      babel({
-        presets: ["@babel/env"],
-      })
-    )
-    .pipe(concat("functionality.min.js"))
+  return browserify({
+    basedir: ".",
+    debug: true,
+    entries: ["project/ts/functionality/main.ts"],
+    cache: {},
+    packageCache: {},
+  })
+    .plugin(tsify)
+    .transform("babelify", {
+      presets: ["es2015"],
+      extensions: [".ts"],
+    })
+    .bundle()
+    .pipe(source("functionality.min.js"))
+    .pipe(buffer())
     .pipe(uglify())
-    .pipe(gulp.dest("./dist"));
+    .pipe(gulp.dest("dist"));
 });
 
 // Compressing The Dist Folder For The User
@@ -99,5 +115,5 @@ gulp.task("watch", () => {
     gulp.series("scripts")
   );
 
-  gulp.watch("./project/js/functionality/*.js", gulp.series("functionality"));
+  gulp.watch("./project/ts/functionality/*.ts", gulp.series("functionality"));
 });