@olenbetong/appframe-vite 1.0.1 → 1.0.2

package/lib/devServer.d.ts

@@ -1,5 +1,6 @@
 import { Application, RequestHandler, Router } from "express";
 import { ViteDevServer } from "vite";
 export declare function createProxyMiddleware(): Promise<Router>;
+export declare function createHtmlTransformer(): Promise<(html: string) => string>;
 export declare function createDevMiddleware(vite: ViteDevServer): Promise<RequestHandler>;
 export declare function startDevServer(app: Application): Promise<void>;

package/lib/devServer.js

@@ -55,42 +55,47 @@ export async function createProxyMiddleware() {
     });
     return router;
 }
-export async function createDevMiddleware(vite) {
-    var _a, _b, _c, _d;
+export async function createHtmlTransformer() {
+    var _a, _b, _c, _d, _e, _f;
     const hostname = (_d = (_b = (_a = appframe.proxy) === null || _a === void 0 ? void 0 : _a.hostname) !== null && _b !== void 0 ? _b : (_c = appframe.deploy) === null || _c === void 0 ? void 0 : _c.hostname) !== null && _d !== void 0 ? _d : "dev.obet.no";
     const { APPFRAME_LOGIN: username, APPFRAME_PWD: password } = process.env;
+    let isPartner = ((_f = (_e = appPkg.appframe) === null || _e === void 0 ? void 0 : _e.article) === null || _f === void 0 ? void 0 : _f.hostname) === "partner.olenbetong.no";
     if (!username || !password) {
         throw new Error("Your Appframe credentials are not set in the environment variables. Username should be set in APPFRAME_LOGIN and password in APPFRAME_PWD.");
     }
-    return async (req, res, next) => {
-        var _a, _b;
-        const url = req.originalUrl;
-        try {
-            let isPartner = ((_b = (_a = appPkg.appframe) === null || _a === void 0 ? void 0 : _a.article) === null || _b === void 0 ? void 0 : _b.hostname) === "partner.olenbetong.no";
-            let template = await fs.readFile(path.resolve(process.cwd(), "index.html"), "utf-8");
-            template = await vite.transformIndexHtml(url, template);
-            let userSession = await getUserSession(hostname, username, password);
-            let html = template
-                .replace("<!-- {Appframe} -->", `<script>
+    let userSession = await getUserSession(hostname, username, password);
+    return (html) => {
+        return html
+            .replace("<!-- {Appframe} -->", `<script>
 af = globalThis.af ?? {};
 af.userSession = ${JSON.stringify(userSession)};
 </script>
 <script src="/file/article/static-script/${appframe.article.id}.js"></script>`)
-                .replace(`<!-- {Theme} -->`, isPartner
-                ? `          <link rel="stylesheet" href="/file/site/style/ob.application.min.css" />
+            .replace(`<!-- {Theme} -->`, isPartner
+            ? `          <link rel="stylesheet" href="/file/site/style/ob.application.min.css" />
           <link rel="stylesheet" href="/file/site/style/ob.theme.base.less" />
           <link rel="stylesheet" href="/file/site/style/ob.theme.betongost.less" />
           <link rel="stylesheet" href="/file/site/style/ob.theme.olenbetong.less" />
           <link rel="stylesheet" href="/file/site/style/ob.theme.ribe.less" />
           <link rel="stylesheet" href="/file/site/style/ob.theme.sjb.less" />
           `
-                : `      <link rel="stylesheet" href="/file/site/style/ob.theme.base.less" />
+            : `      <link rel="stylesheet" href="/file/site/style/ob.theme.base.less" />
       <link rel="stylesheet" href="/file/site/style/ob.theme.betongost.less" />
       <link rel="stylesheet" href="/file/site/style/ob.theme.forsand.less" />
       <link rel="stylesheet" href="/file/site/style/ob.theme.olenbetong.less" />
       <link rel="stylesheet" href="/file/site/style/ob.theme.ribe.less" />
       <link rel="stylesheet" href="/file/site/style/ob.theme.sjb.less" />
       <link rel="stylesheet" href="/file/site/style/ob.es.application.min.css" />`);
+    };
+}
+export async function createDevMiddleware(vite) {
+    let transformer = await createHtmlTransformer();
+    return async (req, res, next) => {
+        const url = req.originalUrl;
+        try {
+            let template = await fs.readFile(path.resolve(process.cwd(), "index.html"), "utf-8");
+            template = await vite.transformIndexHtml(url, template);
+            let html = transformer(template);
             res.status(200).set({ "Content-Type": "text/html" }).end(html);
         }
         catch (error) {

package/lib/index.d.ts

@@ -1,2 +1,6 @@
-export * from "./build.js";
-export * from "./devServer.js";
+import { Plugin } from "vite";
+import { addAppframeBuildConfig } from "./build.js";
+import { createDevMiddleware, createProxyMiddleware, startDevServer } from "./devServer.js";
+export default function appframe(): Promise<Plugin>;
+export { addAppframeBuildConfig };
+export { createDevMiddleware, createProxyMiddleware, startDevServer };

package/lib/index.js

@@ -1,2 +1,29 @@
-export * from "./build.js";
-export * from "./devServer.js";
+import { addAppframeBuildConfig } from "./build.js";
+import { createDevMiddleware, createHtmlTransformer, createProxyMiddleware, startDevServer } from "./devServer.js";
+export default async function appframe() {
+    let transformIndexHtml = await createHtmlTransformer();
+    return {
+        name: "appframe",
+        async config(_, { command }) {
+            let config = {
+                build: { target: ["chrome90", "safari14"] },
+                resolve: {
+                    alias: [{ find: "@/", replacement: "/src/" }]
+                }
+            };
+            if (command === "build") {
+                await addAppframeBuildConfig(config);
+            }
+            return config;
+        },
+        async configureServer(_server) {
+            _server.middlewares.use(await createProxyMiddleware());
+            return async () => {
+                _server.middlewares.use(await createDevMiddleware(_server));
+            };
+        },
+        transformIndexHtml
+    };
+}
+export { addAppframeBuildConfig };
+export { createDevMiddleware, createProxyMiddleware, startDevServer };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@olenbetong/appframe-vite",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "Tools to use and deploy Vite applications to Appframe",
   "main": "./lib/index.js",
   "type": "module",