@modern-js/devtools-client 2.35.1 → 2.37.0

package/src/stores/index.tsx

@@ -1,141 +0,0 @@
-import _ from 'lodash';
-import { FC, ReactElement, createContext, useContext, useMemo } from 'react';
-import { useAsync } from 'react-use';
-import createDeferPromise from 'p-defer';
-import { getQuery } from 'ufo';
-import {
-  AppContext,
-  BuilderContext,
-  TransformedFrameworkConfig,
-  FrameworkConfig,
-  BuilderConfig,
-  NormalizedBuilderConfig,
-  BundlerConfig,
-  ClientDefinition,
-} from '@modern-js/devtools-kit';
-import { ref, useSnapshot } from 'valtio';
-import { setupServerConnection } from '@/rpc';
-import { useProxyFrom } from '@/utils/hooks';
-import { StoreContextValue } from '@/types';
-import { getDefaultTabs } from '@/constants';
-
-const StoreContext = createContext<unknown>(null);
-
-const getDataSource = () => {
-  const src =
-    getQuery(location.href).src ||
-    sessionStorage.getItem('devtools-data-source');
-  if (!_.isString(src)) {
-    throw new TypeError(`Can't connection to data source: ${src || '<EMPTY>'}`);
-  }
-  sessionStorage.setItem('devtools-data-source', src);
-  return src;
-};
-
-const createDeferredTasks = () => ({
-  framework: {
-    context: createDeferPromise<AppContext>(),
-    config: {
-      resolved: createDeferPromise<FrameworkConfig>(),
-      transformed: createDeferPromise<TransformedFrameworkConfig>(),
-    },
-  },
-  builder: {
-    context: createDeferPromise<BuilderContext>(),
-    config: {
-      resolved: createDeferPromise<BuilderConfig>(),
-      transformed: createDeferPromise<NormalizedBuilderConfig>(),
-    },
-  },
-  bundler: {
-    config: {
-      resolved: createDeferPromise<BundlerConfig[]>(),
-      transformed: createDeferPromise<BundlerConfig[]>(),
-    },
-  },
-  dependencies: createDeferPromise<Record<string, string>>(),
-  compileTimeCost: createDeferPromise<number>(),
-  clientDefinition: createDeferPromise<ClientDefinition>(),
-});
-
-export const StoreContextProvider: FC<{ children: ReactElement }> = ({
-  children,
-}) => {
-  const dataSource = useMemo(getDataSource, []);
-  const deferred = useMemo(createDeferredTasks, []);
-
-  const $store = useProxyFrom<StoreContextValue>(() => ({
-    dataSource,
-    location: '/',
-    framework: {
-      context: deferred.framework.context.promise,
-      fileSystemRoutes: {},
-      config: {
-        resolved: deferred.framework.config.resolved.promise,
-        transformed: deferred.framework.config.transformed.promise,
-      },
-    },
-    builder: {
-      context: deferred.builder.context.promise,
-      config: {
-        resolved: deferred.builder.config.resolved.promise,
-        transformed: deferred.builder.config.transformed.promise,
-      },
-    },
-    bundler: {
-      config: {
-        resolved: deferred.bundler.config.resolved.promise,
-        transformed: deferred.bundler.config.transformed.promise,
-      },
-    },
-    tabs: getDefaultTabs().map(tab => ref(tab)),
-    version: process.env.PKG_VERSION!,
-    dependencies: deferred.dependencies.promise,
-    compileTimeCost: deferred.compileTimeCost.promise,
-    name: deferred.clientDefinition.promise.then(def => def.name),
-    packages: deferred.clientDefinition.promise.then(def => def.packages),
-    assets: deferred.clientDefinition.promise.then(def => def.assets),
-  }));
-
-  useAsync(async () => {
-    const { server } = await setupServerConnection({ url: dataSource, $store });
-
-    deferred.framework.context.resolve(server.getAppContext());
-    deferred.framework.config.resolved.resolve(server.getFrameworkConfig());
-    deferred.framework.config.transformed.resolve(
-      server.getTransformedFrameworkConfig(),
-    );
-    deferred.builder.context.resolve(server.getBuilderContext());
-    deferred.builder.config.resolved.resolve(server.getBuilderConfig());
-    deferred.builder.config.transformed.resolve(
-      server.getTransformedBuilderConfig(),
-    );
-    deferred.bundler.config.resolved.resolve(server.getBundlerConfigs());
-    deferred.bundler.config.transformed.resolve(
-      server.getTransformedBundlerConfigs(),
-    );
-    deferred.dependencies.resolve(server.getDependencies());
-    deferred.compileTimeCost.resolve(server.getCompileTimeCost());
-    deferred.clientDefinition.resolve(server.getClientDefinition());
-
-    const ctx = await $store.framework.context;
-    for (const { entryName } of ctx.entrypoints) {
-      $store.framework.fileSystemRoutes[entryName] =
-        server.getFileSystemRoutes(entryName);
-    }
-  }, [dataSource, deferred]);
-
-  return (
-    <StoreContext.Provider value={$store}>{children}</StoreContext.Provider>
-  );
-};
-
-export const useStore = () => {
-  const ctx = useContext(StoreContext);
-  if (!ctx) {
-    throw new Error("Can't resolve the context of global store.");
-  }
-  return ctx as StoreContextValue;
-};
-
-export const useStoreSnapshot = () => useSnapshot(useStore());

package/src/types/index.ts

@@ -1,62 +0,0 @@
-import type {
-  AppContext,
-  AssetDefinition,
-  BuilderConfig,
-  BuilderContext,
-  BundlerConfig,
-  CustomTabView,
-  FileSystemRoutes,
-  NameDefinition,
-  NormalizedBuilderConfig,
-  PackageDefinition,
-  TransformedFrameworkConfig,
-} from '@modern-js/devtools-kit';
-import { FrameworkConfig } from '@modern-js/devtools-kit';
-import { ReactElement } from 'react';
-import { Promisable } from 'type-fest';
-
-export interface StoreContextValue {
-  dataSource: string;
-  framework: {
-    context: Promise<AppContext>;
-    fileSystemRoutes: Record<string, Promisable<FileSystemRoutes>>;
-    config: {
-      resolved: Promise<FrameworkConfig>;
-      transformed: Promise<TransformedFrameworkConfig>;
-    };
-  };
-  builder: {
-    context: Promise<BuilderContext>;
-    config: {
-      resolved: Promise<BuilderConfig>;
-      transformed: Promise<NormalizedBuilderConfig>;
-    };
-  };
-  bundler: {
-    config: {
-      resolved: Promise<BundlerConfig[]>;
-      transformed: Promise<BundlerConfig[]>;
-    };
-  };
-  tabs: InternalTab[];
-  version: string;
-  dependencies: Promise<Record<string, string>>;
-  compileTimeCost: Promise<number>;
-  name: Promise<NameDefinition>;
-  packages: Promise<PackageDefinition>;
-  assets: Promise<AssetDefinition>;
-}
-
-export interface BuiltinTabView {
-  type: 'builtin';
-  url: string;
-}
-
-export type InternalTabView = CustomTabView | BuiltinTabView;
-
-export interface InternalTab {
-  name: string;
-  title: string;
-  view: InternalTabView;
-  icon?: ReactElement;
-}

package/src/utils/context.tsx

@@ -1,22 +0,0 @@
-import { createContext, FC, useContext, useMemo } from 'react';
-import { proxy } from 'valtio';
-import { Promisable } from 'type-fest';
-
-export function createStoreContext<T extends object>(
-  initializer: () => Promisable<T>,
-) {
-  const InnerContext = createContext<unknown>(null);
-  const Provider: FC<{ children: React.ReactElement }> = ({ children }) => {
-    const _value = useMemo(() => initializer(), []);
-    return (
-      <InnerContext.Provider value={proxy(_value)}>
-        {children}
-      </InnerContext.Provider>
-    );
-  };
-  const _use = () => useContext(InnerContext) as T;
-  return {
-    Provider,
-    use: _use,
-  };
-}

package/src/utils/hooks.ts

@@ -1,23 +0,0 @@
-import _ from 'lodash';
-import React, { useMemo } from 'react';
-import { proxy, useSnapshot } from 'valtio';
-
-export const useProxyFrom = <T extends object>(initializer: () => T) => {
-  return useMemo(() => proxy(initializer()), []);
-};
-
-export const useStoreMap = <T extends object, P extends keyof T>(
-  arr: T[],
-  keyProp?: P,
-): [React.Key, T][] => {
-  const prop = keyProp ?? 'key';
-  const pairs = useSnapshot(arr).map(i => {
-    const key = (i as any)[prop];
-    if (_.isString(key) || _.isNumber(key)) {
-      return [key, proxy(i)] as [React.Key, T];
-    } else {
-      throw new TypeError(`Can't found correct key field.`);
-    }
-  });
-  return pairs;
-};

package/src/utils/index.ts

@@ -1 +0,0 @@
-export * from './context';

package/tsconfig.json

@@ -1,13 +0,0 @@
-{
-  "extends": "@modern-js/tsconfig/base",
-  "compilerOptions": {
-    "declaration": false,
-    "jsx": "preserve",
-    "baseUrl": "./",
-    "paths": {
-      "@/*": ["./src/*"],
-      "@shared/*": ["./shared/*"]
-    }
-  },
-  "include": ["src", "shared", "config", "modern.config.ts"]
-}