@modern-js/runtime 1.4.2 → 1.5.0

package/dist/types/core/plugin.d.ts

@@ -0,0 +1,208 @@
+import type React from 'react';
+import { Setup, ToThreads, CommonAPI, PluginOptions } from '@modern-js/plugin';
+import type { RuntimeContext, TRuntimeContext } from './runtime-context';
+export interface AppProps {}
+declare const runtimeHooks: {
+  hoc: import("@modern-js/plugin").Pipeline<{
+    App: React.ComponentType<any>;
+  }, React.ComponentType<any>>;
+  provide: import("@modern-js/plugin").Pipeline<{
+    element: JSX.Element;
+    readonly props: AppProps;
+    readonly context: RuntimeContext;
+  }, JSX.Element>;
+  client: import("@modern-js/plugin").AsyncPipeline<{
+    App: React.ComponentType<any>;
+    readonly context?: RuntimeContext | undefined;
+    rootElement: HTMLElement;
+  }, void>;
+  server: import("@modern-js/plugin").AsyncPipeline<{
+    App: React.ComponentType<any>;
+    readonly context?: RuntimeContext | undefined;
+  }, string>;
+  init: import("@modern-js/plugin").AsyncPipeline<{
+    context: RuntimeContext;
+  }, unknown>;
+  pickContext: import("@modern-js/plugin").Pipeline<{
+    context: RuntimeContext;
+    pickedContext: TRuntimeContext;
+  }, TRuntimeContext>;
+};
+/** All hooks of runtime plugin. */
+
+export declare type RuntimeHooks = typeof runtimeHooks;
+/** All hook callbacks of runtime plugin. */
+
+export declare type RuntimeHookCallbacks = ToThreads<RuntimeHooks>;
+/** All apis for runtime plugin. */
+
+export declare type PluginAPI = CommonAPI<RuntimeHooks>;
+/** Plugin options of a runtime plugin. */
+
+export declare type Plugin = PluginOptions<RuntimeHooks, Setup<RuntimeHooks>>;
+export declare const createRuntime: () => import("@modern-js/plugin").Manager<{
+  hoc: import("@modern-js/plugin").Pipeline<{
+    App: React.ComponentType<any>;
+  }, React.ComponentType<any>>;
+  provide: import("@modern-js/plugin").Pipeline<{
+    element: JSX.Element;
+    readonly props: AppProps;
+    readonly context: RuntimeContext;
+  }, JSX.Element>;
+  client: import("@modern-js/plugin").AsyncPipeline<{
+    App: React.ComponentType<any>;
+    readonly context?: RuntimeContext | undefined;
+    rootElement: HTMLElement;
+  }, void>;
+  server: import("@modern-js/plugin").AsyncPipeline<{
+    App: React.ComponentType<any>;
+    readonly context?: RuntimeContext | undefined;
+  }, string>;
+  init: import("@modern-js/plugin").AsyncPipeline<{
+    context: RuntimeContext;
+  }, unknown>;
+  pickContext: import("@modern-js/plugin").Pipeline<{
+    context: RuntimeContext;
+    pickedContext: TRuntimeContext;
+  }, TRuntimeContext>;
+}, Record<string, never>>;
+/**
+ * register init hook. It would be revoked both ssr and csr.
+ */
+
+declare const registerInit: (App: React.ComponentType, _init: (context: RuntimeContext) => any | Promise<any>) => void;
+/**
+ * register prefetch hook. It would be revoked both ssr and csr.
+ * But if ssr success, It wont exec in csr again.
+ * If ssr prefetch failed, It will fallback to exec in csr.
+ */
+
+declare const registerPrefetch: (App: React.ComponentType, prefetch: (context: RuntimeContext) => Promise<any>) => void;
+export declare const runtime: import("@modern-js/plugin").Manager<{
+  hoc: import("@modern-js/plugin").Pipeline<{
+    App: React.ComponentType<any>;
+  }, React.ComponentType<any>>;
+  provide: import("@modern-js/plugin").Pipeline<{
+    element: JSX.Element;
+    readonly props: AppProps;
+    readonly context: RuntimeContext;
+  }, JSX.Element>;
+  client: import("@modern-js/plugin").AsyncPipeline<{
+    App: React.ComponentType<any>;
+    readonly context?: RuntimeContext | undefined;
+    rootElement: HTMLElement;
+  }, void>;
+  server: import("@modern-js/plugin").AsyncPipeline<{
+    App: React.ComponentType<any>;
+    readonly context?: RuntimeContext | undefined;
+  }, string>;
+  init: import("@modern-js/plugin").AsyncPipeline<{
+    context: RuntimeContext;
+  }, unknown>;
+  pickContext: import("@modern-js/plugin").Pipeline<{
+    context: RuntimeContext;
+    pickedContext: TRuntimeContext;
+  }, TRuntimeContext>;
+}, Record<string, never>>;
+export declare const createPlugin: (setup?: Setup<{
+  hoc: import("@modern-js/plugin").Pipeline<{
+    App: React.ComponentType<any>;
+  }, React.ComponentType<any>>;
+  provide: import("@modern-js/plugin").Pipeline<{
+    element: JSX.Element;
+    readonly props: AppProps;
+    readonly context: RuntimeContext;
+  }, JSX.Element>;
+  client: import("@modern-js/plugin").AsyncPipeline<{
+    App: React.ComponentType<any>;
+    readonly context?: RuntimeContext | undefined;
+    rootElement: HTMLElement;
+  }, void>;
+  server: import("@modern-js/plugin").AsyncPipeline<{
+    App: React.ComponentType<any>;
+    readonly context?: RuntimeContext | undefined;
+  }, string>;
+  init: import("@modern-js/plugin").AsyncPipeline<{
+    context: RuntimeContext;
+  }, unknown>;
+  pickContext: import("@modern-js/plugin").Pipeline<{
+    context: RuntimeContext;
+    pickedContext: TRuntimeContext;
+  }, TRuntimeContext>;
+}, Record<string, never>> | undefined, options?: PluginOptions<{
+  hoc: import("@modern-js/plugin").Pipeline<{
+    App: React.ComponentType<any>;
+  }, React.ComponentType<any>>;
+  provide: import("@modern-js/plugin").Pipeline<{
+    element: JSX.Element;
+    readonly props: AppProps;
+    readonly context: RuntimeContext;
+  }, JSX.Element>;
+  client: import("@modern-js/plugin").AsyncPipeline<{
+    App: React.ComponentType<any>;
+    readonly context?: RuntimeContext | undefined;
+    rootElement: HTMLElement;
+  }, void>;
+  server: import("@modern-js/plugin").AsyncPipeline<{
+    App: React.ComponentType<any>;
+    readonly context?: RuntimeContext | undefined;
+  }, string>;
+  init: import("@modern-js/plugin").AsyncPipeline<{
+    context: RuntimeContext;
+  }, unknown>;
+  pickContext: import("@modern-js/plugin").Pipeline<{
+    context: RuntimeContext;
+    pickedContext: TRuntimeContext;
+  }, TRuntimeContext>;
+}, Setup<{
+  hoc: import("@modern-js/plugin").Pipeline<{
+    App: React.ComponentType<any>;
+  }, React.ComponentType<any>>;
+  provide: import("@modern-js/plugin").Pipeline<{
+    element: JSX.Element;
+    readonly props: AppProps;
+    readonly context: RuntimeContext;
+  }, JSX.Element>;
+  client: import("@modern-js/plugin").AsyncPipeline<{
+    App: React.ComponentType<any>;
+    readonly context?: RuntimeContext | undefined;
+    rootElement: HTMLElement;
+  }, void>;
+  server: import("@modern-js/plugin").AsyncPipeline<{
+    App: React.ComponentType<any>;
+    readonly context?: RuntimeContext | undefined;
+  }, string>;
+  init: import("@modern-js/plugin").AsyncPipeline<{
+    context: RuntimeContext;
+  }, unknown>;
+  pickContext: import("@modern-js/plugin").Pipeline<{
+    context: RuntimeContext;
+    pickedContext: TRuntimeContext;
+  }, TRuntimeContext>;
+}, Record<string, never>>> | undefined) => import("@modern-js/plugin").Plugin<{
+  hoc: import("@modern-js/plugin").Pipeline<{
+    App: React.ComponentType<any>;
+  }, React.ComponentType<any>>;
+  provide: import("@modern-js/plugin").Pipeline<{
+    element: JSX.Element;
+    readonly props: AppProps;
+    readonly context: RuntimeContext;
+  }, JSX.Element>;
+  client: import("@modern-js/plugin").AsyncPipeline<{
+    App: React.ComponentType<any>;
+    readonly context?: RuntimeContext | undefined;
+    rootElement: HTMLElement;
+  }, void>;
+  server: import("@modern-js/plugin").AsyncPipeline<{
+    App: React.ComponentType<any>;
+    readonly context?: RuntimeContext | undefined;
+  }, string>;
+  init: import("@modern-js/plugin").AsyncPipeline<{
+    context: RuntimeContext;
+  }, unknown>;
+  pickContext: import("@modern-js/plugin").Pipeline<{
+    context: RuntimeContext;
+    pickedContext: TRuntimeContext;
+  }, TRuntimeContext>;
+}, Record<string, never>>;
+export { registerInit, registerPrefetch };

package/dist/types/core/runtime-context.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { createLoaderManager } from './loader/loaderManager';
+import { runtime } from './plugin';
+export interface RuntimeContext {
+  loaderManager: ReturnType<typeof createLoaderManager>;
+  runner: ReturnType<typeof runtime.init>;
+  [key: string]: any;
+}
+export declare const RuntimeReactContext: import("react").Context<RuntimeContext>;
+export interface TRuntimeContext {
+  initialData?: Record<string, unknown>;
+  [key: string]: any;
+}

package/dist/types/exports/styled.d.ts

@@ -1,3 +1,3 @@
-import styled from '@modern-js/runtime-core/styled';
+import styled from 'styled-components';
 export default styled;
-export * from '@modern-js/runtime-core/styled';
+export * from 'styled-components';

package/dist/types/index.d.ts

@@ -1,16 +1,11 @@
 import type { StateConfig } from './state';
 import type { RouterConfig } from './router';
-export type { RuntimeContext, TRuntimeContext } from '@modern-js/runtime-core';
-export { createApp, createPlugin, useLoader, bootstrap, RuntimeReactContext, registerPrefetch, defineConfig, registerInit, useRuntimeContext } from '@modern-js/runtime-core';
-declare module '@modern-js/runtime-core' {
+export type { Plugin, RuntimeContext, TRuntimeContext, AppConfig } from './core';
+export { createApp, createPlugin, useLoader, bootstrap, RuntimeReactContext, registerPrefetch, defineConfig, registerInit, useRuntimeContext } from './core';
+export { StateConfig, RouterConfig };
+declare module './core' {
   interface AppConfig {
     router?: RouterConfig | boolean;
     state?: StateConfig | boolean;
   }
-}
-declare module '@modern-js/core' {
-  interface RuntimeConfig {
-    router?: RouterConfig | boolean;
-    state?: StateConfig | boolean;
-  }
 }

package/dist/types/router/runtime/plugin.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { History, BrowserHistoryBuildOptions, HashHistoryBuildOptions } from 'history';
 import { RouteProps } from 'react-router-dom';
-import type { Plugin } from '@modern-js/runtime-core';
+import type { Plugin } from '../../core';
 declare global {
   interface Window {
     _SERVER_DATA?: {

package/dist/types/ssr/index.d.ts

@@ -1,6 +1,6 @@
-import type { Plugin } from '@modern-js/runtime-core';
+import type { Plugin } from '../core';
 import { RenderLevel, SSRServerContext } from './serverRender/type';
-declare module '@modern-js/runtime-core' {
+declare module '../core' {
   interface RuntimeContext {
     ssrContext: SSRServerContext;
   }

package/dist/types/ssr/index.node.d.ts

@@ -1,4 +1,4 @@
-import type { Plugin } from '@modern-js/runtime-core';
+import type { Plugin } from '../core';
 declare const plugin: () => Plugin;
 export default plugin;
 export * from './react';

package/dist/types/ssr/prefetch.d.ts

@@ -1,11 +1,11 @@
-import { RuntimeContext } from '@modern-js/runtime-core';
+import { RuntimeContext } from '../core';
 declare const prefetch: (App: React.ComponentType<any>, context: RuntimeContext) => Promise<{
   initialData: any;
   i18nData: any;
   loadersData?: undefined;
   storeState?: undefined;
 } | {
-  loadersData: Record<string, import("@modern-js/runtime-core/src/loader/loaderManager").LoaderResult>;
+  loadersData: Record<string, import("../core/loader/loaderManager").LoaderResult>;
   initialData: any;
   i18nData: any;
   storeState: any;

package/dist/types/ssr/serverRender/entry.d.ts

@@ -1,4 +1,4 @@
-import { RuntimeContext } from '@modern-js/runtime-core';
+import { RuntimeContext } from '../../core';
 import { ModernSSRReactComponent, SSRServerContext, RenderResult } from './type';
 declare type EntryOptions = {
   ctx: SSRServerContext;

package/dist/types/ssr/serverRender/index.d.ts

@@ -1,4 +1,4 @@
-import { RuntimeContext } from '@modern-js/runtime-core';
+import { RuntimeContext } from '../../core';
 import { ModernSSRReactComponent } from './type';
 declare module '@modern-js/runtime' {
   interface RuntimeContext {

package/dist/types/ssr/serverRender/type.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import type { RuntimeContext } from '@modern-js/runtime-core';
 import type { BaseSSRServerContext } from '@modern-js/types';
+import type { RuntimeContext } from '../../core';
 export declare enum RenderLevel {
   CLIENT_RENDER = 0,
   SERVER_PREFETCH = 1,

package/dist/types/state/runtime/plugin.d.ts

@@ -1,6 +1,6 @@
 import { createStore, Store } from '@modern-js-reduck/store';
-import type { Plugin } from '@modern-js/runtime-core';
-declare module '@modern-js/runtime-core' {
+import type { Plugin } from '../../core';
+declare module '../../core' {
   interface RuntimeContext {
     store: Store;
   }

package/lib/types.d.ts

@@ -0,0 +1,10 @@
+/// <reference path="../dist/types/index.d.ts" />
+
+import { RouterConfig, StateConfig } from "../dist/types";
+
+declare module '@modern-js/core' {
+    interface RuntimeConfig {
+      router?: RouterConfig | boolean;
+      state?: StateConfig | boolean;
+    }
+  }

package/package.json

@@ -11,7 +11,7 @@
     "modern",
     "modern.js"
   ],
-  "version": "1.4.2",
+  "version": "1.5.0",
   "jsnext:source": "./src/index.ts",
   "types": "./type.d.ts",
   "main": "./dist/js/node/index.js",
@@ -25,6 +25,10 @@
       },
       "default": "./dist/js/treeshaking/index.js"
     },
+    "./types": {
+      "jsnext:source": "./lib/types.d.ts",
+      "default": "./lib/types.d.ts"
+    },
     "./loadable": {
       "jsnext:source": "./src/exports/loadable.ts",
       "node": "./dist/js/node/exports/loadable.js",
@@ -63,6 +67,21 @@
     "./cli": {
       "jsnext:source": "./src/cli/index.ts",
       "default": "./dist/js/node/cli/index.js"
+    },
+    "./runtime-router": {
+      "jsnext:source": "./src/router/index.ts",
+      "node": "./dist/js/node/router/index",
+      "default": "./dist/js/treeshaking/router/index.js"
+    },
+    "./runtime-state": {
+      "jsnext:source": "./src/state/index.ts",
+      "node": "./dist/js/node/state/index",
+      "default": "./dist/js/treeshaking/state/index.js"
+    },
+    "./runtime-ssr": {
+      "jsnext:source": "./src/ssr/index.ts",
+      "node": "./dist/js/node/ssr/index",
+      "default": "./dist/js/treeshaking/ssr/index.js"
     }
   },
   "typesVersions": {
@@ -70,6 +89,9 @@
       ".": [
         "./type.d.ts"
       ],
+      "types": [
+        "./lib/types.d.ts"
+      ],
       "loadable": [
         "./dist/types/exports/loadable.d.ts"
       ],
@@ -90,60 +112,72 @@
       ],
       "model": [
         "./types/model.d.ts"
+      ],
+      "runtime-router": [
+        "./dist/types/router/index.d.ts"
+      ],
+      "runtime-state": [
+        "./dist/types/state/index.d.ts"
+      ],
+      "runtime-ssr": [
+        "./dist/types/ssr/index.d.ts"
       ]
     }
   },
   "dependencies": {
-    "@babel/runtime": "^7.18.0",
-    "@modern-js/runtime-core": "^1.5.4",
-    "@modern-js/utils": "^1.8.0",
-    "@loadable/component": "^5.15.0",
-    "@types/loadable__component": "^5.13.4",
-    "@types/react-helmet": "^6.1.2",
     "react-helmet": "^6.1.0",
     "react-side-effect": "^2.1.1",
     "react-is": "^17",
-    "@babel/core": "^7.18.0",
-    "@loadable/babel-plugin": "^5.13.2",
-    "@loadable/server": "^5.15.1",
-    "@modern-js/webpack": "^1.12.3",
     "serialize-javascript": "^6.0.0",
     "history": "^4.7.9",
     "react-router-dom": "^5.1.2",
     "hoist-non-react-statics": "^3.3.2",
-    "@types/history": "^4.7.9",
-    "@types/react-router-dom": "^5.1.8",
+    "invariant": "^2.2.4",
+    "redux-logger": "^3.0.6",
+    "styled-components": "^5.3.1",
+    "@babel/core": "^7.18.0",
+    "@babel/runtime": "^7.18.0",
+    "@loadable/babel-plugin": "^5.13.2",
+    "@loadable/server": "^5.15.1",
+    "@loadable/component": "^5.15.0",
+    "@modern-js/plugin": "^1.4.2",
+    "@modern-js/webpack": "^1.12.4",
+    "@modern-js/utils": "^1.9.0",
     "@modern-js-reduck/plugin-auto-actions": "^1.0.2",
     "@modern-js-reduck/plugin-devtools": "^1.0.3",
     "@modern-js-reduck/plugin-effects": "^1.0.2",
     "@modern-js-reduck/plugin-immutable": "^1.0.1",
     "@modern-js-reduck/react": "^1.0.1",
     "@modern-js-reduck/store": "^1.0.3",
+    "@types/history": "^4.7.9",
+    "@types/react-router-dom": "^5.1.8",
+    "@types/react-helmet": "^6.1.2",
     "@types/redux-logger": "^3.0.9",
-    "redux-logger": "^3.0.6"
+    "@types/loadable__component": "^5.13.4",
+    "@types/styled-components": "^5.1.14"
   },
   "devDependencies": {
-    "@modern-js/core": "1.13.2",
-    "@scripts/build": "0.0.0",
+    "react": "^17",
+    "react-dom": "^17",
+    "ts-jest": "^27.0.4",
+    "typescript": "^4",
+    "jest": "^27",
+    "@modern-js/core": "1.14.0",
+    "@modern-js/types": "1.6.2",
+    "@modern-js/utils": "1.9.0",
     "@types/jest": "^27",
     "@types/node": "^14",
     "@types/react": "^17",
     "@types/react-dom": "^17",
-    "react": "^17",
-    "typescript": "^4",
-    "jest": "^27",
-    "@modern-js/types": "1.6.1",
-    "@modern-js/utils": "1.8.0",
     "@types/react-side-effect": "^1.1.1",
     "@types/loadable__webpack-plugin": "^5.7.3",
     "@types/serialize-javascript": "^5.0.1",
+    "@scripts/build": "0.0.0",
     "@scripts/jest-config": "0.0.0",
-    "@modern-js/plugin": "1.4.2",
-    "@modern-js/runtime-core": "1.5.4",
     "@testing-library/react": "^12.0.0",
+    "@testing-library/react-hooks": "^7.0.1",
     "@types/hoist-non-react-statics": "^3.3.1",
-    "react-dom": "^17",
-    "ts-jest": "^27.0.4"
+    "@types/invariant": "^2.2.30"
   },
   "sideEffects": false,
   "modernConfig": {},