Skip to content

Commit 314c8c8

Browse files
atinuxatinux
committed
feat: user vue telescope naming
1 parent 729e633 commit 314c8c8

File tree

8 files changed

+44
-79
lines changed

8 files changed

+44
-79
lines changed

‎README.md

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,21 +1,21 @@
1-
# Vue Telemetry Browser Extensions
1+
# Vue Telescope Browser Extensions
22

3-
> Browser extensions for [Vue Telemetry](https://vuetelemetry.com): available on Chrome and Firefox.
3+
> Browser extensions for [Vue Telescope](https://vuetelescope.com): available on Chrome and Firefox.
44
5-
[![Firefox Addon](https://badgen.net/chrome-web-store/v/neaebjphlfplgdhedjdhcnpjkndddbpd)](https://chrome.google.com/webstore/detail/vue-telemetry/neaebjphlfplgdhedjdhcnpjkndddbpd)
6-
[![Firefox Addon](https://badgen.net/amo/v/vue-telemetry)](https://addons.mozilla.org/en-GB/firefox/addon/vue-telemetry/)
5+
[![Firefox Addon](https://badgen.net/chrome-web-store/v/neaebjphlfplgdhedjdhcnpjkndddbpd)](https://chrome.google.com/webstore/detail/vue-telescope/neaebjphlfplgdhedjdhcnpjkndddbpd)
6+
[![Firefox Addon](https://badgen.net/amo/v/vue-telescope)](https://addons.mozilla.org/en-GB/firefox/addon/vue-telescope/)
77

8-
[![Extension Screenshot](https://user-images.githubusercontent.com/904724/88175523-419f3d80-cc26-11ea-9c44-3c6782c5fbd5.png)](https://vuetelemetry.com)
8+
[![Extension Screenshot](https://user-images.githubusercontent.com/904724/88175523-419f3d80-cc26-11ea-9c44-3c6782c5fbd5.png)](https://vuetelescope.com)
99

1010

1111
## Installation
1212

13-
- [Get the Chrome Extension 🍭](https://chrome.google.com/webstore/detail/vue-telemetry/neaebjphlfplgdhedjdhcnpjkndddbpd)
14-
- [Get the Firefox Addon 🦊](https://addons.mozilla.org/en-GB/firefox/addon/vue-telemetry/)
13+
- [Get the Chrome Extension 🍭](https://chrome.google.com/webstore/detail/vue-telescope/neaebjphlfplgdhedjdhcnpjkndddbpd)
14+
- [Get the Firefox Addon 🦊](https://addons.mozilla.org/en-GB/firefox/addon/vue-telescope/)
1515

1616
## Manual installation
1717

18-
[download-extension-link]: https://github.com/nuxt-company/vue-telemetry-extensions/releases/download/v1.4.5/vue-telemetry-extension-v1.4.5.zip
18+
[download-extension-link]: https://github.com/nuxt-company/vue-telescope-extensions/releases/download/v1.4.5/vue-telescope-extension-v1.4.5.zip
1919

2020
### Chrome
2121

‎package.json

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
{
2-
"name": "vue-telemetry-extension",
2+
"name": "vue-telescope-extension",
33
"version": "1.4.5",
4-
"description": "A Vue.js web extension",
4+
"description": "The Vue Telescope extension to discover Vue websites.",
55
"author": "NuxtJS Company",
66
"license": "MIT",
77
"engines": {
@@ -29,7 +29,7 @@
2929
"postcss-loader": "^3.0.0",
3030
"tailwindcss": "^1.3.5",
3131
"vue": "^2.6.10",
32-
"vue-telemetry-analyzer": "^0.8.1",
32+
"vue-telescope-analyzer": "^0.9.0",
3333
"vuex": "^3.1.3",
3434
"webextension-polyfill": "^0.3.1"
3535
},

‎src/background.js

Lines changed: 0 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -57,26 +57,6 @@ browser.runtime.onMessage.addListener(
5757
sse.close()
5858
}
5959
})
60-
61-
// const res = await fetch(`https://vuetelemetry.com/api/analyze?url=${message.payload.url}`, {
62-
// method: 'GET'
63-
// })
64-
// .then((response) => {
65-
// if (!response.ok) {
66-
// throw new Error('API call to VT failed')
67-
// }
68-
// return response.json()
69-
// })
70-
// showcase.isPublic = res.body.isPublic
71-
// showcase.slug = res.body.slug
72-
73-
// // temporary fix when hit CSP
74-
// if (!showcase.modules.length && res.body.modules.length) {
75-
// showcase.modules = res.body.modules
76-
// }
77-
// if (!showcase.plugins.length && res.body.plugins.length) {
78-
// showcase.plugins = res.body.plugins
79-
// }
8060
} catch (err) {}
8161
}
8262
// tabsStorage[tabId] = message.payload

‎src/injected.js

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,10 @@
11
// const browser = require('webextension-polyfill')
22

3-
const detectors = require('vue-telemetry-analyzer/src/detectors')
3+
const detectors = require('vue-telescope-analyzer/src/detectors')
44

5+
// backward compatibility
56
window.$vueTelemetryExtension = true
7+
window.$vueTelescopeExtension = true
68

79
async function analyze () {
810
if (isBlacklisted(document.location.href)) return

‎src/manifest.json

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
2-
"name": "Vue Telemetry",
3-
"description": "Analyze Vue.js Websites",
2+
"name": "Vue Telescope",
3+
"description": "Discover Vue.js Websites",
44
"version": "1.0.0",
55
"manifest_version": 2,
66
"icons": {
@@ -25,7 +25,7 @@
2525
"48": "icons/icon-grey-48.png",
2626
"128": "icons/icon-grey-128.png"
2727
},
28-
"default_title": "Vue Telemetry",
28+
"default_title": "Vue Telescope",
2929
"default_popup": "popup/popup.html"
3030
},
3131
"background": {

‎src/popup/App.vue

Lines changed: 21 additions & 35 deletions
Original file line numberDiff line numberDiff line change
@@ -1,51 +1,51 @@
11
<template>
2-
<div class="relative extension bg-white">
2+
<div class="relative bg-white extension">
33
<div class="px-4 pt-4">
44
<div class="flex items-center justify-between mb-8">
5-
<a href="http://vuetelemetry.com/" target="_blank">
5+
<a href="http://vuetelescope.com/" target="_blank">
66
<LogoIcon class="h-8" />
77
</a>
88

99
<div class="flex items-center">
1010
<a
1111
v-if="isRootUrl && showcase && showcase.hasVue && showcase.isPublic"
12-
:href="`https://vuetelemetry.com/explore/${showcase.slug}`"
12+
:href="`https://vuetelescope.com/explore/${showcase.slug}`"
1313
target="_blank"
1414
class="mr-3"
1515
>
1616
<AppButton size="small" appearance="primary" outlined>Open</AppButton>
1717
</a>
1818
<AppButton v-else-if="isRootUrl && showcase && showcase.hasVue && !showcase.isPublic && !savingError" @click.native="saveShowcase" size="small" appearance="primary" class="mr-3">{{ saving ? 'Saving...' : 'Save' }}</AppButton>
1919

20-
<a href="https://twitter.com/VueTelemetry" target="_blank" class="mr-3">
20+
<a href="https://twitter.com/VueTelescope" target="_blank" class="mr-3">
2121
<TwitterIcon class="w-5 h-5 hover:text-primary-500" />
2222
</a>
2323

24-
<a href="https://github.com/nuxt-company/vue-telemetry-analyzer" target="_blank">
24+
<a href="https://github.com/nuxt-company/vue-telescope-analyzer" target="_blank">
2525
<GithubIcon class="w-5 h-5 hover:text-primary-500" />
2626
</a>
2727
</div>
2828
</div>
2929

3030
<!-- <div v-if="isLoading && (!showcase || !showcase.url)">Please refresh the page to detect.</div> -->
3131

32-
<div v-if="isLoading" class="absolute top-0 left-0 w-full h-full flex items-center justify-center">
32+
<div v-if="isLoading" class="absolute top-0 left-0 flex items-center justify-center w-full h-full">
3333
<div class="font-bold-body-weight text-seven">Loading...</div>
3434
</div>
3535

36-
<div v-else-if="!showcase || !showcase.url" class="absolute top-0 left-0 w-full h-full flex items-center justify-center">
36+
<div v-else-if="!showcase || !showcase.url" class="absolute top-0 left-0 flex items-center justify-center w-full h-full">
3737
<div class="font-bold-body-weight text-eight">Please enter an url in the address bar.</div>
3838
</div>
3939

4040
<div v-else-if="showcase">
4141
<div v-if="showcase.hasVue">
4242
<div class="mb-8">
4343
<div v-if="savingError" class="mb-4 text-orange">
44-
Could not save website to Vue Telemetry, please try again later or <a class="underline" :href="`mailto:vuetelemetry@nuxtjs.com?subject=Could not save ${showcase.url}`">contact us</a>.
44+
Could not save website to Vue Telescope, please try again later or <a class="underline" :href="`mailto:vuetelescope@nuxtjs.com?subject=Could not save ${showcase.url}`">contact us</a>.
4545
</div>
4646
<div class="mb-4">
47-
<h3 class="flex items-center font-bold-body-weight pl-2 text-primary-500 uppercase">
48-
<InfoIcon class="h-5 mr-2 text-primary-5700 opacity-50" />Info
47+
<h3 class="flex items-center pl-2 uppercase font-bold-body-weight text-primary-500">
48+
<InfoIcon class="h-5 mr-2 opacity-50 text-primary-5700" />Info
4949
</h3>
5050
</div>
5151

@@ -62,7 +62,7 @@
6262
:src="iconURL('/vue.svg')"
6363
alt
6464
/>
65-
<div class=" text-base leading-base font-bold-body-weight">
65+
<div class="text-base leading-base font-bold-body-weight">
6666
{{ showcase.vueVersion }}
6767
</div>
6868
</ExploreDataItem>
@@ -126,8 +126,8 @@
126126

127127
<div v-if="showcase.plugins.length" class="mb-4">
128128
<div class="mb-4">
129-
<h3 class="flex items-center font-bold-body-weight pl-2 text-primary-500 uppercase">
130-
<PluginsIcon class="h-6 mr-2 text-primary-500 opacity-50" />Plugins
129+
<h3 class="flex items-center pl-2 uppercase font-bold-body-weight text-primary-500">
130+
<PluginsIcon class="h-6 mr-2 opacity-50 text-primary-500" />Plugins
131131
</h3>
132132
</div>
133133

@@ -137,10 +137,10 @@
137137
:key="plugin.id"
138138
:href="plugin.url"
139139
target="_blank"
140-
class="mr-4 mb-4 bg-grey-50 hover:bg-grey-100 border border-grey-200 rounded-xl"
140+
class="mb-4 mr-4 border bg-grey-50 hover:bg-grey-100 border-grey-200 rounded-xl"
141141
>
142142
<span
143-
class="block font-bold-body-weight px-4 py-2 text-sm"
143+
class="block px-4 py-2 text-sm font-bold-body-weight"
144144
>
145145
{{ plugin.name }}
146146
</span>
@@ -150,8 +150,8 @@
150150

151151
<div v-if="showcase.modules.length">
152152
<div class="mb-4">
153-
<h3 class="flex items-center font-bold-body-weight pl-2 text-primary-500 uppercase">
154-
<ModulesIcon class="h-6 mr-2 text-primary-500 opacity-50" />Nuxt Modules
153+
<h3 class="flex items-center pl-2 uppercase font-bold-body-weight text-primary-500">
154+
<ModulesIcon class="h-6 mr-2 opacity-50 text-primary-500" />Nuxt Modules
155155
</h3>
156156
</div>
157157

@@ -161,10 +161,10 @@
161161
:key="module.id"
162162
:href="module.url"
163163
target="_blank"
164-
class="mr-4 mb-4 bg-grey-50 hover:bg-grey-100 border border-grey-200 rounded-xl"
164+
class="mb-4 mr-4 border bg-grey-50 hover:bg-grey-100 border-grey-200 rounded-xl"
165165
>
166166
<span
167-
class="block font-bold-body-weight px-4 py-2 text-sm"
167+
class="block px-4 py-2 text-sm font-bold-body-weight"
168168
>
169169
{{ module.name }}
170170
</span>
@@ -173,7 +173,7 @@
173173
</div>
174174
</div>
175175

176-
<div v-else-if="!showcase.hasVue" class=" pointer-events-none absolute top-0 left-0 w-full h-full flex items-center justify-center">
176+
<div v-else-if="!showcase.hasVue" class="absolute top-0 left-0 flex items-center justify-center w-full h-full pointer-events-none ">
177177
<div class="font-bold-body-weight text-eight">Vue is not used on this website</div>
178178
</div>
179179
</div>
@@ -289,7 +289,7 @@ export default {
289289
// })
290290
// },
291291
iconURL (path) {
292-
return `https://icons.vuetelemetry.com${path}`
292+
return `https://icons.vuetelescope.com${path}`
293293
},
294294
async saveShowcase () {
295295
this.saving = true
@@ -318,20 +318,6 @@ export default {
318318
}
319319
})
320320
321-
// await fetch(`https://vuetelemetry.com/api/analyze?url=${this.showcase.url}&isPublic=true`, {
322-
// method: 'GET'
323-
// })
324-
// .then((response) => {
325-
// if (!response.ok) {
326-
// throw new Error('API call to VT failed')
327-
// }
328-
// return response.json()
329-
// })
330-
// .then(({ body }) => {
331-
// this.showcase.slug = body.slug
332-
// this.showcase.isPublic = body.isPublic
333-
// this.saving = false
334-
// })
335321
const tabId = this.currentTab.id
336322
await this.sendToBackground({
337323
from: 'popup',

‎src/popup/popup.html

Lines changed: 2 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -2,18 +2,15 @@
22
<meta charset="utf-8">
33
<meta name="viewport" content="width=device-width, initial-scale=1">
44
<html lang="en">
5-
65
<head>
76
<meta charset="UTF-8">
8-
<title>Vue Telemetry</title>
7+
<title>Vue Telescope</title>
98
<link rel="stylesheet" href="./popup.css">
109
</head>
11-
1210
<body>
1311
<div id="app">
1412

1513
</div>
1614
<script src="popup.js"></script>
1715
</body>
18-
19-
</html>
16+
</html>

‎yarn.lock

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -7815,10 +7815,10 @@ vue-svg-loader@^0.16.0:
78157815
loader-utils "^1.2.3"
78167816
svg-to-vue "^0.7.0"
78177817

7818-
vue-telemetry-analyzer@^0.8.1:
7819-
version "0.8.1"
7820-
resolved "https://registry.yarnpkg.com/vue-telemetry-analyzer/-/vue-telemetry-analyzer-0.8.1.tgz#61fcb9bc71838b970ba5ca321fd59f36e7be47e5"
7821-
integrity sha512-fM/BYUd0sl0rPEe3aMhLJGPI86d2EblDjnF/RK8by1kBMquxQIQ15jdVNxpYjNSQDbSVTV8pjKC8wX4RKit0NA==
7818+
vue-telescope-analyzer@^0.9.0:
7819+
version "0.9.0"
7820+
resolved "https://registry.yarnpkg.com/vue-telescope-analyzer/-/vue-telescope-analyzer-0.9.0.tgz#de83203ddd84affbb8eb1a1ba13b637167bef46a"
7821+
integrity sha512-1U1kJ3OuNKgdpdsaTNLahkti9HZhIdcRC9kYJjJy9BfkwFGBOg35Joln1et16R8409H2nHgL2Dkx1hB+LpbMog==
78227822
dependencies:
78237823
consola "^2.15.0"
78247824
make-dir "^3.1.0"

0 commit comments

Comments
 (0)