Skip to content

Commit 1e54825

Browse files
committed
Cleanup vue scripts
1 parent a67179c commit 1e54825

31 files changed

+191
-213
lines changed

client-samples/.DS_Store

-6 KB
Binary file not shown.

client-samples/vue/.DS_Store

-6 KB
Binary file not shown.

client-samples/vue/Dockerfile

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -17,4 +17,4 @@ RUN npm install
1717
# start app
1818
RUN npm run build
1919
EXPOSE 8080
20-
CMD npm run serve
20+
CMD npm run serve

client-samples/vue/README.md

100755100644
Lines changed: 54 additions & 54 deletions
Original file line numberDiff line numberDiff line change
@@ -1,54 +1,54 @@
1-
<!-- HOW TO SET UP FRONTEND ENV -->
2-
3-
# BREIF
4-
5-
### **This is speach-to-text application**
6-
7-
**1-INSTALL NODE JS RECOMMENDED FOR MOST USERS**
8-
DOWNLOAD https://nodejs.org/en/
9-
10-
**2-INSTALL VUE & VUE CLI**
11-
RUN `npm install -g @vue/cli` ## IN TERMINAL OR POWERSHELL
12-
RUN `npm install vue` ## IN TERMINAL OR POWERSHELL
13-
14-
**3-CLONE THE PROJECT FROM GITLAB**
15-
16-
### IF YOU DON'T USE GIT AT ALL YOU NEED TO INSTALL GIT TO CLONE THE PROJECT
17-
18-
https://git-scm.com/book/en/v2/Getting-Started-Installing-Git
19-
20-
### AFTER SETUP GIT YOU NEED TO CLONE THE PROJECT
21-
22-
RUN `git clone https://gitlab.com/nada_azzam/live-transcribe-vue`
23-
RUN `npm install` ## INSIDE OUR FOLDER RUN THIS COMMAND
24-
Run `npm run serve` for a dev server. Navigate to `http://localhost:8080/`. The app will automatically reload if you change any of the source files.
25-
26-
## BUILD PROJECT FOR DEPLOYING
27-
28-
RUN `npm run build --prod`
29-
30-
## TO CUSTOMZIE ANYTHING INSIDE YOUR PROJECT
31-
### TO CUSTOMIZE ICONS
32-
33-
GO TO `https://mui.com/components/material-icons/`
34-
35-
### TO CHANGE COLORS GLOBAl
36-
37-
GO TO `live-transcribe-vue/src/assets/scss/main.scss`
38-
39-
## TO CUSTOMIZE HOME HTML
40-
41-
GO TO `live-transcribe-vue/src/views/Home.vue`
42-
43-
## HOW TO INTEGRATE WITH BACKEND OR ENGINE
44-
45-
### YOU HAVE TWO FILES
46-
47-
- `live-transcribe-vue/src/services/dictate-service.js`
48-
- const INTERVAL = 500; // send binary data every .5 second
49-
- fromSampleRate: 44000 and you don't need to change it
50-
- you got binary data from `initWorker()` inside this function we call `socketSend(blob)` to send binary data to socket in dictate-service.js
51-
- we send 16000 binary data to engine through socket.
52-
53-
- `live-transcribe-vue/src/services/endpoint.js`
54-
- you can change socket and save endpoint through endpoint.js file via `socketBaseURL`and `modifying` properties.
1+
<!-- HOW TO SET UP FRONTEND ENV -->
2+
3+
# BREIF
4+
5+
### **This is speach-to-text application**
6+
7+
**1-INSTALL NODE JS RECOMMENDED FOR MOST USERS**
8+
DOWNLOAD https://nodejs.org/en/
9+
10+
**2-INSTALL VUE & VUE CLI**
11+
RUN `npm install -g @vue/cli` ## IN TERMINAL OR POWERSHELL
12+
RUN `npm install vue` ## IN TERMINAL OR POWERSHELL
13+
14+
**3-CLONE THE PROJECT FROM GITLAB**
15+
16+
### IF YOU DON'T USE GIT AT ALL YOU NEED TO INSTALL GIT TO CLONE THE PROJECT
17+
18+
https://git-scm.com/book/en/v2/Getting-Started-Installing-Git
19+
20+
### AFTER SETUP GIT YOU NEED TO CLONE THE PROJECT
21+
22+
RUN `git clone https://gitlab.com/nada_azzam/live-transcribe-vue`
23+
RUN `npm install` ## INSIDE OUR FOLDER RUN THIS COMMAND
24+
Run `npm run serve` for a dev server. Navigate to `http://localhost:8080/`. The app will automatically reload if you change any of the source files.
25+
26+
## BUILD PROJECT FOR DEPLOYING
27+
28+
RUN `npm run build --prod`
29+
30+
## TO CUSTOMZIE ANYTHING INSIDE YOUR PROJECT
31+
### TO CUSTOMIZE ICONS
32+
33+
GO TO `https://mui.com/components/material-icons/`
34+
35+
### TO CHANGE COLORS GLOBAl
36+
37+
GO TO `live-transcribe-vue/src/assets/scss/main.scss`
38+
39+
## TO CUSTOMIZE HOME HTML
40+
41+
GO TO `live-transcribe-vue/src/views/Home.vue`
42+
43+
## HOW TO INTEGRATE WITH BACKEND OR ENGINE
44+
45+
### YOU HAVE TWO FILES
46+
47+
- `live-transcribe-vue/src/services/dictate-service.js`
48+
- const INTERVAL = 500; // send binary data every .5 second
49+
- fromSampleRate: 44000 and you don't need to change it
50+
- you got binary data from `initWorker()` inside this function we call `socketSend(blob)` to send binary data to socket in dictate-service.js
51+
- we send 16000 binary data to engine through socket.
52+
53+
- `live-transcribe-vue/src/services/endpoint.js`
54+
- you can change socket and save endpoint through endpoint.js file via `socketBaseURL`and `modifying` properties.

client-samples/vue/babel.config.js

100755100644
Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
1-
module.exports = {
2-
presets: [
3-
'@vue/cli-plugin-babel/preset'
4-
]
5-
}
1+
module.exports = {
2+
presets: [
3+
'@vue/cli-plugin-babel/preset'
4+
]
5+
}

client-samples/vue/package-lock.json

100755100644
File mode changed.

client-samples/vue/package.json

100755100644
Lines changed: 63 additions & 63 deletions
Original file line numberDiff line numberDiff line change
@@ -1,63 +1,63 @@
1-
{
2-
"name": "kateb-live-transcription",
3-
"version": "0.1.0",
4-
"private": true,
5-
"scripts": {
6-
"serve": "vue-cli-service serve",
7-
"build": "vue-cli-service build",
8-
"lint": "vue-cli-service lint",
9-
"i18n:report": "vue-cli-service i18n:report --src \"./src/**/*.?(js|vue)\" --locales \"./src/locales/**/*.json\""
10-
},
11-
"dependencies": {
12-
"axios": "^0.24.0",
13-
"bootstrap": "^5.1.3",
14-
"core-js": "^3.6.5",
15-
"file-saver": "^2.0.5",
16-
"lodash": "^4.17.21",
17-
"moment": "^2.29.1",
18-
"recordrtc": "^5.6.2",
19-
"vee-validate": "^3.4.10",
20-
"vue": "^2.6.11",
21-
"vue-i18n": "^8.22.3",
22-
"vue-router": "^3.2.0",
23-
"vue-worker": "^1.2.1",
24-
"vuetify": "^2.4.0",
25-
"vuex": "^3.6.2"
26-
},
27-
"devDependencies": {
28-
"@vue/cli-plugin-babel": "~4.5.0",
29-
"@vue/cli-plugin-eslint": "~4.5.0",
30-
"@vue/cli-plugin-router": "^4.5.13",
31-
"@vue/cli-service": "~4.5.0",
32-
"babel-eslint": "^10.1.0",
33-
"eslint": "^6.7.2",
34-
"eslint-plugin-vue": "^6.2.2",
35-
"sass": "~1.32.0",
36-
"sass-loader": "^10.0.0",
37-
"vue-cli-plugin-i18n": "~2.1.1",
38-
"vue-cli-plugin-vuetify": "~2.4.1",
39-
"vue-template-compiler": "^2.6.11",
40-
"vuetify-loader": "^1.7.0",
41-
"worker-loader": "^3.0.8",
42-
"worker-plugin": "^5.0.1"
43-
},
44-
"eslintConfig": {
45-
"root": true,
46-
"env": {
47-
"node": true
48-
},
49-
"extends": [
50-
"plugin:vue/essential",
51-
"eslint:recommended"
52-
],
53-
"parserOptions": {
54-
"parser": "babel-eslint"
55-
},
56-
"rules": {}
57-
},
58-
"browserslist": [
59-
"> 1%",
60-
"last 2 versions",
61-
"not dead"
62-
]
63-
}
1+
{
2+
"name": "kateb-live-transcription",
3+
"version": "0.1.0",
4+
"private": true,
5+
"scripts": {
6+
"serve": "vue-cli-service serve",
7+
"build": "vue-cli-service build",
8+
"lint": "vue-cli-service lint",
9+
"i18n:report": "vue-cli-service i18n:report --src \"./src/**/*.?(js|vue)\" --locales \"./src/locales/**/*.json\""
10+
},
11+
"dependencies": {
12+
"axios": "^0.24.0",
13+
"bootstrap": "^5.1.3",
14+
"core-js": "^3.6.5",
15+
"file-saver": "^2.0.5",
16+
"lodash": "^4.17.21",
17+
"moment": "^2.29.1",
18+
"recordrtc": "^5.6.2",
19+
"vee-validate": "^3.4.10",
20+
"vue": "^2.6.11",
21+
"vue-i18n": "^8.22.3",
22+
"vue-router": "^3.2.0",
23+
"vue-worker": "^1.2.1",
24+
"vuetify": "^2.4.0",
25+
"vuex": "^3.6.2"
26+
},
27+
"devDependencies": {
28+
"@vue/cli-plugin-babel": "~4.5.0",
29+
"@vue/cli-plugin-eslint": "~4.5.0",
30+
"@vue/cli-plugin-router": "^4.5.13",
31+
"@vue/cli-service": "~4.5.0",
32+
"babel-eslint": "^10.1.0",
33+
"eslint": "^6.7.2",
34+
"eslint-plugin-vue": "^6.2.2",
35+
"sass": "~1.32.0",
36+
"sass-loader": "^10.0.0",
37+
"vue-cli-plugin-i18n": "~2.1.1",
38+
"vue-cli-plugin-vuetify": "~2.4.1",
39+
"vue-template-compiler": "^2.6.11",
40+
"vuetify-loader": "^1.7.0",
41+
"worker-loader": "^3.0.8",
42+
"worker-plugin": "^5.0.1"
43+
},
44+
"eslintConfig": {
45+
"root": true,
46+
"env": {
47+
"node": true
48+
},
49+
"extends": [
50+
"plugin:vue/essential",
51+
"eslint:recommended"
52+
],
53+
"parserOptions": {
54+
"parser": "babel-eslint"
55+
},
56+
"rules": {}
57+
},
58+
"browserslist": [
59+
"> 1%",
60+
"last 2 versions",
61+
"not dead"
62+
]
63+
}

client-samples/vue/public/favicon.ico

100755100644
File mode changed.

client-samples/vue/public/index.html

100755100644
File mode changed.

client-samples/vue/public/recorder-worker.js

100755100644
File mode changed.

0 commit comments

Comments
 (0)