fix(wc): disable export minification

Author: dvcol

.github/workflows/publish.yml

@@ -42,6 +42,12 @@ jobs:
           node_version: ${{ env.node_version }}
           pnpm_version: ${{ env.pnpm_version }}
 
+      - uses: actions/cache/save@v3
+        id: cache
+        with:
+          path: dist
+          key: ${{ github.ref }}-${{ github.run_id }}-build
+
       - name: Publish to npm
         if: ${{ inputs.skip-npm != true }}
         run: |
@@ -51,12 +57,6 @@ jobs:
         env:
           NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
 
-      - uses: actions/cache/save@v3
-        id: cache
-        with:
-          path: dist
-          key: ${{ github.ref }}-${{ github.run_id }}-build
-
 
   publish-store:
     name: Publish extension

package.json

@@ -30,8 +30,10 @@
     "clear": "rimraf dist",
     "dist": "pnpm run clear && esno scripts/prepare.ts",
     "serve": "vite",
+    "serve:static": "http-server dist",
     "dev": "cross-env NODE_ENV=development run-p dist serve",
-    "build": "cross-env NODE_ENV=production pnpm run dist && vue-tsc --noEmit && vite build",
+    "dev:web": "VITE_BUILD_DEV=true VITE_WEB=true pnpm run build && pnpm run serve:static",
+    "build": "cross-env NODE_ENV=production pnpm run dist && vue-tsc --noEmit && vite build --emptyOutDir",
     "build:web": "VITE_WEB=true pnpm run build",
     "test:unit": "vitest run --environment jsdom --coverage",
     "test:watch": "vitest --environment jsdom",
@@ -88,6 +90,7 @@
     "esno": "^0.17.0",
     "extract-changelog-release": "^1.0.2",
     "fs-extra": "^11.1.1",
+    "http-server": "^14.1.1",
     "husky": "^8.0.3",
     "jsdom": "^22.1.0",
     "jsonc-eslint-parser": "^2.1.0",

pnpm-lock.yaml

@@ -1,37 +1,20 @@
-import AppWeb from '~/components/web/AppWeb.ce.vue';
-import { createElementInstance } from '~/views/common';
+import type { DefineComponent, WebComponents } from '~/views/web/define-component';
+import type { TraktExtensionComponent } from '~/views/web/web-component';
 
-const TraktExtensionWc = createElementInstance(AppWeb);
-
-enum WebComponents {
-  TraktExtension = 'wc-trakt-extension',
-}
-
-type DefineComponent = (component?: WebComponents) => void;
-
-export const defineComponent: DefineComponent = (component: WebComponents = WebComponents.TraktExtension) => {
-  if (customElements.get(component)) {
-    console.warn(`Custom element '${component}' is already defined.`);
-  } else {
-    customElements.define(component, TraktExtensionWc);
-  }
-};
-
-export const baseUrl = 'trakt-extension';
+const baseUrl = 'trakt-extension';
 
 type TraktExtension = {
-  baseUrl: typeof baseUrl;
-  component: typeof TraktExtensionWc;
-  defineComponent: typeof defineComponent;
-  default: typeof defineComponent;
+  WebComponents: WebComponents;
+  defineComponent: DefineComponent;
+  default: DefineComponent;
 };
 
 // register global typings
 declare module 'vue' {
   export interface GlobalComponents {
-    TraktExtension: TraktExtension['component'];
+    TraktExtension: TraktExtensionComponent;
   }
 }
 
-export type { TraktExtension };
-export default defineComponent;
+export type { TraktExtension, TraktExtensionComponent, DefineComponent };
+export { baseUrl };

src/index.ts

@@ -1,3 +1,3 @@
-import defineComponent from './index';
+import { defineComponent } from '~/views/web';
 
 defineComponent();

src/main.ts

@@ -0,0 +1,17 @@
+import { TraktExtensionWc } from '~/views/web/web-component';
+
+export enum WebComponents {
+  TraktExtension = 'wc-trakt-extension',
+}
+
+export type DefineComponent = (component?: WebComponents) => void;
+
+export function defineComponent(component: WebComponents = WebComponents.TraktExtension): DefineComponent {
+  if (customElements.get(component)) {
+    console.warn(`Custom element '${component}' is already defined.`);
+  } else {
+    customElements.define(component, TraktExtensionWc);
+  }
+}
+
+export default defineComponent;

src/views/web/define-component.ts

@@ -0,0 +1 @@
+export { defineComponent } from './define-component';

src/views/web/index.ts

@@ -0,0 +1,6 @@
+import AppWeb from '~/components/web/AppWeb.ce.vue';
+import { createElementInstance } from '~/views/common/create-wc';
+
+export const TraktExtensionWc = createElementInstance(AppWeb);
+
+export type TraktExtensionComponent = typeof TraktExtensionWc;