├── .gitignore
├── .travis.yml
├── LICENSE
├── README.md
├── babel.config.js
├── functions
    ├── google-auth.js
    ├── hello.js
    ├── net.js
    └── net
    │   └── lify.js
├── netlify.toml
├── package.json
├── public
    ├── favicon.ico
    ├── googlea4d610c375f0e6bc.html
    └── index.html
├── src
    ├── App.vue
    ├── assets
    │   ├── github.png
    │   ├── google.png
    │   ├── logo.png
    │   └── outlook.png
    ├── components
    │   ├── ApiDocs.vue
    │   ├── Home.vue
    │   ├── Pictures.vue
    │   ├── VideoDetail.vue
    │   ├── Videos.vue
    │   ├── Vip.vue
    │   ├── layout
    │   │   ├── GithubRibbon.vue
    │   │   └── NotFound.vue
    │   ├── meta
    │   │   ├── Meta.vue
    │   │   ├── PrivacyPolicy.vue
    │   │   └── TermsOfUse.vue
    │   └── oauth
    │   │   ├── GithubOauth.vue
    │   │   ├── GoogleOauth.vue
    │   │   └── Oauth.vue
    ├── helpers
    │   ├── fuliapi.js
    │   └── oauth.js
    ├── main.js
    ├── router
    │   └── index.js
    └── store
    │   ├── index.js
    │   └── modules
    │       ├── user.js
    │       └── videos.js
└── yarn.lock


/.gitignore:
--------------------------------------------------------------------------------
 1 | .DS_Store
 2 | node_modules
 3 | 
 4 | # production code
 5 | /dist
 6 | /lambda
 7 | 
 8 | # local env files
 9 | .env.local
10 | .env.*.local
11 | 
12 | # Log files
13 | npm-debug.log*
14 | yarn-debug.log*
15 | yarn-error.log*
16 | 
17 | # Local dev 
18 | .firebase
19 | 
20 | # Editor directories and files
21 | .idea
22 | .vscode
23 | *.suo
24 | *.ntvs*
25 | *.njsproj
26 | *.sln
27 | *.sw*
28 | 


--------------------------------------------------------------------------------
/.travis.yml:
--------------------------------------------------------------------------------
 1 | language: node_js
 2 | node_js:
 3 |   - "8"
 4 | sudo: enabled
 5 | branches:
 6 |   only:
 7 |     - master
 8 | install:
 9 |   - yarn install
10 | script:
11 |   - yarn build
12 | 
13 | notifications:
14 |   slack: 
15 |     rooms:
16 |       - whizjs:1Yj4kddwBKy8c4CRFLdZFrf3#superjs
17 |     on_success: always
18 |     on_failure: always


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
1 | Copyright 2018 Yumin Gui erichui329@gmail.com
2 | 
3 | Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
4 | 
5 | The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
6 | 
7 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # super.js
 2 | 
 3 | ## Badges 
 4 | 
 5 | <div align="center">
 6 | 
 7 | [![StyleCI](https://github.styleci.io/repos/152890558/shield?branch=master)](https://github.styleci.io/repos/152890558)
 8 | [![Build Status](https://travis-ci.org/whizjs/superjs.svg?branch=master)](https://travis-ci.org/whizjs/superjs)
 9 | [![MIT Licence](https://badges.frapsoft.com/os/mit/mit.svg?v=103)](LICENSE)  
10 | 
11 | </div>
12 | 
13 | ## Welcome to super.js 欢迎来到super.js
14 | ```
15 | 欢迎提交issue和PR！
16 | Issues and Pull Requests are welcome
17 | ```
18 | 
19 | ## Tech Stack 技术栈
20 | 
21 |  - Vue.js 2
22 |  - @vue/cli 3
23 |  - vuex
24 |  - vue-router
25 |  - libraries:
26 |     - axios
27 |     - Vuetify UI Framework
28 |     - validator
29 |  - Cloud Services
30 |     - StyleCI
31 |     - Mailgun
32 |     - Travis-CI
33 |     - Netlify Deploys
34 |     - Netlify Lambda Functions
35 |  - APIs consumed:
36 |     - Google Oauth
37 | 
38 | ## Get Started 快速上手
39 |  - 其实这个项目已经用了`netlify`，下面的步骤都自动运行和部署了。
40 | 
41 | 
42 |  - ### Dependency Installation 安装依赖
43 |     ```
44 |     yarn install
45 |     ```
46 | 
47 |  - ### Local development 本地运行
48 |     ```
49 |     yarn serve:app
50 |     yarn serve:lambda
51 |     ```
52 | 
53 |  - ### Go production 生产环境构建
54 |     ```
55 |     yarn build
56 |     ```
57 | 
58 |  - ### Lints and fixes files 
59 |     ```
60 |     yarn lint
61 |     ```
62 | ## Features 项目功能
63 | ### 本项目全面拥抱云计算，能使用第三方云服务的，都尽量使用第三方云服务
64 | 
65 |  - [x] 注册登录服务使用`Google Oauth`和`Github`第三方服务
66 |  - [ ] 找工作信息汇聚
67 |  - [ ] 比特币等加密币行情


--------------------------------------------------------------------------------
/babel.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 |   presets: [
3 |     '@vue/app'
4 |   ]
5 | }
6 | 


--------------------------------------------------------------------------------
/functions/google-auth.js:
--------------------------------------------------------------------------------
 1 | const {
 2 |   OAuth2Client
 3 | } = require('google-auth-library');
 4 | 
 5 | const googleAppId = '820664319776-kratepkqp0lnq1kgsk6ob34pc7u3meug.apps.googleusercontent.com';
 6 | const googleAppKey = 'aBDbuxOOAFYJN3q5CdXpvj7_';
 7 | const googleCallback = 'https://superjs.org/oauth/google';
 8 | 
 9 | 
10 | exports.handler = function (event, context, callback) {
11 | 
12 |     const oauth2Client = new OAuth2Client(googleAppId, googleAppKey, googleCallback)
13 | 
14 |     oauth2Client.getToken(event.queryStringParameters.code).then((res) => {
15 |       const profileUrl = 'https://www.googleapis.com/oauth2/v1/userinfo?alt=json';
16 |       // res.tokens 需要保存在服务器，不能返回给用户
17 |       oauth2Client.setCredentials(res.tokens);
18 |       oauth2Client.request({
19 |         url: profileUrl
20 |       }).then(res => {
21 |         callback(null, {
22 |           statusCode: 200,
23 |           headers: {
24 |             'Access-Control-Allow-Origin': '*',
25 |             'Content-Type': 'application/json'
26 |           },
27 |           body: JSON.stringify(res.data)
28 |         })
29 |       }).catch(err => console.log(err));
30 |     }).catch(err => console.log(err));
31 |     
32 | 
33 | }


--------------------------------------------------------------------------------
/functions/hello.js:
--------------------------------------------------------------------------------
1 | exports.handler = function (event, context, callback) {
2 |     callback(null, {
3 |         statusCode: 200,
4 |         body: "world"
5 |     });
6 | }


--------------------------------------------------------------------------------
/functions/net.js:
--------------------------------------------------------------------------------
 1 | import lify from './net/lify';
 2 | 
 3 | exports.handler = function (event, context, callback) {
 4 |     let subPath = event.path.split('/').pop(); // retrieve last element
 5 |     switch (subPath) {
 6 |         case 'lify':
 7 |             lify(event, context, callback)
 8 |             break;
 9 |         default:
10 |             callback('404 Path Not Found!');
11 |     }
12 | }


--------------------------------------------------------------------------------
/functions/net/lify.js:
--------------------------------------------------------------------------------
1 | let lify = function (event, context, callback) {
2 |     callback(null, {
3 |         statusCode: 200,
4 |         body: "Netlify: You made it!"
5 |     });
6 | }
7 | 
8 | export default lify;


--------------------------------------------------------------------------------
/netlify.toml:
--------------------------------------------------------------------------------
 1 | [build]
 2 |   # Default build command.
 3 |   command = "yarn build"
 4 | 
 5 |   # Directory with the lambda functions (generated by the lambda `build` command) to deploy to AWS.
 6 |   functions = "lambda"
 7 | 
 8 | # [[redirects]]
 9 | #   from = "/api/auth/google/callback"
10 | #   to = "/.netlify/functions/auth"
11 | #   status = 301
12 | #   force = false
13 | #   query = { code = "code"}
14 | 
15 | [[redirects]]
16 |   from = "/api/*"
17 |   to = "/.netlify/functions/:splat"
18 |   status = 200
19 |   force = true
20 | 
21 | [[redirects]]
22 |   from = "https://superjs.netlify.com/*"
23 |   to = "https://superjs.org/:splat"
24 |   status = 301
25 |   force = true
26 | 
27 | [[redirects]]
28 |   from = "/*"
29 |   to = "/index.html"
30 |   status = 200
31 |   force = false


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "superjs",
 3 |   "version": "0.1.0",
 4 |   "private": true,
 5 |   "scripts": {
 6 |     "serve:app": "vue-cli-service serve",
 7 |     "serve:lambda": "netlify-lambda serve functions",
 8 |     "build:app": "vue-cli-service build",
 9 |     "build:lambda": "netlify-lambda build functions",
10 |     "build": "yarn build:app; yarn build:lambda",
11 |     "lint": "vue-cli-service lint"
12 |   },
13 |   "dependencies": {
14 |     "axios": "^0.18.0",
15 |     "css-loader": "^1.0.0",
16 |     "date-fns": "^1.29.0",
17 |     "google-auth-library": "^2.0.2",
18 |     "jwt-decode": "^2.2.0",
19 |     "netlify-identity-widget": "^1.5.2",
20 |     "netlify-lambda": "^1.0.3",
21 |     "request": "^2.88.0",
22 |     "sweetalert2": "^7.28.5",
23 |     "validator": "^10.7.1",
24 |     "vue": "^2.5.17",
25 |     "vue-analytics": "^5.16.0",
26 |     "vue-router": "^3.0.1",
27 |     "vuetify": "^1.3.12",
28 |     "vuex": "^3.0.1"
29 |   },
30 |   "devDependencies": {
31 |     "@fortawesome/fontawesome-free": "^5.5.0",
32 |     "@vue/cli-plugin-babel": "^3.0.0",
33 |     "@vue/cli-plugin-eslint": "^3.0.0",
34 |     "@vue/cli-service": "^3.0.0",
35 |     "stylus": "^0.54.5",
36 |     "stylus-loader": "^3.0.2",
37 |     "vue-cli-plugin-vuetify": "^0.4.5",
38 |     "vue-template-compiler": "^2.5.17",
39 |     "vuetify-loader": "^1.0.5"
40 |   },
41 |   "eslintConfig": {
42 |     "root": true,
43 |     "env": {
44 |       "node": true
45 |     },
46 |     "extends": [
47 |       "plugin:vue/essential",
48 |       "eslint:recommended"
49 |     ],
50 |     "rules": {},
51 |     "parserOptions": {
52 |       "parser": "babel-eslint"
53 |     }
54 |   },
55 |   "postcss": {
56 |     "plugins": {
57 |       "autoprefixer": {}
58 |     }
59 |   },
60 |   "browserslist": [
61 |     "> 1%",
62 |     "last 2 versions",
63 |     "not ie <= 8"
64 |   ]
65 | }
66 | 


--------------------------------------------------------------------------------
/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/whizjs/superjs/2e1b7141454c2abc6e365690242981e2ff05d2c9/public/favicon.ico


--------------------------------------------------------------------------------
/public/googlea4d610c375f0e6bc.html:
--------------------------------------------------------------------------------
1 | google-site-verification: googlea4d610c375f0e6bc.html


--------------------------------------------------------------------------------
/public/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | 
 4 | <head>
 5 |   <meta charset="utf-8">
 6 |   <meta http-equiv="X-UA-Compatible" content="IE=edge">
 7 |   <meta name="viewport" content="width=device-width,initial-scale=1.0">
 8 |   <meta name="description" content="a starter kit to build a web app with Vuejs">
 9 |   <meta name="keywords" content="Vuejs, vuex, Vuetify, Google Oauth2, starter kit">
10 |   <link rel="icon" href="<%= BASE_URL %>favicon.ico">
11 |   <title>super.js</title>
12 | </head>
13 | 
14 | <body>
15 |   <div id="app"></div>
16 | </body>
17 | 
18 | </html>


--------------------------------------------------------------------------------
/src/App.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <v-app id="inspire">
  3 |     <v-navigation-drawer fixed app v-model="drawer">
  4 |       <v-container class="py-1">
  5 |         <v-layout row wrap>
  6 |           <v-flex xs12 class="mb-2">
  7 |             <v-btn block large dark class="blue">Hello{{ ", " + username }}</v-btn>
  8 |           </v-flex>
  9 |           <v-flex xs12>
 10 |             <v-textarea
 11 |               outline
 12 |               readonly
 13 |               :success="broadcast.type == 'success'"
 14 |               :error="broadcast.type == 'error'"
 15 |               hide-details
 16 |               auto-grow
 17 |               label="系统广播"
 18 |               :value="broadcast.message"
 19 |             ></v-textarea>
 20 |           </v-flex>
 21 |           <v-flex xs12>
 22 |             <v-text-field
 23 |               placeholder="Search"
 24 |               append-icon="fas fa-search"
 25 |               hide-details
 26 |               color="primary"
 27 |             ></v-text-field>
 28 |           </v-flex>
 29 |         </v-layout>
 30 |       </v-container>
 31 |       <v-divider></v-divider>
 32 |       <v-container justify-center class="py-0 px-0">
 33 |         <v-list>
 34 |           <template v-for="item in items">
 35 |             <v-list-group
 36 |               v-if="item.children"
 37 |               :value="item.active"
 38 |               :key="item.text"
 39 |               :prepend-icon="item.icon"
 40 |               :append-icon="item['icon-alt']"
 41 |             >
 42 |               <v-list-tile slot="activator">
 43 |                 <v-list-tile-content>
 44 |                   <v-list-tile-title>{{ item.text }}</v-list-tile-title>
 45 |                 </v-list-tile-content>
 46 |               </v-list-tile>
 47 |               <v-list-tile
 48 |                 v-for="(child, i) in item.children"
 49 |                 :key="i"
 50 |                 @click="goToRoute(child.routeName)"
 51 |               >
 52 |                 <v-list-tile-action v-if="child.icon">
 53 |                   <v-icon>{{ child.icon }}</v-icon>
 54 |                 </v-list-tile-action>
 55 |                 <v-list-tile-content>
 56 |                   <v-list-tile-title>{{ child.text }}</v-list-tile-title>
 57 |                 </v-list-tile-content>
 58 |               </v-list-tile>
 59 |             </v-list-group>
 60 |             <v-list-tile v-else @click="goToRoute(item.routeName)" :key="item.text">
 61 |               <v-list-tile-action>
 62 |                 <v-icon>{{ item.icon }}</v-icon>
 63 |               </v-list-tile-action>
 64 |               <v-list-tile-content>
 65 |                 <v-list-tile-title>{{ item.text }}</v-list-tile-title>
 66 |               </v-list-tile-content>
 67 |             </v-list-tile>
 68 |           </template>
 69 |         </v-list>
 70 |       </v-container>
 71 |     </v-navigation-drawer>
 72 |     <v-toolbar color="blue darken-4" dark app fixed>
 73 |       <v-toolbar-side-icon @click.stop="drawer = !drawer"></v-toolbar-side-icon>
 74 |       <v-toolbar-title style="width: 240px" class="ml-0 pl-3">
 75 |         <span class="hidden-sm-and-down" @click="goToRoute('Home')" style="cursor:pointer;">superjs</span>
 76 |       </v-toolbar-title>
 77 |       <v-text-field
 78 |         color="yellow"
 79 |         append-icon="fas fa-search"
 80 |         @click:append="searchWhatever()"
 81 |         hide-details
 82 |         label="Search"
 83 |         class="hidden-sm-and-down"
 84 |       ></v-text-field>
 85 |       <v-spacer></v-spacer>
 86 |       <v-btn icon>
 87 |         <v-icon>fas fa-bell</v-icon>
 88 |       </v-btn>
 89 |       <img
 90 |         src="@/assets/google.png"
 91 |         alt="Vuetify"
 92 |         v-if="!isLoggedIn"
 93 |         @click="signInWith('google')"
 94 |         style="cursor:pointer;"
 95 |       >
 96 |       <v-speed-dial
 97 |         left
 98 |         direction="bottom"
 99 |         open-on-hover
100 |         transition="slide-y-reverse-transition"
101 |         v-if="isLoggedIn"
102 |       >
103 |         <v-btn fab light slot="activator">
104 |           <v-avatar size="32px" tile>
105 |             <img src="@/assets/logo.png" alt="Vuetify">
106 |           </v-avatar>
107 |         </v-btn>
108 | 
109 |         <v-tooltip left>
110 |           <v-btn
111 |             fab
112 |             dark
113 |             color="black"
114 |             @click="triggerNetlifyIdentityAction('logout')"
115 |             slot="activator"
116 |           >
117 |             <v-icon>fas fa-sign-out-alt</v-icon>
118 |           </v-btn>
119 |           <span>Sign Out</span>
120 |         </v-tooltip>
121 |         <v-tooltip left>
122 |           <v-btn fab dark color="indigo" slot="activator">
123 |             <v-icon>fas fa-fingerprint</v-icon>
124 |           </v-btn>
125 |           <span>Forget / Change Password</span>
126 |         </v-tooltip>
127 |       </v-speed-dial>
128 | 
129 |       <v-speed-dial
130 |         left
131 |         direction="bottom"
132 |         open-on-hover
133 |         transition="slide-y-reverse-transition"
134 |         v-else
135 |       >
136 |         <v-btn slot="activator" color="purple" fab>
137 |           <v-icon dark>fas fa-user-circle</v-icon>
138 |         </v-btn>
139 |         <v-tooltip left>
140 |           <v-btn
141 |             fab
142 |             dark
143 |             color="green"
144 |             @click="triggerNetlifyIdentityAction('login')"
145 |             slot="activator"
146 |           >
147 |             <v-icon>fas fa-sign-in-alt</v-icon>
148 |           </v-btn>
149 |           <span>Sign In</span>
150 |         </v-tooltip>
151 |         <v-tooltip left>
152 |           <v-btn
153 |             fab
154 |             dark
155 |             color="red"
156 |             @click="triggerNetlifyIdentityAction('signup')"
157 |             slot="activator"
158 |           >
159 |             <v-icon>fas fa-user-plus</v-icon>
160 |           </v-btn>
161 |           <span>Sign Up</span>
162 |         </v-tooltip>
163 |       </v-speed-dial>
164 |     </v-toolbar>
165 |     <v-content>
166 |       <v-container fluid grid-list-xl>
167 |         <router-view></router-view>
168 |       </v-container>
169 |     </v-content>
170 |     <v-footer height="auto" color="primary lighten-1" app inset>
171 |       <v-layout justify-center row wrap>
172 |         <v-flex primary lighten-2 py-3 text-xs-center black--text xs12>
173 |           &copy;2018 -- {{ new Date().getFullYear()}}
174 |           <strong>superjs</strong>
175 |         </v-flex>
176 |       </v-layout>
177 |     </v-footer>
178 |   </v-app>
179 | </template>
180 | 
181 | <script>
182 |   import { mapGetters, mapActions } from "vuex";
183 |   import netlifyIdentity from "netlify-identity-widget";
184 | 
185 |   import { getGoogleOauthRedirectLink } from "./helpers/oauth";
186 | 
187 |   netlifyIdentity.init({
188 |     APIUrl: "https://superjs.org/.netlify/identity",
189 |     logo: true
190 |   });
191 | 
192 |   export default {
193 |     name: "app",
194 |     computed: {
195 |       ...mapGetters("user", {
196 |         isLoggedIn: "getUserStatus",
197 |         userprofile: "getUserprofile"
198 |       }),
199 |       username() {
200 |         return this.userprofile ? this.userprofile.username : "there!";
201 |       },
202 |       broadcast() {
203 |         return { message: "欢迎光临！", type: "" };
204 |       }
205 |     },
206 |     data: () => {
207 |       return {
208 |         oauthWindow: null,
209 |         dialog: false,
210 |         drawer: null,
211 |         items: [
212 |           { icon: "fas fa-home", text: "Homepage", routeName: "Home" },
213 |           {
214 |             icon: "fas fa-file-signature",
215 |             text: "API Docs",
216 |             routeName: "ApiDocs"
217 |           },
218 |           { icon: "fab fa-old-republic", text: "VIP", routeName: "Vip" },
219 |           { icon: "fas fa-rss", text: "Subscribe" },
220 |           { icon: "fas fa-download", text: "Download Files" },
221 |           {
222 |             icon: "fas fa-user-cog",
223 |             "icon-alt": "fas fa-chevron-down",
224 |             text: "Account Settings",
225 |             active: false,
226 |             children: [
227 |               { icon: "fas fa-user-tie", text: "My Profile" },
228 |               { icon: "fas fa-lock", text: "Reset Password" }
229 |             ]
230 |           },
231 |           {
232 |             icon: "fas fa-globe",
233 |             "icon-alt": "fas fa-chevron-down",
234 |             text: "Meta Information",
235 |             active: false,
236 |             children: [
237 |               { icon: "fas fa-child", text: "About Us" },
238 |               { icon: "fas fa-phone-volume", text: "Contact Us" },
239 |               {
240 |                 icon: "fas fa-file-alt",
241 |                 text: "Terms Of Use",
242 |                 routeName: "MetaTermsOfUse"
243 |               },
244 |               {
245 |                 icon: "fas fa-user-secret",
246 |                 text: "Privacy Policy",
247 |                 routeName: "MetaPrivacyPolicy"
248 |               },
249 |               { icon: "fas fa-question-circle", text: "FAQs" }
250 |             ]
251 |           },
252 |           {
253 |             icon: "fas fa-expand",
254 |             "icon-alt": "fas fa-chevron-down",
255 |             text: "More",
256 |             active: false,
257 |             children: [{ icon: "fas fa-clock", text: "Coming Soon" }]
258 |           }
259 |         ]
260 |       };
261 |     },
262 |     methods: {
263 |       ...mapActions("user", {
264 |         updateUserprofile: "updateUserprofile"
265 |       }),
266 |       searchWhatever() {
267 |         console.log("search");
268 |       },
269 |       goToRoute(routeName) {
270 |         this.$router.push({ name: routeName });
271 |       },
272 |       onGoogleOauthSuccess({ user }) {
273 |         // console.log("oauth success", user);
274 |         const profile = Object.assign(
275 |           {},
276 |           {
277 |             src: "google",
278 |             username: user.name,
279 |             email: user.email
280 |           }
281 |         );
282 |         this.updateUserprofile({
283 |           currentUserprofile: profile
284 |         });
285 | 
286 |         document.removeEventListener("google-oauth", this.onGoogleOauthSuccess);
287 |       },
288 |       signInWith(oauthProvider) {
289 |         if (oauthProvider === "google") {
290 |           document.addEventListener("google-oauth", this.onGoogleOauthSuccess);
291 |           this.oauthWindow = window.open(
292 |             getGoogleOauthRedirectLink(),
293 |             "GoogleOauth",
294 |             "width=600,height=400,menubar=no,toolbar=no,location=no"
295 |           );
296 |         }
297 |       },
298 |       triggerNetlifyIdentityAction(action) {
299 |         if (action == "login" || action == "signup") {
300 |           netlifyIdentity.open(action);
301 |           netlifyIdentity.on(action, user => {
302 |             netlifyIdentity.close();
303 |             let currentUserprofile = {
304 |               src: "netlify",
305 |               username: user.user_metadata.full_name,
306 |               email: user.email,
307 |               access_token: user.token.access_token,
308 |               expires_at: user.token.expires_at,
309 |               refresh_token: user.token.refresh_token,
310 |               token_type: user.token.token_type
311 |             };
312 |             this.updateUserprofile({
313 |               currentUserprofile: currentUserprofile
314 |             });
315 |           });
316 |         } else if (action == "logout") {
317 |           this.updateUserprofile({
318 |             currentUserprofile: null
319 |           });
320 |           netlifyIdentity.logout();
321 |           this.$router.push({ name: "Home" });
322 |         }
323 |       }
324 |     },
325 |     beforeDestroy() {
326 |       document.removeEventListener("google-oauth", this.onGoogleOauthSuccess);
327 |     }
328 |   };
329 | </script>
330 | 
331 | <style>
332 |   * {
333 |     text-transform: none !important;
334 |   }
335 | </style>


--------------------------------------------------------------------------------
/src/assets/github.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/whizjs/superjs/2e1b7141454c2abc6e365690242981e2ff05d2c9/src/assets/github.png


--------------------------------------------------------------------------------
/src/assets/google.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/whizjs/superjs/2e1b7141454c2abc6e365690242981e2ff05d2c9/src/assets/google.png


--------------------------------------------------------------------------------
/src/assets/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/whizjs/superjs/2e1b7141454c2abc6e365690242981e2ff05d2c9/src/assets/logo.png


--------------------------------------------------------------------------------
/src/assets/outlook.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/whizjs/superjs/2e1b7141454c2abc6e365690242981e2ff05d2c9/src/assets/outlook.png


--------------------------------------------------------------------------------
/src/components/ApiDocs.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <v-layout row wrap class="text-xs-center" :style="mystyle">
 3 |     <v-flex xs12>
 4 |       <v-card dark color="primary">
 5 |         <v-card-text class="headline">API Docs (API文档)</v-card-text>
 6 |         <v-card-text>Base Url: https://superjs.org/api</v-card-text>
 7 |         <v-card-text>
 8 |           First API:
 9 |           <code>GET /hello</code>
10 |         </v-card-text>
11 |       </v-card>
12 |     </v-flex>
13 |   </v-layout>
14 | </template>
15 | 
16 | <script>
17 |   export default {
18 |     name: "ApiDocs",
19 |     computed: {
20 |       mystyle() {
21 |         if (this.$vuetify.breakpoint.mdAndUp) {
22 |           return "width:50%";
23 |         } else {
24 |           return "width:100%";
25 |         }
26 |       }
27 |     }
28 |   };
29 | </script>


--------------------------------------------------------------------------------
/src/components/Home.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div>Hoome</div>
 3 | </template>
 4 | 
 5 | 
 6 | <script>
 7 |   export default {
 8 |     name: "Home"
 9 |   };
10 | </script>
11 | 
12 | <style>
13 | </style>
14 | 
15 | 


--------------------------------------------------------------------------------
/src/components/Pictures.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 | 
 3 |   <div class="input-group input-group-lg">
 4 | 		<input type="text" class="form-control" v-model.trim="searchPicturesKeyword" @keyup.enter="getPictures"/>
 5 | 		<div class="input-group-append">
 6 | 			<span class="btn btn-primary" @click="getPictures">Search</span>
 7 | 		</div>
 8 | 	</div>
 9 |   
10 | </template>
11 | 
12 | <script>
13 |   export default {
14 |     name: "Pictures",
15 |     data: function() {
16 |       return {
17 |         searchPicturesKeyword: ""
18 |       };
19 |     },
20 |     methods: {
21 |       getPictures: function() {
22 |         console.log(this.searchPicturesKeyword);
23 |       }
24 |     }
25 |   };
26 | </script>
27 | 
28 | 
29 | <style>
30 | </style>


--------------------------------------------------------------------------------
/src/components/VideoDetail.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div v-if="videos" class="mt-4">
 3 |     <div v-for="(video, index) in videos" :key="index">
 4 |     <div class="card flex-md-row mb-4 shadow-sm h-md-250" :id="video.id.videoId">
 5 |       <img @click="watchVideo(video.id.videoId)" class="card-img-right flex-auto d-lg-block" :src="srcUrl(video)" :alt="videoInfo(video)" :title="videoInfo(video)">
 6 |       <div class="card-body d-flex flex-column align-items-start">
 7 |         <strong class="d-inline-block mb-2 text-success"><a @click="goToChannel(video.snippet.channelId)">Channel: {{video.snippet.channelTitle}} </a></strong>
 8 |         <h6 class="mb-1">
 9 |           <a class="text-dark" @click="watchVideo(video.id.videoId)">{{ video.snippet.title }}</a>
10 |         </h6>
11 |         <p class="card-text text-muted mb-1">{{ formattedTime(video.snippet.publishedAt) }}</p>
12 |         <p class="card-text mb-auto">{{ video.snippet.description }}</p>
13 |       </div>
14 |       
15 |     </div>
16 |     </div>
17 |   </div>
18 | </template>
19 | 
20 | <script>
21 |   import { mapGetters } from "vuex";
22 |   import { format } from "date-fns";
23 |   export default {
24 |     name: "VideoDetail",
25 |     computed: {
26 |       ...mapGetters("videos", {
27 |         videos: "getVideos"
28 |       })
29 |     },
30 |     methods: {
31 |       watchVideo(id) {
32 |         let url = `https://www.youtube.com/watch?v=${id}`;
33 |         window.open(url, "_blank");
34 |       },
35 |       goToChannel(id) {
36 |         let url = `https://www.youtube.com/channel/${id}`;
37 |         window.open(url, "_blank");
38 |       },
39 |       srcUrl: function(v) {
40 |         return v.snippet.thumbnails.medium.url;
41 |       },
42 |       videoInfo: function(video) {
43 |         return video.snippet.title + "\n" + video.snippet.description;
44 |       },
45 |       formattedTime: function(t) {
46 |         return format(t, "YYYY-MM-DD HH:mm:ss");
47 |       }
48 |     }
49 |   };
50 | </script>
51 | 
52 | <style scoped>
53 |   a:hover,
54 |   img:hover {
55 |     cursor: pointer;
56 |   }
57 | </style>
58 | 
59 | 


--------------------------------------------------------------------------------
/src/components/Videos.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div>
 3 |     <div class="input-group input-group-lg">
 4 |       <input type="text" class="form-control" @keyup.enter="getVideos" v-model.trim="searchVideosKeyword"/>
 5 |       <div class="input-group-append">
 6 |         <span class="btn btn-primary" @click="getVideos">Search</span>
 7 |       </div>
 8 |     </div>
 9 |     <VideoDetail></VideoDetail>
10 |   </div>
11 | </template>
12 | 
13 | <script>
14 |   import { mapActions } from "vuex";
15 |   import VideoDetail from "./VideoDetail";
16 | 
17 |   export default {
18 |     name: "Videos",
19 |     data: function() {
20 |       return {
21 |         searchVideosKeyword: ""
22 |       };
23 |     },
24 |     components: {
25 |       VideoDetail
26 |     },
27 |     methods: {
28 |       ...mapActions("videos", {
29 |         getYouTubeVideos: "getYouTubeVideos"
30 |       }),
31 |       getVideos() {
32 |         this.getYouTubeVideos({
33 |           keyword: this.searchVideosKeyword
34 |         });
35 |       }
36 |     }
37 |   };
38 | </script>
39 | 
40 | 
41 | <style>
42 | </style>
43 | 
44 | 


--------------------------------------------------------------------------------
/src/components/Vip.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div>Vip</div>
 3 | </template>
 4 | 
 5 | <script>
 6 |   export default {
 7 |     name: "Vip"
 8 |   };
 9 | </script>
10 | 
11 | 
12 | <style>
13 | </style>
14 | 
15 | 


--------------------------------------------------------------------------------
/src/components/layout/GithubRibbon.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <a href="https://github.com/whizjs/superjs" target="_blank">
 3 |         <img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png" alt="Fork me on GitHub">
 4 |     </a>
 5 | </template>
 6 | 
 7 | <script>
 8 | export default {
 9 |   name: "Ribbon"
10 | };
11 | </script>
12 | 
13 | <style>
14 | </style>
15 | 
16 | 


--------------------------------------------------------------------------------
/src/components/layout/NotFound.vue:
--------------------------------------------------------------------------------
1 | <template>
2 |   <div>404 Not Found</div>
3 | </template>
4 | 


--------------------------------------------------------------------------------
/src/components/meta/Meta.vue:
--------------------------------------------------------------------------------
1 | <template>
2 |     <router-view></router-view>
3 | </template>
4 | 


--------------------------------------------------------------------------------
/src/components/meta/PrivacyPolicy.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <div>
 3 |         SUPERJS.ORG - PRIVACY POLICY<br><br>
 4 | Effective Date: April 1, 2018<br><br>
 5 | 
 6 | 
 7 | 1. INTRODUCTION<br><br>
 8 | 
 9 | 1.1. PURPOSE OF POLICY. Jekyll Technologies LLC, superjs.org (SUPERJS,” "us," "we," or "Company") is committed to respecting the privacy rights of its customers, visitors, affiliates, and other users of the Company website (the "Site"). This Website Privacy Policy ("Policy") is designed to give you confidence as you visit and use the Site, and to demonstrate our commitment to fair information practices and the protection of privacy. This Policy is only applicable to the Site, and not to any other websites or third-party-hosted websites or other third-party information that you may be able to access from the Site, any of which may have data collection and use practices and policies that differ materially from this Policy.<br><br>
10 | 
11 | 1.2. NOTICE CONCERNING CHILDREN (COPPA).<br><br>
12 | 
13 | PLEASE NOTE: We are a general audience website, but because we provide access to sexually explicit materials, no person under the age of 18 is allowed to use the Site. If we learn or have reason to suspect that a registered Site user is under age 18, we will promptly delete the account and any personal information in that user's account.<br><br>
14 | 
15 | 1.3 REGISTERED USERS. We require that registered Users of the Site be at least 18 years of age. We will immediately disable and delete any account upon learning that a registered user is under 18.<br><br>
16 | 
17 | 1.4 WE WILL NOT SELL YOUR PERSONAL INFORMATION. SUPERJS may utilize information provided by you for purposes outlined in this Policy, or to the extent required to comply with the law; but otherwise, SUPERJS is committed to your privacy and will not sell your information to third parties, or use it for any purpose other than as outlined herein.<br><br>
18 | 
19 | 2. INFORMATION COLLECTION PRACTICES<br><br>
20 | 
21 | 2.1. WHAT BASIC INFORMATION DOES THE COMPANY COLLECT?<br><br>
22 | 
23 | In operating the Site, Company may include registration forms, and other online forms that ask users to provide their names, email addresses, and other contact information, as well as a Username. We may also request information from registered Users for the purpose of paying for products or subscriptions, which may include credit card or PayPal account information. Company may also request profile information from you, or from your social networking profiles, for the purposes including customization, and accuracy, and other purposes designed to improve your experience on the Site.<br><br>
24 | 
25 | 2.2. WHAT ADDITIONAL INFORMATION DOES COMPANY COLLECT?<br><br>
26 | 
27 | (a) AUTOMATIC COLLECTION. Our servers may automatically recognize visitors' domain names and IP addresses (the number assigned to computers on the Internet). No personal information about you is revealed in this process. The Site may also gather anonymous "traffic data" that does not personally identify you, but that may be helpful for marketing purposes or for improving the services we offer.<br><br>
28 | 
29 | (b) COOKIES. From time to time, we may use the standard "cookies" feature of major browsers and other applications that allows us to store a small piece of data on your computer about your visit to our Site. We do not set any personally identifiable information in cookies, nor do we employ any data capture mechanisms on our website other than cookies. Cookies both help improve your experience on the Site, and help us learn which areas of our site are useful and which areas need improvement. You can choose whether to accept cookies by changing the settings on your browser. However, if you choose to disable this function, your experience at our Web site may be diminished and some features may not work as they were intended.<br><br>
30 | 
31 | 2.3. LOST OR STOLEN INFORMATION. You must promptly notify us if any personal information is lost, stolen, or used without permission. In such an event, we will remove that information from your account to the extent we have stored it, and update our records accordingly.<br><br>
32 | 
33 | 3. USE AND SHARING OF INFORMATION<br><br>
34 | 
35 | 3.1. WHAT DOES COMPANY DO WITH COLLECTED INFORMATION?<br><br>
36 | 
37 | (a) PERSONAL INFORMATION. We will not share your personal information with any third parties without your consent, except as necessary to provide you with the services offered by us or to comply with the law. We may use your personal information to verify your identity, social media account, or to follow up with transactions initiated on the Site. We may also use your contact information to inform you of any changes to the Site, or to send you additional information about Company.<br><br>
38 | 
39 | (b) ANONYMOUS INFORMATION. We use anonymous information to analyze our traffic, but we do not examine this information for individually identifying information. In addition, we may use anonymous IP addresses to help diagnose problems with our server, to administer our site, or to display the content according to your preferences. Traffic and transaction information may also be shared with business partners and advertisers on an aggregate and anonymous basis.<br><br>
40 | 
41 | (c) USE OF COOKIES. We may use cookies to deliver content specific to your interests, to save your password so you don't have to re-enter it each time you visit our site, or for other purposes. Promotions or advertisements displayed on our site may contain cookies. We do not have access to or control over information collected by outside advertisers on our site.<br><br>
42 | 
43 | (d) DISCLOSURE OF PERSONAL INFORMATION. We may disclose personal information if required to do so by law or in the good-faith belief that such action is necessary to (1) conform to the requirements of the law or comply with legal process served on Company or its subsidiaries or affiliates, (2) protect and defend the rights or property of Company or the users of the Site, or (3) act under exigent circumstances to protect the safety of the public or users of the Site.<br><br>
44 | 
45 | (e) SALE OF INFORMATION. In order to accommodate changes in our business, we may sell or buy portions of our company or other companies or assets, including the information collected through its websites. If Company or substantially all of its assets are acquired, customer information will be one of the assets transferred to the acquirer. We may send registered users an email notifying them of the acquisition of SUPERJS, or any of its affiliate sites by another company, but are not obligated to do so.<br><br>
46 | 
47 | (f) ACCESS TO INFORMATION. Unfortunately, we do not maintain any procedures for you to review or request changes to the information that we collect about you, except that you may request that we remove all information about you from our database by contacting us in accordance with Section 6.1 below.<br><br>
48 | 
49 | (g) "DO NOT TRACK" NOTICES: Company will respond to "Do Not Track" notices promptly and appropriately by taking whatever reasonable action is requested of it, including removing all personally identifying information from a User's database pursuant to Section 6.1 below.<br><br>
50 | 
51 | 4. SECURITY<br><br>
52 | 
53 | The Company has security measures in place to prevent the loss, misuse, and alteration of the information that we obtain from you, but we make no assurances about our ability to prevent any such loss, misuse, to you or to any third party arising out of any such loss, misuse, or alteration.<br><br>
54 | 
55 | 5. WEBSITE AREAS BEYOND COMPANY'S CONTROL<br><br>
56 | 
57 | 5.1. PUBLIC FORUMS<br><br>
58 | 
59 | The App may include interactive forums in addition to other core features of the Site, as well as reviews, message boards and other communications platforms. Please remember that any information that is disclosed in public areas becomes public information and you should exercise caution when deciding to disclose your personal information.<br><br>
60 | 
61 | 5.2. THIRD PARTY WEBSITES<br><br>
62 | 
63 | The Site may contain links to other websites. If you choose to visit other websites, we are not responsible for the privacy practices or content of those other websites, and it is your responsibility to review the privacy policies at those websites to confirm that you understand and agree with their policies.<br><br>
64 | 
65 | 6. CONTACT INFORMATION AND POLICY UPDATES<br><br>
66 | 
67 | 6.1. CONTACTING US<br><br>
68 | 
69 | If you have any questions about this Policy, our practices related to this Site, or if you would like to have us remove your information from our database please feel contact us at the following:<br><br>
70 | 
71 | SUPERJS.ORG Privacy Dept.<br>
72 | Jekyll Technologies LLC<br>
73 | erichui329@gmail.com<br><br>
74 | 
75 | 6.2. UPDATES AND CHANGES<br><br>
76 | 
77 | We reserve the right, at any time, to add to, change, update, or modify this Policy, simply by posting such change, update, or modification on the Site and without any other notice to you. SUPERJS will send registered Users an email notifying them of any changes to this Policy, or otherwise advise registered users via their registration profile. Any such change, update, or modification will be effective immediately upon posting on the Site, and upon notice to registered users. It is your responsibility to review this Policy from time to time to ensure that you continue to agree with all of its terms.
78 | <br><br>
79 | 
80 |     </div>
81 | </template>
82 | 
83 | <style scoped>
84 |     p {
85 |       color: blue;
86 |     }
87 | </style>
88 | 
89 | 


--------------------------------------------------------------------------------
/src/components/meta/TermsOfUse.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |     <div>
  3 |         TERMS OF USE superjs.org
  4 | <br><br>
  5 | Welcome to superjs.org a website owned and operated by Jekyll Technologies LLC.
  6 | <br><br>
  7 | ADULT CONTENT NOTICE. THIS WEBSITE CONTAINS SEXUALLY EXPLICIT ADULT CONTENT. YOU MUST BE 18 YEARS OF AGE OR OLDER TO USE THIS SITE. By using this Site you represent that the jurisdiction from which you access the website does not prohibit the receiving or viewing of sexually explicit content.
  8 | <br><br>
  9 | GENERAL DISCLAIMER. superjs.org SPECIFICALLY DISCLAIMS LIABILITY FOR CONTENT POSTED BY MEMBERS AND USERS, AS WELL AS CONTENT LINKED-TO OR PROVIDED BY THIRD PARTIES. superjs.org HEREBY DISCLAIMS ANY AND ALL WARRANTIES, EXPRESS AND IMPLIED, REGARDING THE TRUTH, ACCURACY AND RELIABILITY, OR USABILITY OF THE INFORMATION OR PRODUCTS ON THIS WEBSITE.
 10 | <br><br>
 11 | YOU, THE USER, REPRESENT AND AGREE THAT IN USING THIS SITE YOU WILL COMPLY WITH ALL RELEVANT LEGAL OBLIGATIONS IN YOUR JURISDICTION, TO THE EXTENT THEY MAY APPLY TO YOU.
 12 | <br><br>
 13 | BINDING EFFECT. This is a binding agreement. By using the website located at superjs.org (the "Site") or any services provided in connection with the Site (the "Service"), you agree to abide by these Terms of Use, as they may be amended by superjs.org ("Company") from time to time in its sole discretion. Superjs.org will post a notice on the Site any time these Terms of Use have been changed or otherwise updated. Superjs.org will also send registered Users an email notifying them of any changes to these Terms, or otherwise advise registered Users via their registration profile.
 14 | <br><br>
 15 | It is your responsibility to review these Terms of Use periodically, and if at any time you find these Terms of Use unacceptable, you must immediately leave the Site and cease all use of the Service and the Site.
 16 | <br><br>
 17 | YOU AGREE THAT BY USING THE SERVICE YOU REPRESENT THAT YOU ARE AT LEAST 18 YEARS OF AGE, and are fully competent and able to enter into and abide by the terms, obligations, and warranties of these Terms, and will to comply with these Terms. If you are under 18 or the applicable age of majority in your jurisdiction, you are not permitted to register with superjs.org, or to utilize any of its sexually explicit features, or to purchase any goods or services.
 18 | <br><br>
 19 | REGISTRATION. You are not required to register to view the superjs.org Site; however certain features are limited or unavailable to unregistered users. To fully utilize the services offered by superjs.org, you will need to register with the Site. When you open an account to use or access the Site or Service, you must complete the registration process by providing the complete and accurate information requested on the registration form. (You are not required to provide information where it is indicated as optional, however you are recommended to do so in order to enhance your browsing experience). You will also be asked to provide a username and password. You are entirely responsible for maintaining the confidentiality of your password. You may not use the account, username, or password of someone else at any time.
 20 | <br><br>
 21 | You agree to notify superjs.org immediately of any unauthorized use of your account, username, or password. Superjs.org shall not be liable for any loss that you incur as a result of someone else using your password, either with or without your knowledge. You may be held liable for any losses incurred by superjs.org, its affiliates, officers, directors, employees, consultants, agents, and representatives due to someone else's use of your account or password.
 22 | <br><br>
 23 | SOCIAL MEDIA INTEGRATION: In addition to its own social media services, superjs.org may integrate with various social media sites such as Facebook, Twitter, etc. If you utilize such integration, you agree that you are bound by and will abide by the Terms of Use of any integrated sites in addition to these Terms.
 24 | <br><br>
 25 | FEES; PAYMENT AND RENEWAL. Some products and services available through or in connection with this Site require that you purchase a subscription or otherwise pay a fee. These may include some social media features, videos, images, or products and services provided by superjs.org, or by third-party providers. You hereby authorize the Company and its merchant provider to charge your credit card, PayPal account or other means of payment made available to you, in advance, for all applicable fees incurred by you or on your behalf in connection with the product or service you have chosen to use. You are solely responsible for all charges, fees, duties, taxes, and assessments arising out of any use of your account by you or anyone else using your account. The Company reserves the right to change the amount of, or basis for determining, any fees or charges for services it provides, and to institute new fees, charges, or terms effective upon prior notice to customers. The Company reserves the right to terminate any account at any time for any reason.
 26 | <br><br>
 27 | Your right to use the Service is subject to any expenditure limits established by the Company or by your credit card issuer or other means of payment that may be made available to you. If payment cannot be charged to your credit card, or collected by other available means on the Site, or your charge is returned for any reason, including chargeback, Company reserves the right to either suspend or terminate your access and account, thereby terminating this Agreement and all obligations of Company hereunder.
 28 | <br><br>
 29 | If you have reason to believe that your account is no longer secure (for example, in the event of a loss, theft or unauthorized disclosure or use of your ID, password, or any credit, debit, or charge card number stored, if any), notify the Company of the problem to avoid possible liability for any unauthorized charges to your account.
 30 | <br><br>
 31 | It is your responsibility to notify the Company if your credit card has changed or has expired and to make appropriate changes or your service may be disconnected or interrupted.
 32 | <br><br>
 33 | PAID CONTENT. In addition to fees relating to subscriptions or purchases, we may charge a fee to post Content in some areas of the Service. This Content may include banner and text advertisements, sponsorships, event listings, etc. The fee may be an access fee permitting Content to be posted in a designated area, and/or paid advertising. Each party posting Content to the Service is responsible for said Content and compliance with this Terms of Use and any other applicable agreement between the parties. All fees paid will be non-refundable in the event that Content is removed from the Service for violating these Terms.
 34 | <br><br>
 35 | SPECIALS, PROMOTIONS, SWEEPSTAKES. Please read the official rules that accompany any gift opportunity, special offer, coupon, discount, contest and sweepstakes that we may offer or conduct. Rules for any of the above are incorporated into this Agreement by this reference.
 36 | <br><br>
 37 | PRIVACY POLICY. superjs.org respects your privacy and permits you to control the treatment of your personal information. A complete statement of superjs.org's current privacy policy can be found by clicking here. Superjs.org's privacy policy is expressly incorporated into this Agreement by this reference.
 38 | <br><br>
 39 | INDEPENDENT CONTRACTORS. All subscribers, users, affiliates, and other parties using the Site, including specifically those who contribute content commercial or noncommercial to the Site, are Independent Contractors. Neither Jekyll Technologies LLC nor parties providing content to the site, and their agents and employees, are partners, agents, representatives, joint ventures or employees of the other party.
 40 | <br><br>
 41 | USER CONTENT. You grant Company a license to use the materials you post to the Site or Service. By posting, downloading, displaying, performing, transmitting, or otherwise distributing information or other content ("User Content") to the Site or Service, you are granting Company, its affiliates, officers, directors, employees, consultants, agents, and representatives a license to use User Content in connection with the operation of the business of Company, its affiliates, officers, directors, employees, consultants, agents, and representatives, including without limitation, a right to copy, distribute, transmit, publicly display, publicly perform, reproduce, edit, translate, and reformat User Content. You will not be compensated for any User Content, unless you have entered into a separate agreement with Company for compensation.  You agree that Company may publish or otherwise disclose your username or other information you agree to disseminate, in connection with your User Content. By posting User Content on the Site or Service, you warrant and represent that you own the rights to the User Content or are otherwise authorized to post, distribute, display, perform, transmit, or otherwise distribute User Content.
 42 | <br><br>
 43 | COMPLIANCE WITH INTELLECTUAL PROPERTY LAWS. When accessing the Site or using the Service, you agree to obey the law and to respect the intellectual property rights of others. Your use of the Service and the Site is at all times governed by and subject to laws regarding copyright ownership and use of intellectual property. You agree not to upload, download, display, perform, transmit, or otherwise distribute any information or content (collectively, "Content") in violation of any third party's copyrights, trademarks, or other intellectual property or proprietary rights. You agree to abide by laws regarding copyright ownership and use of intellectual property, and you shall be solely responsible for any violations of any relevant laws and for any infringements of third party rights caused by any Content you provide or transmit, or that is provided or transmitted using your User ID. The burden of proving that any Content does not violate any laws or third party rights rests solely with you.
 44 | <br><br>
 45 | COPYRIGHT INFRINGEMENT. Superjs.org has in place certain legally mandated procedures regarding allegations of copyright infringement occurring on the Site or with the Service. Superjs.org has adopted a policy that provides for the immediate suspension and/or termination of any Site or Service user who is found to have infringed on the rights of Company or of a third party, or otherwise violated any intellectual property laws or regulations. Superjs.org's policy is to investigate any allegations of copyright infringement brought to its attention. If you have evidence, know, or have a good faith belief that your rights or the rights of a third party have been violated and you want Company to delete, edit, or disable the material in question, you must provide Company with all of the following information: (a) a physical or electronic signature of a person authorized to act on behalf of the owner of the exclusive right that is allegedly infringed; (b) identification of the copyrighted work claimed to have been infringed, or, if multiple copyrighted works are covered by a single notification, a representative list of such works; (c) identification of the material that is claimed to be infringed or to be the subject of infringing activity and that is to be removed or access to which is to be disabled, and information reasonably sufficient to permit Company to locate the material; (d) information reasonably sufficient to permit Company to contact you, such as an address, telephone number, and if available, an electronic mail address at which you may be contacted; (e) a statement that you have a good faith belief that use of the material in the manner complained of is not authorized by the copyright owner, its agent, or the law; and (f) a statement that the information in the notification is accurate, and under penalty of perjury, that you are authorized to act on behalf of the owner of an exclusive right that is allegedly infringed. For this notification to be effective, you must provide it to Company's designated agent at:
 46 | <br><br>
 47 | superjs.org Copyright Dept.
 48 | Jekyll Technologies LLC
 49 | erichui329@gmail.com
 50 | <br><br>
 51 | INAPPROPRIATE CONTENT. You shall not make the following types of Content available. You agree not to upload, download, display, perform, transmit, or otherwise distribute any Content that:
 52 | <br><br>
 53 | (a) violates any of the terms of this Agreement, or any agreement with superjs.org or its partners, affiliates, or third-party data providers or other third-party providers as outlined herein; or<br><br>
 54 | (b) creates a false identity for the purpose of misleading others; or<br><br>
 55 | (c) is libelous, defamatory, obscene, abusive, harassing, threatening, hateful, or advocates violence; or<br><br>
 56 | (d) advocates or encourages conduct that could constitute a criminal offense, give rise to civil liability, or otherwise violate any applicable local, state, national, or foreign law or regulation; or<br><br>
 57 | (e) violates any law (including laws related to torts, contracts, patents, trademarks, trade secrets, copyrights, obscenity, pornography, or other rights) or encourage or provide instructions to another to do so; or<br><br>
 58 | (f) depicts any person under 18 years of age; or<br><br>
 59 | (g) you do not have written documentation regarding the content to support that all subjects of your uploads or posts are, in fact, over 18 years of age; or
 60 | (h) depicts child pornography, rape, snuff, torture, death, violence, or incest, racial slurs or hate speech; or<br><br>
 61 | (i) contains copyrighted materials, or materials protected by other intellectual property laws, that you do not own or for which you have not obtained all necessary written permissions and releases; or<br><br>
 62 | (j) includes surveys, contests, pyramid schemes, chain letters, junk mail, spam, or unsolicited messages; or<br><br>
 63 | (k) includes currency or stock quotes, online trading, investment offers or similar financial advice; or<br><br>
 64 | (l) contains viruses, Trojan horses, worms, or similar destructive, invasive, or illegal software.<br><br>
 65 | 
 66 | superjs.org reserves the right to terminate your receipt, transmission, or other distribution of any such material using the Service, and, if applicable, to delete any such material from its servers.<br><br>
 67 | 
 68 | superjs.org intends to cooperate fully with any law enforcement officials or agencies in the investigation of any violation of these Terms of Use or of any applicable laws. superjs.org reserves the right to prosecute to the fullest extent of the law criminal violations of the above-listed restrictions or other criminal violations of this Agreement.<br><br>
 69 | 
 70 | 18 USC 2257 NOTICE<br><br>
 71 | 
 72 | RRFLI.net does not produce or participate in the production of any of the sexually explicit or erotic content found on this Site. Any records required by 18 USC 2257 are maintained by the parties who produced such content.<br><br>
 73 | 
 74 | In relation to video-sharing features by users or affiliate sites, superjs.org takes reasonable steps to verify compliance, but makes no representations about the accuracy of compliance by third parties. For assistance and/or information in determining the originating site or party of specific content, please contact superjs.org compliance at erichui329@gmail.com.<br><br>
 75 | 
 76 | superjs.org takes the steps to ensure compliance:<br><br>
 77 | 
 78 | It requires all users to be 18 years of age to upload adult content.<br><br>
 79 | Users 	who upload adult content must verify the content, represent that they are at least 18 years of age, and certify that they maintain records of the models/actors in the content and that they are over 18 years of age.<br><br>
 80 | 
 81 | superjs.org will allow content to be flagged as inappropriate. Should any content be flagged as illegal, unlawful, harassing, harmful, offensive or various other reasons, superjs.org shall reasonably investigate and remove any inappropriate material from the Site. Users are encouraged to flag inappropriate content.<br><br>
 82 | 
 83 | PROHIBITED USES. superjs.org imposes certain restrictions on your permissible use of the Site and the Service. You are prohibited from violating or attempting to violate any security features of the Site or Service, including, without limitation, (a) accessing content or data not intended for you, or logging onto a server or account that you are not authorized to access; (b) attempting to probe, scan, or test the vulnerability of the Service, the Site, or any associated system or network, or to breach security or authentication measures without proper authorization; (c) interfering or attempting to interfere with service to any user, host, or network, including, without limitation, by means of submitting a virus to the Site or Service, overloading, DDoS attacks, "flooding," "spamming," "mail bombing," etc.; (d) using the Site or Service to send unsolicited email, including, without limitation, promotions, or advertisements for products or services; (e) forging any TCP/IP packet header or any part of the header information in any email or in any posting using the Service; or (f) attempting to modify, reverse-engineer, decompile, disassemble, or otherwise reduce or attempt to reduce to a human-perceivable form any of the source code used by Company in providing the Site or Service. Any violation of system or network security may subject you to civil and/or criminal liability prosecution.<br><br>
 84 | 
 85 | ALLEGED VIOLATIONS. Superjs.org reserves the right to terminate your use of the Service and/or the Site. To ensure that Company provides a high quality experience for you and for other users of the Site and the Service, you agree that Company or its representatives may access your account and records on a case-by-case basis to investigate complaints or allegations of abuse, infringement of third party rights, or other unauthorized uses of the Site or the Service. Company does not intend to disclose the existence or occurrence of such an investigation unless required by law, but Company reserves the right to terminate your account or your access to the Site immediately, with or without notice to you, and without liability to you, if Company believes that you have violated any of the Terms of Use, furnished Company with false or misleading information, or interfered with use of the Site or the Service by others.<br><br>
 86 | 
 87 | INTERNATIONAL AND U.S. USE. Recognizing the global nature of the Internet, you agree to comply with all local rules regarding online conduct and acceptable Content and the legality of your use of the information provided. The Site is based in the State of California, USA. superjs.org makes no representation that any of the materials, products, or services to which you have been given access are available or appropriate for use in other locations. Your use of or access to the Site should not be construed as Company's purposefully availing itself of the benefits or privilege of doing business in any state or jurisdiction other than California.<br><br>
 88 | 
 89 | NO WARRANTIES. superjs.org HEREBY DISCLAIMS ALL WARRANTIES. COMPANY IS MAKING THE SITE AVAILABLE "AS IS" WITHOUT WARRANTY OF ANY KIND. YOU ASSUME THE RISK OF ANY AND ALL DAMAGE OR LOSS FROM USE OF, OR INABILITY TO USE, THE SITE OR THE SERVICE. TO THE MAXIMUM EXTENT PERMITTED BY LAW, COMPANY EXPRESSLY DISCLAIMS ANY AND ALL WARRANTIES, EXPRESS OR IMPLIED, REGARDING THE SITE, INCLUDING, BUT NOT LIMITED TO, ANY IMPLIED WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE, OR NONINFRINGEMENT. COMPANY DOES NOT WARRANT THAT THE SITE OR THE SERVICE WILL MEET YOUR REQUIREMENTS OR THAT THE OPERATION OF THE SITE OR THE SERVICE WILL BE UNINTERRUPTED OR ERROR-FREE.<br><br>
 90 | 
 91 | LIMITED LIABILITY. Superjs.org'S LIABILITY TO YOU IS LIMITED. TO THE MAXIMUM EXTENT PERMITTED BY LAW, IN NO EVENT SHALL COMPANY BE LIABLE FOR DAMAGES OF ANY KIND (INCLUDING, BUT NOT LIMITED TO, SPECIAL, INCIDENTAL, OR CONSEQUENTIAL DAMAGES, LOST PROFITS, OR LOST DATA, REGARDLESS OF THE FORESEEABILITY OF THOSE DAMAGES) ARISING OUT OF OR IN CONNECTION WITH YOUR USE OF THE SITE OR ANY OTHER MATERIALS OR SERVICES PROVIDED TO YOU BY COMPANY. IN NO EVENT WILL superjs.org BE LIABLE FOR THE RESULTS OF YOUR USE OR MISUSE OF THE INFORMATION PROVIDED BY THIS SITE, INCLUDING ANY USE CONTRARY TO UNITED STATES FEDERAL OR STATE LAW; OR FOR ANY INDIRECT, SPECIAL, OR CONSEQUENTIAL DAMAGES. This limitation shall apply regardless of whether the damages arise out of breach of contract, tort, or any other legal theory or form of action.<br><br>
 92 | 
 93 | AFFILIATED AND THIRD PARTY SITES. superjs.org has no control over, and no liability for any third-party websites or materials or products and services provided therein. Superjs.org works with a number of partners, affiliates, and advertisers, and content providers whose Internet sites may be linked with or incorporated into the Site. Because neither Company nor the Site has control over the content and performance of these third party sites, Company makes no guarantees about the accuracy, currency, content, or quality of the information provided by such sites, and Company assumes no responsibility for unintended, objectionable, inaccurate, misleading, or unlawful content that may reside on those sites.<br><br>
 94 | 
 95 | INDEMNITY. You agree to indemnify Company for certain of your acts and omissions. You agree to indemnify, defend, and hold harmless Company, its partners, affiliates, officers, directors, employees, consultants, agents, and representatives and third-party beneficiaries from any and all third party claims, losses, liability, damages, and/or costs (including reasonable attorney fees and costs) arising from your access to or use of the Site, your violation of these Terms of Use, or your infringement, or infringement by any other user of your account, of any intellectual property or other right of any person or entity. Company will notify you promptly of any such claim, loss, liability, or demand, and will provide you with reasonable assistance, at your expense, in defending any such claim, loss, liability, damage, or cost.<br><br>
 96 | 
 97 | COPYRIGHT; TRADEMARK. All contents of Site or Service are: Copyright © 2018, Jekyll Technologies LLC. All rights reserved.<br><br>
 98 | 
 99 | No material can be downloaded except as provided via the Site interface, and except for your own personal use provided you have retained any relevant copyright and other proprietary notices which may be contained in the Content. You may not reuse, distribute, modify, repost any content of this Site for public or commercial uses such as logos, text, images, without the express written permission of superjs.org.<br><br>
100 | 
101 | "superjs.org," "Jekyll Technologies LLC," as well as all logos and similar images and text found on superjs.org or any other sites controlled or operated by superjs.org, are trademarks of superjs.org.<br><br>
102 | 
103 | NO LICENSE. Nothing contained on the Site should be understood as granting you a license to use any of the trademarks, service marks, or logos owned by Company or by any third party.<br><br>
104 | 
105 | GOVERNING LAW. These Terms of Use shall be construed in accordance with and governed by the laws of the State of California, without reference to their rules regarding conflicts of law. You hereby irrevocably consent to the exclusive jurisdiction of the state or federal courts in the County of San Diego, California, USA in all disputes arising out of or related to the use of the Site or Service.<br><br>
106 | 
107 | SEVERABILITY; WAIVER. If, for whatever reason, a court of competent jurisdiction finds any term or condition in these Terms of Use to be unenforceable, all other terms and conditions will remain unaffected and in full force and effect. No waiver of any breach of any provision of these Terms of Use shall constitute a waiver of any prior, concurrent, or subsequent breach of the same or any other provisions hereof, and no waiver shall be effective unless made in writing and signed by an authorized representative of the waiving party.<br><br>
108 | 
109 | MODIFICATIONS. Superjs.org may, in its sole discretion and without prior notice, (a) revise these Terms of Use; (b) modify the Site and/or the Service; and (c) discontinue the Site and/or Service at any time. Superjs.org shall post any revision to these Terms of Use to the Site, and the revision shall be effective immediately on such posting to nonregistered Users. You agree to review these Terms of Use and other online policies posted on the Site periodically to be aware of any revisions. Superjs.org will also send registered users an email notifying them of any changes to these Terms, or otherwise advise registered users via their registration profile, and allow them an opportunity to agree to the changes, or to decline the changes and cancel the user's account. You agree that, by continuing to use or access the Site following notice of any revision, you are bound by and shall abide by any such revision.<br>
110 | <br>
111 | ACKNOWLEDGMENT. BY USING THE SERVICE OR ACCESSING THE SITE, YOU ACKNOWLEDGE THAT YOU HAVE READ THESE TERMS OF USE AND AGREE TO BE BOUND BY THEM.<br><br>
112 | 
113 | Amended April 1, 2018
114 | 
115 |     </div>
116 | </template>
117 | 
118 | 


--------------------------------------------------------------------------------
/src/components/oauth/GithubOauth.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div>Github Oauth Callback</div>
 3 | </template>
 4 | 
 5 | 
 6 | <script>
 7 |   export default {
 8 |     name: "GithubOauth"
 9 |   };
10 | </script>
11 | 


--------------------------------------------------------------------------------
/src/components/oauth/GoogleOauth.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div>Google Oauth</div>
 3 | </template>
 4 | 
 5 | 
 6 | <script>
 7 |   import axios from "axios";
 8 |   export default {
 9 |     name: "GoogleOauth",
10 |     mounted() {
11 |       axios
12 |         .get(`/.netlify/functions/google-auth${location.search}`)
13 |         .then(res => {
14 |           const event = new Event("google-oauth");
15 |           event.user = res.data;
16 |           window.opener.document.dispatchEvent(event);
17 |           window.close();
18 |         });
19 |     }
20 |   };
21 | </script>
22 | 


--------------------------------------------------------------------------------
/src/components/oauth/Oauth.vue:
--------------------------------------------------------------------------------
1 | <template>
2 |   <router-view></router-view>
3 | </template>
4 | 
5 | <script>
6 |   export default {
7 |     name: "Oauth"
8 |   };
9 | </script>


--------------------------------------------------------------------------------
/src/helpers/fuliapi.js:
--------------------------------------------------------------------------------
1 | import axios from 'axios';


--------------------------------------------------------------------------------
/src/helpers/oauth.js:
--------------------------------------------------------------------------------
1 | const googleAppId = '820664319776-kratepkqp0lnq1kgsk6ob34pc7u3meug.apps.googleusercontent.com';
2 | const googleScope = 'profile%20email';
3 | const googleCallback = 'https://superjs.org/oauth/google';
4 | 
5 | export function getGoogleOauthRedirectLink() {
6 |   return `https://accounts.google.com/o/oauth2/auth?scope=${googleScope}&redirect_uri=${googleCallback}&client_id=${googleAppId}&response_type=code&ts=${Date.now()}`;
7 | }
8 | 


--------------------------------------------------------------------------------
/src/main.js:
--------------------------------------------------------------------------------
 1 | import Vue from 'vue';
 2 | import App from './App.vue';
 3 | import router from './router';
 4 | import store from './store';
 5 | import Vuetify from 'vuetify';
 6 | 
 7 | import 'vuetify/dist/vuetify.min.css'
 8 | import '@fortawesome/fontawesome-free/css/all.css'
 9 | 
10 | import VueAnalytics from 'vue-analytics';
11 | 
12 | 
13 | // '820664319776-kratepkqp0lnq1kgsk6ob34pc7u3meug.apps.googleusercontent.com'
14 | 
15 | const isProd = process.env.NODE_ENV === 'production';
16 | // console.log(isProd); // true in netlify
17 | 
18 | Vue.config.productionTip = false
19 | 
20 | Vue.use(VueAnalytics, {
21 |   id: 'UA-114773079-3',
22 |   router,
23 |   debug: {
24 |     enable: !isProd,
25 |     sendHitTask: isProd
26 |   }
27 | })
28 | 
29 | Vue.use(Vuetify, {
30 |   iconfont: 'fa',
31 | })
32 | 
33 | 
34 | 
35 | new Vue({
36 |   store,
37 |   router,
38 |   render: h => h(App)
39 | }).$mount('#app')


--------------------------------------------------------------------------------
/src/router/index.js:
--------------------------------------------------------------------------------
 1 | import Vue from 'vue';
 2 | import Router from 'vue-router';
 3 | 
 4 | import Home from '@/components/Home';
 5 | 
 6 | import Oauth from '@/components/oauth/Oauth';
 7 | import GoogleOauth from '@/components/oauth/GoogleOauth';
 8 | import GithubOauth from '@/components/oauth/GithubOauth';
 9 | 
10 | import Videos from '@/components/Videos';
11 | import Pictures from '@/components/Pictures';
12 | import Vip from '@/components/Vip';
13 | 
14 | Vue.use(Router);
15 | 
16 | const router = new Router({
17 |     mode: 'history',
18 |     routes: [
19 |         {
20 |             path: '/',
21 |             name: 'Home',
22 |             component: Home
23 |         },
24 |         {
25 |             path: '/videos',
26 |             name: 'Videos',
27 |             component: Videos
28 |         },
29 |         {
30 |             path: '/pictures',
31 |             name: 'Pictures',
32 |             component: Pictures
33 |         },
34 |         {
35 |             path: '/vip',
36 |             name: 'Vip',
37 |             component: Vip
38 |         },
39 |         {
40 |             path: '/meta',
41 |             component: () => import('@/components/meta/Meta.vue'),
42 |             children: [
43 |                 {
44 |                     path: 'privacy-policy',
45 |                     name: 'MetaPrivacyPolicy',
46 |                     component: () => import('@/components/meta/PrivacyPolicy.vue')
47 |                 },
48 |                 {
49 |                     path: 'terms-of-use',
50 |                     name: 'MetaTermsOfUse',
51 |                     component: () => import('@/components/meta/TermsOfUse.vue')
52 |                 }
53 |             ]
54 |         },
55 |         {
56 |             path: "/oauth",
57 |             component: Oauth,
58 |             children: [
59 |                 {
60 |                     path: 'google',
61 |                     name: 'GoogleOauth',
62 |                     component: GoogleOauth
63 |                 },
64 |                 {
65 |                     path: 'github',
66 |                     name: 'GithubOauth',
67 |                     component: GithubOauth
68 |                 }
69 |             ]
70 |         },
71 |         {
72 |             path: '*',
73 |             component: () => import('@/components/layout/NotFound.vue')
74 |         }
75 |     ]
76 | });
77 | 
78 | export default router;


--------------------------------------------------------------------------------
/src/store/index.js:
--------------------------------------------------------------------------------
 1 | import Vue from 'vue'
 2 | import Vuex from 'vuex'
 3 | import videos from './modules/videos'
 4 | import user from './modules/user'
 5 | 
 6 | Vue.use(Vuex);
 7 | 
 8 | export default new Vuex.Store({
 9 |     strict: true,
10 |     modules: {
11 |         videos,
12 |         user
13 |     }
14 | });
15 | 


--------------------------------------------------------------------------------
/src/store/modules/user.js:
--------------------------------------------------------------------------------
 1 | const state = {
 2 |     userprofile: window.localStorage.getItem('userprofile')
 3 | };
 4 | 
 5 | const getters = {
 6 |     getUserStatus: state => !!state.userprofile,
 7 |     getUserprofile: state => JSON.parse(state.userprofile)
 8 | };
 9 | 
10 | //Mutations Must Be Synchronous
11 | const mutations = {
12 |     setUserprofile: (state, currentUserprofile) => {
13 |         if (!currentUserprofile) {
14 |             state.userprofile = null;
15 |             window.localStorage.removeItem('userprofile');
16 |             return;
17 |         }
18 |         let profile = JSON.stringify(currentUserprofile);
19 |         state.userprofile = profile;
20 |         window.localStorage.setItem('userprofile', profile);
21 |     }
22 | };
23 | 
24 | const actions = {
25 |     async updateUserprofile({ commit }, payload) {
26 |         await commit('setUserprofile', payload.currentUserprofile);
27 |     }
28 | };
29 | 
30 | export default {
31 |     namespaced: true,
32 |     state,
33 |     getters,
34 |     actions,
35 |     mutations
36 | }


--------------------------------------------------------------------------------
/src/store/modules/videos.js:
--------------------------------------------------------------------------------
 1 | import axios from "axios";
 2 | 
 3 | const API_KEY = "AIzaSyDHP_kDAUYedhrinol6evpd6I_vmgdcAmY";
 4 | 
 5 | const state = {
 6 |     videos: []
 7 | };
 8 | 
 9 | const getters = {
10 |     getVideos: state => state.videos
11 | };
12 | 
13 | //Mutations Must Be Synchronous
14 | const mutations = {
15 |     setVideos: (state, newVideos) => {
16 |         state.videos = newVideos;
17 |     }
18 | };
19 | 
20 | const actions = {
21 |     async getYouTubeVideos({ commit }, payload) {
22 | 
23 |         const keyword = payload.keyword;
24 |         const ytURL = "https://www.googleapis.com/youtube/v3/search";
25 | 
26 |         const newVideos = await axios.get(ytURL, {
27 |             params: {
28 |                 key: API_KEY,
29 |                 type: "video",
30 |                 part: "snippet",
31 |                 q: keyword,
32 |                 maxResults: 8 //optional
33 |             }
34 |         });
35 | 
36 |         commit('setVideos', newVideos.data.items);
37 | 
38 |     }
39 | };
40 | 
41 | export default {
42 |     namespaced: true,
43 |     state,
44 |     getters,
45 |     actions,
46 |     mutations
47 | }


--------------------------------------------------------------------------------