feat!: move to esm and upgrade deps

Author: atinux

README.md

@@ -9,7 +9,7 @@ You can help the community discover new Vue websites by using the [browser exten
 ## Installation
 
 ```bash
-npm install -g vue-telescope-analyzer # Or yarn global add vue-telescope-analyzer
+npm i -g vue-telescope-analyzer
 ```
 
 ## Usage
@@ -107,62 +107,50 @@ analyze('https://nuxt.com')
 Result:
 
 ```js
-{                                                                                                                17:48:21
-  url: 'https://nuxt.com/',
+{ url: 'https//nuxt.com/',
   hostname: 'nuxt.com',
   domain: 'nuxt.com',
-  meta: {
-    language: 'en',
-    title: 'Nuxt: The Intuitive Web Framework',
-    description: 'Build your next Vue.js application with confidence using Nuxt. An open source framework under MIT license that makes web development simple and powerful.',
-    siteName: '',
-    isAdultContent: false
-  },
-  vueVersion: '3.2.45',
+  meta:
+   { language: 'en',
+     title: 'Nuxt: The Intuitive Vue Framework · Nuxt',
+     description:
+      'Nuxt is an open source framework that makes web development intuitive and powerful. Create performant and production-grade full-stack web apps and websites with confidence.',
+     siteName: 'Nuxt',
+     isAdultContent: false },
+  vueVersion: '3.4.21',
   hasSSR: true,
-  isStatic: false,
-  framework: {
-    slug: 'nuxtjs',
-    name: 'Nuxt',
-    imgPath: '/framework/nuxt.svg',
-    url: 'https://nuxt.com'
-  },
-  plugins: [
-    {
-      slug: 'vue-router',
-      name: 'vue-router',
-      imgPath: null,
-      url: 'https://router.vuejs.org/'
-    }
-  ],
-  ui: {
-    slug: 'tailwind-css',
-    name: 'Tailwind CSS',
-    imgPath: '/ui/tailwind.svg',
-    url: 'https://tailwindcss.com/'
-  },
-  frameworkModules: [
-    {
-      slug: 'nuxt-content',
-      name: '@nuxt/content',
-      imgPath: null,
-      url: 'https://content.nuxtjs.org'
-    },
-    {
-      slug: 'nuxtjs-algolia',
-      name: '@nuxtjs/algolia',
-      imgPath: null,
-      url: 'https://algolia.nuxtjs.org'
-    },
-    {
-      slug: 'nuxt-image',
-      name: '@nuxt/image',
-      imgPath: null,
-      url: 'https://image.nuxtjs.org'
-    }
-  ],
-  screenshot: '/var/folders/.../00b97a2040a9aeffc8d5c9d855d2643a.jpg'
-}
+  isStatic: true,
+  framework:
+   { slug: 'nuxtjs',
+     name: 'Nuxt',
+     imgPath: '/framework/nuxt.svg',
+     url: 'https://nuxt.com',
+     version: '3.10.3' },
+  plugins:
+   [ { slug: 'vue-router',
+       name: 'vue-router',
+       imgPath: null,
+       url: 'https://router.vuejs.org/' } ],
+  ui:
+   { slug: 'tailwind-css',
+     name: 'Tailwind CSS',
+     imgPath: '/ui/tailwind.svg',
+     url: 'https://tailwindcss.com/' },
+  frameworkModules:
+   [ { slug: 'nuxt-content',
+       name: '@nuxt/content',
+       imgPath: null,
+       url: 'https://content.nuxtjs.org' },
+     { slug: 'nuxtjs-color-mode',
+       name: '@nuxtjs/color-mode',
+       imgPath: null,
+       url: 'https://color-mode.nuxtjs.org' },
+     { slug: 'nuxt-ui', name: '@nuxt/ui', imgPath: null, url: 'https://ui.nuxt.com' },
+     { slug: 'nuxt-ui-pro',
+       name: '@nuxt/ui-pro',
+       imgPath: null,
+       url: 'https://ui.nuxt.com/pro' } ],
+  screenshot: '/var/folders/.../00b97a2040a9aeffc8d5c9d855d2643a.jpg' }
 ```
 
 ## Contributing

bin/vta.js

@@ -0,0 +1,48 @@
+#!/usr/bin/env node
+
+import ora from 'ora'
+import consola from 'consola'
+import { defineCommand, runMain } from 'citty'
+import { analyze } from '../src/index.mjs'
+
+const main = defineCommand({
+  meta: {
+    name: 'vta',
+    description: 'Vue Telescope Analyzer'
+  },
+  args: {
+    url: {
+      type: 'positional',
+      description: 'URL to analyze',
+      required: true
+    },
+    browser: {
+      type: 'string',
+      description: 'Browser WS endpoint to use',
+      required: false
+    }
+  },
+  async setup ({ args }) {
+    const spinner = ora(`Detecting Vue on ${args.url}`).start()
+    setTimeout(() => spinner.color = 'magenta', 2500)
+    setTimeout(() => spinner.color = 'blue', 5000)
+    setTimeout(() => spinner.color = 'yellow', 7500)
+
+    const hrstart = process.hrtime()
+    try {
+      const result = await analyze(args.url, { browserWSEndpoint: args.browser })
+      spinner.stop()
+      consola.log(result)
+
+      const hrend = process.hrtime(hrstart)
+      consola.info('Execution time (hr): %ds %dms', hrend[0], hrend[1] / 1000000)
+      process.exit(0)
+    } catch (err) {
+      consola.error(err.message)
+      if (err.body) consola.log(err.body)
+      process.exit(1)
+    }
+  }
+})
+
+runMain(main)

bin/vta.mjs

@@ -20,12 +20,12 @@
   "author": "NuxtJS Company",
   "license": "GPL-3.0",
   "dependencies": {
-    "consola": "^2.15.3",
-    "make-dir": "^3.1.0",
-    "ora": "5.4.0",
-    "puppeteer": "^13.5.2",
-    "tld-extract": "^2.0.1",
-    "yargs": "^17.5.1"
+    "citty": "^0.1.6",
+    "consola": "^3.2.3",
+    "make-dir": "^4.0.0",
+    "ora": "8.0.1",
+    "puppeteer": "^22.6.3",
+    "tld-extract": "^2.1.0"
   },
   "devDependencies": {
     "standard-version": "^9.5.0"