1.0.2

.npmignore

@@ -1,5 +0,0 @@
-example
-src
-package-lock.json
-tsconfig.json
-.prettierrc

__tests__/version.js

@@ -0,0 +1,47 @@
+const puppeteer = require('puppeteer');
+const { setup, teardown } = require('jest-dev-server');
+
+let browser;
+let page;
+
+beforeAll(async () => {
+  browser = await puppeteer.launch();
+  page = await browser.newPage();
+
+  return setup([
+    {
+      command: 'npm run demo:dev',
+      port: 3000,
+    },
+    {
+      command: 'npm run demo:prod',
+      port: 3001,
+    },
+  ]);
+});
+
+afterAll(async () => {
+  browser.close();
+
+  await teardown();
+});
+
+describe('import.meta.env contains PACKAGE_VERSION', () => {
+  test('in development', async () => {
+    await page.goto('http://localhost:3000/');
+
+    const element = await page.$('#PACKAGE_VERSION');
+    const version = await element.evaluate((el) => el.textContent);
+
+    expect(version).toBe('0.0.0');
+  });
+
+  test('in production', async () => {
+    await page.goto('http://localhost:3001/');
+
+    const element = await page.$('#PACKAGE_VERSION');
+    const version = await element.evaluate((el) => el.textContent);
+
+    expect(version).toBe('0.0.0');
+  });
+});

demo/package.json

@@ -1,10 +1,10 @@
 {
-  "name": "example",
+  "name": "demo",
   "version": "0.0.0",
   "scripts": {
     "dev": "vite",
     "build": "vite build",
-    "serve": "vite preview"
+    "serve": "vite preview --port 3001"
   },
   "dependencies": {
     "react": "^17.0.0",
@@ -15,7 +15,7 @@
     "@types/react-dom": "^17.0.0",
     "@vitejs/plugin-react-refresh": "^1.1.0",
     "typescript": "^4.1.2",
-    "vite": "^2.0.0-beta.69",
+    "vite": "^2.2.0",
     "vite-plugin-package-version": "file:.."
   }
 }

demo/src/App.tsx

@@ -1,14 +1,15 @@
-import React, { useState } from 'react'
-import logo from './logo.svg'
-import './App.css'
+import React, { useState } from 'react';
+import logo from './logo.svg';
+import './App.css';
 
 function App() {
-  const [count, setCount] = useState(0)
+  const [count, setCount] = useState(0);
 
   return (
     <div className="App">
       <header className="App-header">
         <img src={logo} className="App-logo" alt="logo" />
+        <div id="PACKAGE_VERSION">{import.meta.env.PACKAGE_VERSION}</div>
         <p>Hello Vite + React!</p>
         <p>
           <button onClick={() => setCount((count) => count + 1)}>
@@ -39,7 +40,7 @@ function App() {
         </p>
       </header>
     </div>
-  )
+  );
 }
 
-export default App
+export default App;

demo/src/main.tsx

@@ -3,8 +3,6 @@ import ReactDOM from 'react-dom';
 import './index.css';
 import App from './App';
 
-console.log(import.meta.env);
-
 ReactDOM.render(
   <React.StrictMode>
     <App />

demo/vite.config.ts

@@ -5,4 +5,8 @@ import loadVersion from 'vite-plugin-package-version';
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [reactRefresh(), loadVersion()],
+  server: {
+    port: 3000,
+    strictPort: true,
+  },
 });

jest.config.js

@@ -0,0 +1,4 @@
+// jest.config.js
+module.exports = {
+  testTimeout: 10000,
+};

package.json

@@ -2,7 +2,7 @@
   "name": "vite-plugin-package-version",
   "license": "MIT",
   "description": "vite plugin to load package version into env",
-  "version": "0.0.2",
+  "version": "1.0.2",
   "keywords": [
     "vite",
     "typescript",
@@ -16,17 +16,27 @@
     "url": "git+https://github.com/smnhgn/vite-plugin-package-version.git"
   },
   "main": "dist/index.js",
+  "files": [
+    "dist"
+  ],
   "scripts": {
-    "clean": "rm -rf dist",
-    "build": "npm run clean && tsup src/index.ts --dts",
+    "clean": "rimraf {dist,package-lock.json,node_modules} && npm i",
+    "test": "jest",
     "dev": "tsup src/index.ts --dts --watch",
-    "dev:client": "npm -C example run dev",
-    "prepublishOnly": "npm run build"
+    "build": "rimraf dist && tsup src/index.ts --dts",
+    "demo:clean": "rimraf demo/{dist,package-lock.json,node_modules} && npm -C demo install",
+    "demo:dev": "npm -C demo run dev",
+    "demo:prod": "npm -C demo run build && npm -C demo run serve",
+    "prepublishOnly": "npm run build && npm run test"
   },
   "peerDependencies": {
     "vite": ">=2.0.0-beta.69"
   },
   "devDependencies": {
+    "jest": "^26.6.3",
+    "jest-dev-server": "^5.0.0",
+    "puppeteer": "^9.0.0",
+    "rimraf": "^3.0.2",
     "tsup": "^3.12.1",
     "typescript": "^4.1.5",
     "vite": "^2.0.0-beta.69"

src/index.ts

@@ -7,12 +7,10 @@ const createPlugin = (): Plugin => {
     name: 'vite-plugin-package-version',
     config: (_, env) => {
       if (env) {
-        return {
-          define: {
-            ['import.meta.env.PACKAGE_VERSION']:
-              process.env.npm_package_version,
-          },
-        };
+        const key = 'import.meta.env.PACKAGE_VERSION';
+        const val = JSON.stringify(process.env.npm_package_version);
+
+        return { define: { [key]: val } };
       } else {
         envInjectionFailed = true;
       }