feat: remove core-js polyfill

Author: surmon-china

package.json

@@ -30,7 +30,6 @@
     "bezier-easing": "^2.1.0",
     "compression": "^1.7.4",
     "cookie-parser": "^1.4.6",
-    "core-js": "^3.x",
     "dotenv": "^16.4.5",
     "emoji-233333": "^0.3.2",
     "express": "^4.20.x",

pnpm-lock.yaml

@@ -1,39 +1,33 @@
 <script lang="ts" setup>
   import { computed } from 'vue'
   import { LanguageKey } from '/@/language'
+  import { UNDEFINED } from '/@/constants/value'
   import { Article, ArticleLangI18n } from '/@/interfaces/article'
   import { useEnhancer } from '/@/app/enhancer'
   import { useIdentityStore } from '/@/stores/identity'
   import { getArticleDetailRoute } from '/@/transforms/route'
   import { getImgProxyPath, ImgProxyFormat } from '/@/transforms/imgproxy'
   import { getImgProxyURL, getStaticPath, isOriginalStaticURL } from '/@/transforms/url'
   import { isOriginalType, isHybridType, isReprintType } from '/@/transforms/state'
-  import { openNewWindow } from '/@/utils/opener'
   import { numberSplit } from '/@/transforms/text'
 
   const props = defineProps<{
     article: Article
   }>()
 
-  const { router, cdnDomain, gState } = useEnhancer()
+  const { cdnDomain, gState } = useEnhancer()
   const identityStore = useIdentityStore()
   const isLiked = computed(() => identityStore.isLikedPage(props.article.id))
   const isHybrid = computed(() => isHybridType(props.article.origin))
   const isReprint = computed(() => isReprintType(props.article.origin))
   const isOriginal = computed(() => isOriginalType(props.article.origin))
-
-  const handleClick = () => {
-    if (gState.userAgent.isWechat) {
-      router.push(getArticleDetailRoute(props.article.id))
-    } else {
-      openNewWindow(getArticleDetailRoute(props.article.id))
-    }
-  }
+  const detailRoutePath = getArticleDetailRoute(props.article.id)
 
   const getThumbnailURL = (url: string, format?: ImgProxyFormat) => {
     if (!isOriginalStaticURL(url)) {
       return url
     }
+
     return getImgProxyURL(
       cdnDomain,
       getImgProxyPath(getStaticPath(url), {
@@ -48,7 +42,13 @@
 </script>
 
 <template>
-  <div class="article-item" @click="handleClick">
+  <ulink
+    class="article-item"
+    :to="gState.userAgent.isWechat ? detailRoutePath : UNDEFINED"
+    :href="!gState.userAgent.isWechat ? detailRoutePath : UNDEFINED"
+    :blank="!gState.userAgent.isWechat"
+    :external="false"
+  >
     <div class="thumbnail">
       <span
         class="origin"
@@ -83,9 +83,7 @@
     <div class="content">
       <div class="body">
         <h4 class="title">
-          <router-link class="link" :title="article.title" :to="getArticleDetailRoute(article.id)">
-            {{ article.title }}
-          </router-link>
+          <span class="text" :title="article.title">{{ article.title }}</span>
           <span class="language">
             <i18n v-bind="ArticleLangI18n[article.lang]" />
           </span>
@@ -111,7 +109,7 @@
         </span>
       </div>
     </div>
-  </div>
+  </ulink>
 </template>
 
 <style lang="scss" scoped>
@@ -198,8 +196,7 @@
           display: flex;
           justify-content: space-between;
 
-          .link {
-            text-decoration: none;
+          .text {
             max-width: calc(100% - 3em);
             @include text-overflow();
           }

src/components/flow/mobile/item.vue

@@ -5,10 +5,7 @@
  */
 
 // polyfills
-// e.g. loadmore / lozad component
-import 'intersection-observer'
-// for Android browsers. e.g. WeChat webview
-import 'core-js/modules/web.url.can-parse'
+import './polyfills'
 
 import * as Sentry from '@sentry/vue'
 import { computed, watch } from 'vue'

src/csr.ts

@@ -0,0 +1,16 @@
+// For loadmore / lozad components
+import 'intersection-observer'
+
+// For Android browsers. e.g. WeChat webview
+// MDN: https://developer.mozilla.org/en-US/docs/Web/API/URL/canParse_static
+// Fork from: https://github.com/zloirock/core-js/blob/master/packages/core-js/modules/web.url.can-parse.js
+if (!URL.canParse) {
+  URL.canParse = function (url: string, base?: string) {
+    if (!url) throw new TypeError('Not enough arguments')
+    try {
+      return !!new URL(String(url), base ? String(base) : void 0)
+    } catch (error) {
+      return false
+    }
+  }
+}