vite - npm Package Compare versions

Comparing version 0.1.2 to 0.2.0

dist/server/middlewares/historyFallback.d.ts

dist/server/middlewares/historyFallback.js

dist/server/middlewares/hmr.d.ts

dist/server/middlewares/hmr.js

dist/server/middlewares/modules.d.ts

dist/server/middlewares/modules.js

dist/server/middlewares/serve.d.ts

dist/server/middlewares/serve.js

dist/server/middlewares/spa.d.ts

dist/server/middlewares/spa.js

dist/server/middlewares/vue.d.ts

dist/server/middlewares/vue.js

dist/server/resolveVue.d.ts

dist/server/resolveVue.js

dist/server/vueResolver.d.ts

dist/server/vueResolver.js

dist/server/index.d.ts

		@@ -1,1 +0,15 @@
		export { createServer, ServerConfig } from './server';
		/// <reference types="node" />
		import { Server } from 'http';
		import Koa from 'koa';
		export declare type Middleware = (ctx: MiddlewareCtx) => void;
		export interface MiddlewareCtx {
		cwd: string;
		app: Koa;
		server: Server;
		}
		export interface ServerConfig {
		port?: number;
		cwd?: string;
		middlewares?: Middleware[];
		}
		export declare function createServer({ port, cwd, middlewares: userMiddlewares }?: ServerConfig): Promise<Server>;

dist/server/index.js

		"use strict";
		var __importDefault = (this && this.__importDefault) \|\| function (mod) {
		return (mod && mod.__esModule) ? mod : { "default": mod };
		};
		Object.defineProperty(exports, "__esModule", { value: true });
		var server_1 = require("./server");
		exports.createServer = server_1.createServer;
		const http_1 = __importDefault(require("http"));
		const koa_1 = __importDefault(require("koa"));
		const hmr_1 = require("./middlewares/hmr");
		const modules_1 = require("./middlewares/modules");
		const vue_1 = require("./middlewares/vue");
		const serve_1 = require("./middlewares/serve");
		const historyFallback_1 = require("./middlewares/historyFallback");
		const middlewares = [
		hmr_1.hmrMiddleware,
		modules_1.moduleResolverMiddleware,
		vue_1.vueMiddleware,
		historyFallback_1.historyFallbackMiddleware,
		serve_1.serveMiddleware
		];
		async function createServer({ port = 3000, cwd = process.cwd(), middlewares: userMiddlewares = [] } = {}) {
		const app = new koa_1.default();
		const server = http_1.default.createServer(app.callback());
		[...userMiddlewares, ...middlewares].forEach((m) => m({
		cwd,
		app,
		server
		}));
		return new Promise((resolve, reject) => {
		server.on('error', (e) => {
		if (e.code === 'EADDRINUSE') {
		console.log(`port ${port} is in use, trying another one...`);
		setTimeout(() => {
		server.close();
		server.listen(++port);
		}, 100);
		}
		else {
		console.error(e);
		reject(e);
		}
		});
		server.on('listening', () => {
		console.log(`Running at http://localhost:${port}`);
		resolve(server);
		});
		server.listen(port);
		});
		}
		exports.createServer = createServer;

dist/server/utils.d.ts

		@@ -1,5 +0,2 @@
		/// <reference types="node" />
		import { ServerResponse } from 'http';
		export declare function send(res: ServerResponse, source: string \| Buffer, mime: string): void;
		export declare function sendJS(res: ServerResponse, source: string \| Buffer): void;
		export declare function sendJSStream(res: ServerResponse, filename: string): void;
		import { Response } from 'express';
		export declare const send: (res: Response<any>, code: string, mime?: string) => void;

dist/server/utils.js

		"use strict";
		var __importDefault = (this && this.__importDefault) \|\| function (mod) {
		return (mod && mod.__esModule) ? mod : { "default": mod };
		Object.defineProperty(exports, "__esModule", { value: true });
		exports.send = (res, code, mime = 'application/javascript') => {
		res.set('Content-Type', mime);
		res.send(code);
		};
		Object.defineProperty(exports, "__esModule", { value: true });
		const fs_1 = __importDefault(require("fs"));
		function send(res, source, mime) {
		res.setHeader('Content-Type', mime);
		res.end(source);
		}
		exports.send = send;
		function sendJS(res, source) {
		send(res, source, 'application/javascript');
		}
		exports.sendJS = sendJS;
		function sendJSStream(res, filename) {
		res.setHeader('Content-Type', 'application/javascript');
		const stream = fs_1.default.createReadStream(filename);
		stream.on('open', () => {
		stream.pipe(res);
		});
		stream.on('error', (err) => {
		res.end(err);
		});
		}
		exports.sendJSStream = sendJSStream;

package.json

README.md

		@@ -13,8 +13,3 @@ # vite
		<div id="app"></div>
		<script type="module" src="/main.js"></script>
		```

		main.js

		```js
		<script type="module">
		import { createApp } from 'vue'
		@@ -24,2 +19,3 @@ import Comp from './Comp.vue'
		createApp(Comp).mount('#app')
		</script>
		```
		@@ -59,6 +55,4 @@

		- Imports to npm packages inside `.js` files are re-written on the fly to point to locally installed files (only packages that provide ES module builds will work - `"module"` field will be used if present in `package.json`). There is also plans to integrate with [Snowpack](https://www.snowpack.dev/) to leverage its `web_modules`.
		- Imports to npm packages inside `.js` files (and in `<script>` of `index.html`) are re-written on the fly to point to locally installed files (only packages that provide ES module builds will work - `"module"` field will be used if present in `package.json`). There is also plans to integrate with [Snowpack](https://www.snowpack.dev/) to leverage its `web_modules`.

		Note this rewrite currently doesn't work in `index.html`, but can probably be made to.

		- For libraries that provide ES modules builds that work in browsers, you can also directly import them from a CDN.
		@@ -65,0 +59,0 @@

New alerts