@monkeyplus/flow 4.0.0-beta.8 → 5.0.0-beta.1

package/src/vite-client/runtime/injectManifest.ts

@@ -0,0 +1,188 @@
+import { joinURL } from 'ufo';
+export type Manifest = Record<string, ManifestChunk>;
+
+export interface ManifestChunk {
+  src?: string
+  file: string
+  css?: string[]
+  assets?: string[]
+  isEntry?: boolean
+  isDynamicEntry?: boolean
+  imports?: string[]
+  dynamicImports?: string[]
+}
+
+export interface HtmlTagDescriptor {
+  tag: string
+  attrs?: Record<string, string | boolean | undefined>
+  children?: string | HtmlTagDescriptor[]
+  /**
+   * default: 'head-prepend'
+   */
+  injectTo?: 'head' | 'body' | 'head-prepend' | 'body-prepend'
+}
+export const generateBundle = (config: any, bundle: Manifest, _id: string) => {
+  const analyzedChunk: Map<ManifestChunk, number> = new Map();
+
+  const getImportedChunks = (
+    chunk: ManifestChunk,
+    seen: Set<string> = new Set(),
+  ): ManifestChunk[] => {
+    const chunks: ManifestChunk[] = [];
+    chunk.imports?.forEach((file) => {
+      const importee = bundle[file];
+      if (file.startsWith('_') && !seen.has(file)) {
+        seen.add(file);
+
+        // post-order traversal
+        chunks.push(...getImportedChunks(importee, seen));
+        chunks.push(importee);
+      }
+    });
+    // TODO: evaluate if is nesesary
+    // chunk.dynamicImports?.forEach((file) => {
+    //   const importee = bundle[file];
+    //   if (!seen.has(file)) {
+    //     seen.add(file);
+    //     // post-order traversal
+    //     chunks.push(...getImportedChunks(importee, seen));
+    //     chunks.push(importee);
+    //   }
+    // });
+    return chunks;
+  };
+  const toScriptTag = (
+    chunk: ManifestChunk,
+    publicBase: string,
+    isAsync: boolean,
+  ): HtmlTagDescriptor => ({
+    tag: 'script',
+    attrs: {
+      ...(isAsync ? { async: true } : {}),
+      type: 'module',
+      crossorigin: true,
+      src: toPublicPath(chunk.file, publicBase),
+    },
+  });
+
+  const toPreloadTag = (
+    chunk: ManifestChunk,
+    publicBase: string,
+  ): HtmlTagDescriptor => ({
+    tag: 'link',
+    attrs: {
+      rel: 'modulepreload',
+      crossorigin: true,
+      href: toPublicPath(chunk.file, publicBase),
+    },
+  });
+
+  const getCssTagsForChunk = (
+    chunk: ManifestChunk,
+    publicBase: string,
+    seen: Set<string> = new Set(),
+  ): HtmlTagDescriptor[] => {
+    const tags: HtmlTagDescriptor[] = [];
+    if (!analyzedChunk.has(chunk)) {
+      analyzedChunk.set(chunk, 1);
+      chunk.imports?.forEach((file) => {
+        const importee = bundle[file];
+        if (file.startsWith('_'))
+          tags.push(...getCssTagsForChunk(importee, publicBase, seen));
+      });
+    }
+
+    chunk.css?.forEach((file) => {
+      if (!seen.has(file)) {
+        seen.add(file);
+        tags.push({
+          tag: 'link',
+          attrs: {
+            rel: 'stylesheet',
+            href: toPublicPath(file, publicBase),
+          },
+        });
+      }
+    });
+
+    return tags;
+  };
+
+  // const relativeUrlPath = path.posix.relative(config.root, id);
+  const publicBase = config.baseURL || '/'; // getPublicBase(relativeUrlPath, config);
+
+  const isAsync = false;// isAsyncScriptMap.get(config)!.get(id)!;
+
+  // const result = html;
+  const chunk = Object.values(bundle).find(
+    (chunk) =>
+      chunk.isEntry && chunk.src === _id,
+  );
+
+  if (chunk) {
+    // when not inlined, inject <script> for entry and modulepreload its dependencies
+    // when inlined, discard entry chunk and inject <script> for everything in post-order
+    const imports = getImportedChunks(chunk);
+    const assetTags = [
+      toScriptTag(chunk, publicBase, isAsync),
+      ...imports.map((i) => toPreloadTag(i, publicBase)),
+    ];
+
+    assetTags.push(...getCssTagsForChunk(chunk, publicBase));
+    const tags = serializeTags(assetTags);
+    return { head: tags, body: '' };
+    // result = injectToHead(result, assetTags);
+  }
+};
+
+export const externalRE = /^(https?:)?\/\//;
+export const isExternalUrl = (url: string): boolean => externalRE.test(url);
+
+function toPublicPath(filename: string, publicBase: string) {
+  return isExternalUrl(filename) ? filename : joinURL(publicBase, filename.replace('scripts', 'assets'));
+}
+
+const unaryTags = new Set(['link', 'meta', 'base']);
+
+function serializeTag(
+  { tag, attrs, children }: HtmlTagDescriptor,
+  indent = '',
+): string {
+  if (unaryTags.has(tag)) {
+    return `<${tag}${serializeAttrs(attrs)}>`;
+  }
+  else {
+    return `<${tag}${serializeAttrs(attrs)}>${serializeTags(
+      children,
+      incrementIndent(indent),
+    )}</${tag}>`;
+  }
+}
+
+function serializeTags(
+  tags: HtmlTagDescriptor['children'],
+  indent = '',
+): string {
+  if (typeof tags === 'string')
+    return tags;
+
+  else if (tags && tags.length)
+    return tags.map((tag) => `${indent}${serializeTag(tag, indent)}\n`).join('');
+
+  return '';
+}
+
+function serializeAttrs(attrs: HtmlTagDescriptor['attrs']): string {
+  let res = '';
+  for (const key in attrs) {
+    if (typeof attrs[key] === 'boolean')
+      res += attrs[key] ? ` ${key}` : '';
+
+    else
+      res += ` ${key}=${JSON.stringify(attrs[key])}`;
+  }
+  return res;
+}
+function incrementIndent(indent = '') {
+  return `${indent}${indent[0] === '\t' ? '\t' : '  '}`;
+}

package/src/vite-client/runtime/plugin.ts

@@ -0,0 +1,33 @@
+
+import logger from 'consola';
+import { generateBundle } from './injectManifest';
+import { defineFlowPlugin } from '#app';
+// @ts-ignore
+import manifest from '#viteManifest';
+export default defineFlowPlugin((flow) => {
+  if (typeof manifest === 'function') {
+    const _manifest = manifest();
+    flow.hook('page:chunks', (bundle, chunks) => {
+      try {
+        const chunk = generateBundle(flow.$config.app || {}, _manifest, `client/pages/${bundle}.ts`);
+
+        if (chunk) {
+          chunks.head.push(chunk.head);
+          chunks.body.push(chunk.body);
+        }
+        else {
+          logger.warn('Entry "%s" not found ', bundle);
+        }
+      }
+      catch (error) {
+        logger.error('Error in inject %s ', bundle);
+      }
+    });
+  }
+  else {
+    flow.hook('page:chunks', (bundle, chunks) => {
+      chunks.head.push(manifest.head());
+      chunks.body.push(manifest.body(bundle));
+    });
+  }
+});

package/types.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="nitropack" />
+export * from './dist/index';