adding support for remix 1.8 and fixing #19

.github/workflows/publish.yml

@@ -25,6 +25,7 @@ jobs:
 
       - name: Install dependencies and build 🔧
         run: yarn && yarn build
+
       - name: Publish package on NPM 📦
         run: npm publish
         env:

examples/complex/custom-server.js

@@ -1,6 +1,6 @@
 const express = require('express');
 const { createRequestHandler } = require('@remix-run/express');
-const { createRemixViteDevServer, getRemixViteBuild } = require('../lib');
+const { createRemixViteDevServer, getRemixViteBuild } = require('../../lib');
 
 const app = express();
 

examples/complex/package.json

@@ -31,22 +31,23 @@
   ],
   "dependencies": {
     "@prisma/client": "^4.3.1",
-    "@remix-run/node": "^1.7.5",
-    "@remix-run/react": "^1.7.5",
-    "@remix-run/serve": "^1.7.5",
-    "@remix-run/server-runtime": "^1.7.5",
+    "@remix-run/node": "^1.8.2",
+    "@remix-run/react": "^1.8.2",
+    "@remix-run/serve": "^1.8.2",
+    "@remix-run/server-runtime": "^1.8.2",
     "bcryptjs": "^2.4.3",
     "dedent": "0.7.0",
     "dotenv": "^16.0.3",
     "isbot": "^3.5.3",
+    "javascript-time-ago": "2.5.9",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "tiny-invariant": "^1.2.0"
   },
   "devDependencies": {
     "@faker-js/faker": "^7.5.0",
-    "@remix-run/dev": "^1.7.5",
-    "@remix-run/eslint-config": "^1.7.5",
+    "@remix-run/dev": "^1.8.2",
+    "@remix-run/eslint-config": "^1.8.2",
     "@testing-library/cypress": "^8.0.3",
     "@testing-library/dom": "^8.18.1",
     "@testing-library/jest-dom": "^5.16.5",

examples/simple/package.json

@@ -7,16 +7,17 @@
     "start": "remix-serve build"
   },
   "dependencies": {
-    "@remix-run/node": "^1.7.5",
-    "@remix-run/react": "^1.7.5",
-    "@remix-run/serve": "^1.7.5",
+    "@remix-run/node": "^1.8.2",
+    "@remix-run/react": "^1.8.2",
+    "@remix-run/serve": "^1.8.2",
     "isbot": "^3.5.4",
+    "javascript-time-ago": "2.5.9",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
   "devDependencies": {
-    "@remix-run/dev": "^1.7.5",
-    "@remix-run/eslint-config": "^1.7.5",
+    "@remix-run/dev": "^1.8.2",
+    "@remix-run/eslint-config": "^1.8.2",
     "@types/react": "^18.0.15",
     "@types/react-dom": "^18.0.6",
     "eslint": "^8.23.1",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "remix-vite",
-  "version": "0.2.5",
+  "version": "0.3.0",
   "description": "Static file serving and directory listing",
   "keywords": [
     "remix",
@@ -47,9 +47,9 @@
     "@babel/parser": "7.20.2",
     "@babel/traverse": "7.20.1",
     "@babel/types": "7.20.2",
-    "@remix-run/dev": "1.7.5",
-    "@remix-run/express": "1.7.5",
-    "@remix-run/server-runtime": "1.7.5",
+    "@remix-run/dev": "1.8.2",
+    "@remix-run/express": "1.8.2",
+    "@remix-run/server-runtime": "1.8.2",
     "@vitejs/plugin-react": "2.2.0",
     "args": "5.0.3",
     "cross-fetch": "3.1.5",

src/entries/cli.ts

@@ -36,6 +36,7 @@ async function createServer() {
       purgeRequireCache();
 
       const build = await getRemixViteBuild(viteDevServer);
+
       const handler = createRequestHandler({
         build,
         mode,

src/plugins/remix.ts

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/no-unnecessary-condition */
 /* eslint-disable @typescript-eslint/no-explicit-any */
 
 import jsesc from 'jsesc';
@@ -81,6 +82,11 @@ const getServerEntry = (config: RemixConfig) => {
     export const assetsBuildDirectory = ${JSON.stringify(
       config.relativeAssetsBuildDirectory,
     )};
+    ${
+      config.future
+        ? `export const future = ${JSON.stringify(config.future)}`
+        : ''
+    };
     export const publicPath = ${JSON.stringify(config.publicPath)};
     export const entry = { module: entryServer };
     export const routes = {

src/utils/version.ts

@@ -1,16 +1,18 @@
+/* eslint-disable no-empty */
 import fetch from 'cross-fetch';
 import pkg from '../../package.json';
 
 export const checkVersion = async () => {
-  const res = await fetch(`https://registry.npmjs.org/${pkg.name}`);
-  const data = await res.json();
-  const latestVersion = data['dist-tags'].latest as string;
+  try {
+    const res = await fetch(`https://registry.npmjs.org/${pkg.name}`);
+    const data = await res.json();
+    const latestVersion = data['dist-tags'].latest as string;
 
-  if (latestVersion !== pkg.version) {
-    // eslint-disable-next-line no-console
-    console.warn(
-      '\x1b[33m%s\x1b[0m', // yellow
-      `
+    if (latestVersion !== pkg.version) {
+      // eslint-disable-next-line no-console
+      console.warn(
+        '\x1b[33m%s\x1b[0m', // yellow
+        `
 Your version of ${pkg.name} is out of date.
 Latest version is ${latestVersion}, but you have ${pkg.version}.
 
@@ -21,6 +23,7 @@ npm install -D ${pkg.name}@latest
 yarn add -D ${pkg.name}@latest
 
 `,
-    );
-  }
+      );
+    }
+  } catch {}
 };