@shuvi/platform-web 0.0.1-pre.1

package/lib/index.d.ts

@@ -0,0 +1,3 @@
+import { Runtime } from '@shuvi/service';
+declare const platform: Runtime.IRuntime<any>;
+export default platform;

package/lib/index.js

@@ -0,0 +1,44 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const paths_1 = require("./paths");
+const platform = {
+    install(api) {
+        return __awaiter(this, void 0, void 0, function* () {
+            // set application and entry
+            const { ssr, router: { history } } = api.config;
+            let ApplicationModule;
+            if (history === 'browser') {
+                ApplicationModule = 'create-application-history-browser';
+            }
+            else if (history === 'hash') {
+                ApplicationModule = 'create-application-history-hash';
+            }
+            else {
+                ApplicationModule = 'create-application-history-memory';
+            }
+            api.setServerModule({
+                application: paths_1.resolveAppFile('application', 'server', ssr ? 'create-application' : 'create-application-spa'),
+                entry: paths_1.resolveAppFile('entry', 'server')
+            });
+            api.setClientModule({
+                application: paths_1.resolveAppFile('application', 'client', ApplicationModule),
+                entry: paths_1.resolveAppFile('entry', 'client')
+            });
+            // install framework
+            const { framework = 'react' } = api.config.platform || {};
+            const frameworkInstance = require(`@shuvi/platform-web-${framework}`)
+                .default;
+            frameworkInstance.install(api);
+        });
+    }
+};
+exports.default = platform;

package/lib/paths.d.ts

@@ -0,0 +1,4 @@
+export declare const PACKAGE_DIR: string;
+export declare const resolveAppFile: (...paths: string[]) => string;
+export declare const resolveDep: (module: string) => string;
+export declare const resolveLib: (module: string) => string;

package/lib/paths.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const path_1 = require("path");
+exports.PACKAGE_DIR = path_1.dirname(require.resolve('@shuvi/platform-web/package.json'));
+exports.resolveAppFile = (...paths) => `${path_1.resolve(exports.PACKAGE_DIR, 'shuvi-app', ...paths)}`;
+exports.resolveDep = (module) => require.resolve(module);
+exports.resolveLib = (module) => path_1.dirname(exports.resolveDep(path_1.join(module, 'package.json')));

package/package.json

@@ -0,0 +1,40 @@
+{
+  "name": "@shuvi/platform-web",
+  "version": "0.0.1-pre.1",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/shuvijs/shuvi.git",
+    "directory": "packages/platform-web"
+  },
+  "author": "liximomo",
+  "license": "MIT",
+  "sideEffects": [
+    "**/shuvi-app/entry/client/**"
+  ],
+  "main": "./lib/index.js",
+  "module": "./es/index.js",
+  "files": [
+    "lib",
+    "shuvi-app"
+  ],
+  "scripts": {
+    "dev": "run-p watch:*",
+    "watch:app": "tsc -p tsconfig.build.app.json -w",
+    "watch:node": "tsc -p tsconfig.build.node.json -w",
+    "prebuild": "rimraf lib shuvi-app",
+    "build": "run-p build:*",
+    "build:app": "tsc -p tsconfig.build.app.json",
+    "build:node": "tsc -p tsconfig.build.node.json"
+  },
+  "engines": {
+    "node": ">= 12.0.0"
+  },
+  "dependencies": {
+    "@shuvi/app": "0.0.1-pre.1",
+    "@shuvi/platform-core": "0.0.1-pre.1",
+    "@shuvi/platform-web-react": "0.0.1-pre.1",
+    "@shuvi/service": "0.0.1-pre.1",
+    "@shuvi/shared": "0.0.1-pre.1"
+  },
+  "gitHead": "0bc0bc76e72ca5a339341e8b71d6bb6bb41409e8"
+}

package/shuvi-app/application/client/create-application-factory.d.ts

@@ -0,0 +1,3 @@
+import { History } from '@shuvi/router/lib/types';
+import { Runtime } from '@shuvi/service';
+export declare const createFactory: (historyCreater: () => History) => Runtime.ApplicationCreater;

package/shuvi-app/application/client/create-application-factory.js

@@ -0,0 +1,70 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import AppComponent from '@shuvi/app/core/app';
+import routes from '@shuvi/app/core/routes';
+import { getRoutes } from '@shuvi/app/core/platform';
+import { Application } from '@shuvi/platform-core';
+import runPlugins from '@shuvi/platform-core/lib/runPlugins';
+import { createRouter } from '@shuvi/router';
+let app;
+let history;
+let appContext;
+export const createFactory = (historyCreater) => {
+    const create = function (context, options) {
+        appContext = context;
+        // app is a singleton in client side
+        if (app) {
+            return app;
+        }
+        history = historyCreater();
+        const router = createRouter({
+            history,
+            routes: getRoutes(routes, context)
+        });
+        app = new Application({
+            AppComponent,
+            router,
+            context,
+            render: options.render
+        });
+        runPlugins(app);
+        return app;
+    };
+    return create;
+};
+if (module.hot) {
+    module.hot.accept([
+        '@shuvi/app/entry.client',
+        '@shuvi/app/core/app',
+        '@shuvi/app/core/routes',
+        '@shuvi/app/user/plugin'
+    ], () => __awaiter(void 0, void 0, void 0, function* () {
+        const rerender = () => {
+            const AppComponent = require('@shuvi/app/core/app').default;
+            const routes = require('@shuvi/app/core/routes').default;
+            const router = createRouter({
+                history,
+                routes: getRoutes(routes, appContext)
+            });
+            app.rerender({ router, AppComponent });
+        };
+        // to solve routing problem, we need to rerender routes
+        // wait navigation complete only rerender to ensure getInitialProps is called
+        if (__SHUVI.router._pending) {
+            const removelistener = __SHUVI.router.afterEach(() => {
+                rerender();
+                removelistener();
+            });
+        }
+        else {
+            rerender();
+        }
+    }));
+}

package/shuvi-app/application/client/create-application-history-browser.d.ts

@@ -0,0 +1 @@
+export declare const create: import("@shuvi/service/lib/types/runtime").ApplicationCreater;

package/shuvi-app/application/client/create-application-history-browser.js

@@ -0,0 +1,3 @@
+import { createFactory } from './create-application-factory';
+import { createBrowserHistory } from '@shuvi/router';
+export const create = createFactory(createBrowserHistory);

package/shuvi-app/application/client/create-application-history-hash.d.ts

@@ -0,0 +1 @@
+export declare const create: import("@shuvi/service/lib/types/runtime").ApplicationCreater;

package/shuvi-app/application/client/create-application-history-hash.js

@@ -0,0 +1,3 @@
+import { createFactory } from './create-application-factory';
+import { createHashHistory } from '@shuvi/router';
+export const create = createFactory(createHashHistory);

package/shuvi-app/application/client/create-application-history-memory.d.ts

@@ -0,0 +1 @@
+export declare const create: import("@shuvi/service/lib/types/runtime").ApplicationCreater;

package/shuvi-app/application/client/create-application-history-memory.js

@@ -0,0 +1,3 @@
+import { createFactory } from './create-application-factory';
+import { createMemoryHistory } from '@shuvi/router';
+export const create = createFactory(createMemoryHistory);

package/shuvi-app/application/server/create-application-spa.d.ts

@@ -0,0 +1,2 @@
+import { Runtime } from '@shuvi/service';
+export declare const create: Runtime.ApplicationCreater;

package/shuvi-app/application/server/create-application-spa.js

@@ -0,0 +1,8 @@
+import { Application } from '@shuvi/platform-core';
+export const create = function (context, options) {
+    return new Application({
+        AppComponent: null,
+        context,
+        render: options.render
+    });
+};

package/shuvi-app/application/server/create-application.d.ts

@@ -0,0 +1,2 @@
+import { Runtime } from '@shuvi/service';
+export declare const create: Runtime.ApplicationCreater;

package/shuvi-app/application/server/create-application.js

@@ -0,0 +1,25 @@
+import AppComponent from '@shuvi/app/core/app';
+import routes from '@shuvi/app/core/routes';
+import { getRoutes } from '@shuvi/app/core/platform';
+import { Application } from '@shuvi/platform-core';
+import runPlugins from '@shuvi/platform-core/lib/runPlugins';
+import { createRouter, createMemoryHistory } from '@shuvi/router';
+export const create = function (context, options) {
+    const { req } = context;
+    const history = createMemoryHistory({
+        initialEntries: [(req && req.url) || '/'],
+        initialIndex: 0
+    });
+    const router = createRouter({
+        history,
+        routes: getRoutes(routes, context)
+    });
+    const app = new Application({
+        AppComponent,
+        router,
+        context,
+        render: options.render
+    });
+    runPlugins(app);
+    return app;
+};

package/shuvi-app/dev/webpackHotDevClient.d.ts

@@ -0,0 +1,5 @@
+declare const _default: (options?: {}) => {
+    subscribeToHmrEvent(handler: any): void;
+    reportRuntimeError(err: any): void;
+};
+export default _default;

package/shuvi-app/dev/webpackHotDevClient.js

@@ -0,0 +1,33 @@
+import connect from '@shuvi/toolpack/lib/utils/hotDevClient';
+import { DEV_HOT_MIDDLEWARE_PATH, DEV_HOT_LAUNCH_EDITOR_ENDPOINT } from '@shuvi/shared/lib/constants';
+let devClient;
+export default (options = {}) => {
+    if (devClient) {
+        return devClient;
+    }
+    devClient = connect(Object.assign(Object.assign({}, options), { launchEditorEndpoint: DEV_HOT_LAUNCH_EDITOR_ENDPOINT, path: DEV_HOT_MIDDLEWARE_PATH }));
+    devClient.subscribeToHmrEvent((event) => {
+        // if (obj.action === "reloadPage") {
+        //   return window.location.reload();
+        // }
+        // if (obj.action === "removedPage") {
+        //   const [page] = obj.data;
+        //   if (page === window.next.router.pathname) {
+        //     return window.location.reload();
+        //   }
+        //   return;
+        // }
+        // if (obj.action === "addedPage") {
+        //   const [page] = obj.data;
+        //   if (
+        //     page === window.next.router.pathname &&
+        //     typeof window.next.router.components[page] === "undefined"
+        //   ) {
+        //     return window.location.reload();
+        //   }
+        //   return;
+        // }
+        // throw new Error("Unexpected action " + obj.action);
+    });
+    return devClient;
+};

package/shuvi-app/entry/client/index.d.ts

@@ -0,0 +1 @@
+import './setup-env';

package/shuvi-app/entry/client/index.js

@@ -0,0 +1,11 @@
+// This is the shuvi client-side entry
+// IMPORTANT: `setup-env` must be runned before any other codes
+import './setup-env';
+import { rerender } from './setup-app';
+window.__SHUVI = Object.assign(Object.assign({}, (window.__SHUVI || {})), { rerender });
+if (process.env.NODE_ENV === 'development') {
+    require('./run.dev');
+}
+else {
+    require('./run.prod');
+}

package/shuvi-app/entry/client/run.dev.d.ts

@@ -0,0 +1,2 @@
+/// <reference lib="dom" />
+export {};

package/shuvi-app/entry/client/run.dev.js

@@ -0,0 +1,30 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+/// <reference lib="dom" />
+import { DEV_STYLE_HIDE_FOUC, DEV_STYLE_PREPARE } from '@shuvi/shared/lib/constants';
+import initWebpackHMR from '../../dev/webpackHotDevClient';
+import { app } from './setup-app';
+function init() {
+    return __awaiter(this, void 0, void 0, function* () {
+        initWebpackHMR();
+        // reduce FOUC caused by style-loader
+        const styleReady = new Promise(resolve => {
+            (window.requestAnimationFrame || setTimeout)(() => __awaiter(this, void 0, void 0, function* () {
+                yield window[DEV_STYLE_PREPARE];
+                document
+                    .querySelectorAll(`[${DEV_STYLE_HIDE_FOUC}]`)
+                    .forEach(el => { var _a; return (_a = el.parentElement) === null || _a === void 0 ? void 0 : _a.removeChild(el); });
+                resolve();
+            }));
+        });
+        yield styleReady;
+    });
+}
+init().then(() => app.run());

package/shuvi-app/entry/client/run.prod.d.ts

@@ -0,0 +1,2 @@
+/// <reference lib="dom" />
+export {};

package/shuvi-app/entry/client/run.prod.js

@@ -0,0 +1,3 @@
+/// <reference lib="dom" />
+import { app } from './setup-app';
+app.run();

package/shuvi-app/entry/client/setup-app.d.ts

@@ -0,0 +1,3 @@
+declare const app: import("@shuvi/runtime-core").IApplication;
+declare const rerender: () => void;
+export { app, rerender };

package/shuvi-app/entry/client/setup-app.js

@@ -0,0 +1,38 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { CLIENT_CONTAINER_ID } from '@shuvi/shared/lib/constants';
+// renderer must be imported before application
+// we need to init init renderer before import AppComponent
+import { view } from '@shuvi/app/core/platform';
+import { create } from '@shuvi/app/core/client/application';
+import { getAppData } from '@shuvi/platform-core/lib/helper';
+const appData = getAppData();
+const { routeProps = {} } = appData;
+const app = create({
+    pageData: appData.pageData || {},
+    routeProps
+}, {
+    render({ appContext, AppComponent, router }) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const appContainer = document.getElementById(CLIENT_CONTAINER_ID);
+            view.renderApp({
+                AppComponent: AppComponent,
+                router: router,
+                appData,
+                appContainer,
+                appContext
+            });
+        });
+    }
+});
+const rerender = () => {
+    app.rerender();
+};
+export { app, rerender };

package/shuvi-app/entry/client/setup-env.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Following codes should be run beforen any other codes.
+ * Do not try to import any module from `@shuvi/app`.
+ */
+export {};

package/shuvi-app/entry/client/setup-env.js

@@ -0,0 +1,27 @@
+/**
+ * Following codes should be run beforen any other codes.
+ * Do not try to import any module from `@shuvi/app`.
+ */
+import { IDENTITY_RUNTIME_PUBLICPATH, IDENTITY_SSR_RUNTIME_PUBLICPATH } from '@shuvi/shared/lib/constants';
+import setRuntimeConfig from '@shuvi/app/core/setRuntimeConfig';
+import runtimeConfig from '@shuvi/app/core/runtimeConfig';
+import { getAppData } from '@shuvi/platform-core/lib/helper';
+const win = window;
+// server runtime public path
+if (win[IDENTITY_SSR_RUNTIME_PUBLICPATH]) {
+    __webpack_public_path__ = win[IDENTITY_SSR_RUNTIME_PUBLICPATH];
+}
+// client runtime public path
+if (win[IDENTITY_RUNTIME_PUBLICPATH]) {
+    __webpack_public_path__ = win[IDENTITY_RUNTIME_PUBLICPATH];
+}
+// === set runtime config ===
+const appData = getAppData();
+// build-time config for none-ssr
+if (runtimeConfig) {
+    setRuntimeConfig(runtimeConfig);
+}
+// runtime config from server
+if (appData.runtimeConfig) {
+    setRuntimeConfig(appData.runtimeConfig);
+}

package/shuvi-app/entry/server/index.d.ts

@@ -0,0 +1,6 @@
+import * as server from '@shuvi/app/user/server';
+import * as document from '@shuvi/app/user/document';
+import * as application from '@shuvi/app/core/server/application';
+import { default as apiRoutes } from '@shuvi/app/core/apiRoutes';
+export { server, document, application, apiRoutes };
+export { view } from '@shuvi/app/core/platform';

package/shuvi-app/entry/server/index.js

@@ -0,0 +1,7 @@
+// This is the shuvi server-side main module exports collection
+import * as server from '@shuvi/app/user/server';
+import * as document from '@shuvi/app/user/document';
+import * as application from '@shuvi/app/core/server/application';
+import { default as apiRoutes } from '@shuvi/app/core/apiRoutes';
+export { server, document, application, apiRoutes };
+export { view } from '@shuvi/app/core/platform';