vite-plugin-vanjs 0.1.21 → 0.1.22

package/meta/tags.mjs

@@ -43,14 +43,14 @@ export const Link = (props) => {
  * Add a new `<script>` tag, not to be used for .js files
  * Only to be used as `<script type="application/ld+json">`
  * for SEO purposes.
- * @type {(props: PropsWithKnownKeys<HTMLScriptElement>) => null}
+ * @type {(props: PropsWithKnownKeys<HTMLScriptElement>, content: string) => null}
  */
-export const Script = (props) => {
+export const Script = (props, content) => {
   const { script } = van.tags;
   if (!props.type || props.type !== "application/ld+json") {
     console.warn("Script doesn't support this type, check the Wiki.");
   } else {
-    addMeta(script(props));
+    addMeta(script(props, content));
   }
   return null;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vite-plugin-vanjs",
-  "version": "0.1.21",
+  "version": "0.1.22",
   "author": "thednp",
   "license": "MIT",
   "description": "An async first mini meta-framework for VanJS powered by Vite",

package/router/helpers.mjs

@@ -65,14 +65,18 @@ export const executeLifecycle = async (route, params) => {
     const preload = route.preload;
     const load = route.load;
 
+    const pathname = routerState.pathname;
+    const cacheKey = Object.keys(params || {}).length === 0
+      ? ""
+      : JSON.stringify(params);
+
     if (preload) await preload(params);
-    if (!data && load) data = await load(params);
+    if (!data && load && !dataCache.has(pathname, cacheKey)) {
+      data = await load(params);
+    } else if (load && dataCache.has(pathname, cacheKey)) {
+      dataCache.touch(pathname);
+    }
     if (data) {
-      // initialLoaded = true;
-      const pathname = routerState.pathname;
-      const cacheKey = Object.keys(params || {}).length === 0
-        ? ""
-        : JSON.stringify(params);
       dataCache.set(pathname, cacheKey, {
         data,
         error: null,

package/server/index.mjs

@@ -58,6 +58,14 @@ function renderPreloadLink(file) {
     return `<link rel="preload" href="${file}" as="font" type="font/woff" crossorigin>`;
   } else if (file.endsWith(".woff2")) {
     return `<link rel="preload" href="${file}" as="font" type="font/woff2" crossorigin>`;
+  } else if (file.endsWith(".gif")) {
+    return `<link rel="preload" href="${file}" as="image" type="image/gif" crossorigin>`;
+  } else if (file.endsWith(".jpg") || file.endsWith(".jpeg")) {
+    return `<link rel="preload" href="${file}" as="image" type="image/jpeg" crossorigin>`;
+  } else if (file.endsWith(".png")) {
+    return `<link rel="preload" href="${file}" as="image" type="image/png" crossorigin>`;
+  } else if (file.endsWith(".webp")) {
+    return `<link rel="preload" href="${file}" as="image" type="image/webp" crossorigin>`;
   } else {
     console.warn("Render error! File format not recognized: " + file);
     return "";