@qiankunjs/shared 0.0.1-rc.4 → 0.0.1-rc.6

package/src/module-resolver/__tests__/index.ts

@@ -1,75 +0,0 @@
-import { describe, it } from 'vitest';
-
-import { moduleResolver } from '../index';
-
-describe('default module resolver', () => {
-  const mainAppContainer = document.createElement('div');
-  mainAppContainer.innerHTML = `
-    <script type="dependencymap">
-      {
-        "dependencies": {
-          "moment": {
-            "url": "https://unpkg.com/2.1.1/moment.js",
-            "version": "2.1.1",
-            "range": "^2.0.1"
-          },
-          "lodash": {
-            "url": "https://unpkg.com/4.0.2/lodash.js",
-            "version": "4.0.2",
-            "range": "~4.0.1"
-          },
-          "antd": {
-            "url": "https://unpkg.com/4.0.2/antd",
-            "version": "4.0.2",
-            "range": "~4.0.1"
-          }
-        }
-      }
-    </script>
-  `;
-
-  it('should works well', ({ expect }) => {
-    const microAppContainer = document.createElement('div');
-    microAppContainer.innerHTML = `
-      <script type="dependencymap">
-        {
-          "dependencies": {
-            "moment": {
-              "url": "https://unpkg.com/2.0.1/moment.js",
-              "version": "2.0.1",
-              "range": "^2.0.1"
-            },
-            "lodash": {
-              "url": "https://unpkg.com/4.0.1/lodash.js",
-              "version": "4.0.1",
-              "range": "~4.0.1"
-            },
-            "antd": {
-              "url": "https://unpkg.com/4.0.1/antd",
-              "version": "4.0.1",
-              "range": "4.0.1"
-            }
-          }
-        }
-      </script>
-    `;
-
-    const result1 = moduleResolver('https://unpkg.com/4.0.1/antd', microAppContainer, mainAppContainer);
-    expect(result1).toBeUndefined();
-
-    const result2 = moduleResolver('https://unpkg.com/4.0.1/lodash.js', microAppContainer, mainAppContainer);
-    expect(result2).toStrictEqual({
-      version: '4.0.2',
-      url: 'https://unpkg.com/4.0.2/lodash.js',
-    });
-
-    const result3 = moduleResolver('https://unpkg.com/2.0.1/moment.js', microAppContainer, mainAppContainer);
-    expect(result3).toStrictEqual({
-      version: '2.1.1',
-      url: 'https://unpkg.com/2.1.1/moment.js',
-    });
-
-    const result4 = moduleResolver('https://unpkg.com/4.0.2/antd', microAppContainer, mainAppContainer);
-    expect(result4).toBeUndefined();
-  });
-});

package/src/module-resolver/index.ts

@@ -1,92 +0,0 @@
-import satisfies from 'semver/functions/satisfies';
-import type { MatchResult } from './types';
-
-declare global {
-  interface HTMLElement {
-    __matched_deps__?: string[];
-  }
-}
-
-type Dependency = {
-  url: string;
-  version: string;
-  range: string;
-  peerDeps?: string[];
-};
-
-type NormalizedDependency = {
-  name: string;
-} & Dependency;
-
-type DependencyMap = {
-  dependencies: Record<string, Dependency>;
-};
-
-export type { MatchResult } from './types';
-
-export function moduleResolver(
-  url: string,
-  microAppContainer: HTMLElement,
-  mainAppContainer: HTMLElement,
-): MatchResult | undefined {
-  const dependencyMapSelector = 'script[type=dependencymap]';
-
-  const microAppDependenciesString = microAppContainer.querySelector(dependencyMapSelector)?.innerHTML;
-  if (microAppDependenciesString) {
-    const { dependencies } = JSON.parse(microAppDependenciesString) as DependencyMap;
-    const normalizedDependencies = normalizeDependencies(dependencies);
-    const microAppDependency = normalizedDependencies.find((v) => v.url === url);
-
-    if (microAppDependency) {
-      const mainAppDependencyMapString = mainAppContainer.querySelector(dependencyMapSelector)?.innerHTML;
-
-      if (mainAppDependencyMapString) {
-        const mainAppDependencyMap = JSON.parse(mainAppDependencyMapString) as DependencyMap;
-        const matchedDeps = (microAppContainer.__matched_deps__ ??= []);
-        const matchedDep = findDependency(
-          microAppDependency,
-          normalizeDependencies(mainAppDependencyMap.dependencies),
-          matchedDeps,
-        );
-
-        if (matchedDep) {
-          matchedDeps.push(matchedDep.name);
-          return matchedDep;
-        }
-      }
-    }
-  }
-
-  return undefined;
-}
-
-function findDependency(
-  dependency: NormalizedDependency,
-  mainAppDependencies: NormalizedDependency[],
-  matchedDependencies: string[],
-): MatchResult | undefined {
-  const matched = mainAppDependencies.find(
-    (mainAppDependency) =>
-      mainAppDependency.name === dependency.name &&
-      satisfies(mainAppDependency.version, dependency.range) &&
-      // peer dependencies must be cached before
-      (dependency.peerDeps || []).every((peerDep) => matchedDependencies.indexOf(peerDep) !== -1),
-  );
-
-  if (matched) {
-    return {
-      name: matched.name,
-      version: matched.version,
-      url: matched.url,
-    };
-  }
-
-  return undefined;
-}
-
-function normalizeDependencies(dependencies: DependencyMap['dependencies']): NormalizedDependency[] {
-  return Object.keys(dependencies).map((name) => ({
-    name,
-    ...dependencies[name],
-  }));
-}

package/src/module-resolver/types.ts

@@ -1,9 +0,0 @@
-/**
- * @author Kuitos
- * @since 2023-08-26
- */
-export type MatchResult = {
-  name: string;
-  version: string;
-  url: string;
-};

package/src/typings.d.ts

@@ -1,13 +0,0 @@
-declare module 'semver/functions/satisfies' {
-  export default function satisfies(version: string, range: string): boolean;
-}
-
-type Priority = 'high' | 'low' | 'auto';
-
-interface HTMLScriptElement {
-  fetchPriority?: Priority;
-}
-
-interface RequestInit {
-  priority?: Priority;
-}

package/src/utils.ts

@@ -1,37 +0,0 @@
-/**
- * @author Kuitos
- * @since 2023-04-26
- */
-
-// eslint-disable-next-line @typescript-eslint/unbound-method
-export const { create, defineProperty, getOwnPropertyDescriptor, getOwnPropertyNames, freeze, keys } = Object;
-export const hasOwnProperty = (caller: unknown, p: PropertyKey) => Object.prototype.hasOwnProperty.call(caller, p);
-
-export class Deferred<T> {
-  promise: Promise<T>;
-
-  status: 'pending' | 'fulfilled' | 'rejected' = 'pending';
-
-  resolve!: (value: T | PromiseLike<T>) => void;
-
-  reject!: (reason?: unknown) => void;
-
-  constructor() {
-    this.promise = new Promise((resolve, reject) => {
-      this.resolve = (value: T | PromiseLike<T>) => {
-        this.status = 'fulfilled';
-        resolve(value);
-      };
-      this.reject = (reason?: unknown) => {
-        this.status = 'rejected';
-        reject(reason);
-      };
-    });
-  }
-}
-
-export function getEntireUrl(uri: string, baseURI: string): string {
-  const publicPath = new URL(baseURI, window.location.href);
-  const entireUrl = new URL(uri, publicPath.toString());
-  return entireUrl.toString();
-}