nuxt-content-assets 1.1.1 → 1.2.1

package/dist/runtime/options.mjs

@@ -1,18 +0,0 @@
-import { matchTokens } from "./utils/string.mjs";
-export const defaults = {
-  // inject image size into the rendered html
-  imageSize: "style",
-  // treat these extensions as content
-  contentExtensions: "md csv ya?ml json",
-  // output debug messages
-  debug: false
-};
-export const extensions = {
-  // used to get image size
-  image: matchTokens("png jpg jpeg gif svg webp ico"),
-  // unused for now
-  media: matchTokens("mp3 m4a wav mp4 mov webm ogg avi flv avchd")
-};
-export function getIgnores(extensions2) {
-  return `^((?!(${matchTokens(extensions2).join("|")})).)*$`;
-}

package/dist/runtime/plugin.mjs

@@ -1,121 +0,0 @@
-import Path from "path";
-import { visit, SKIP, CONTINUE } from "unist-util-visit";
-import {
-  buildStyle,
-  deKey,
-  isValidAsset,
-  list,
-  matchTokens,
-  toPath,
-  walk,
-  removeQuery,
-  buildQuery,
-  parseQuery
-} from "./utils/index.mjs";
-import { cachePath, imageFlags, debug } from "#nuxt-content-assets";
-import { makeStorage } from "./services/index.mjs";
-async function updateAssets() {
-  assets = await storage.getItem("assets.json");
-}
-const storage = makeStorage(cachePath);
-storage.watch(async (event, key) => {
-  if (event === "update" && key === "assets.json") {
-    await updateAssets();
-  }
-});
-let assets = {};
-void updateAssets();
-const tags = {
-  // unlikely to contain assets
-  exclude: matchTokens({
-    container: "pre code code-inline",
-    formatting: "acronym abbr address bdi bdo big center cite del dfn font ins kbd mark meter progress q rp rt ruby s samp small strike sub sup time tt u var wbr",
-    headers: "h1 h2 h3 h4 h5 h6",
-    controls: "input textarea button select optgroup option label legend datalist output",
-    media: "map area canvas svg",
-    other: "style script noscript template",
-    empty: "hr br"
-  }),
-  // may contain assets
-  include: matchTokens({
-    content: "main header footer section article aside details dialog summary data object nav blockquote div span p",
-    table: "table caption th tr td thead tbody tfoot col colgroup",
-    media: "figcaption figure picture",
-    form: "form fieldset",
-    list: "ul ol li dir dl dt dd",
-    formatting: "strong b em i"
-  }),
-  // assets
-  assets: "a img audio source track video embed"
-};
-const plugin = async (nitro) => {
-  nitro.hooks.hook("content:file:afterParse", async (file) => {
-    const { _id } = file;
-    if (_id.endsWith(".md")) {
-      const srcDoc = toPath(deKey(_id));
-      const srcDir = Path.dirname(srcDoc);
-      const updated = [];
-      const getAsset = (relAsset) => {
-        const srcAsset = Path.join(srcDir, relAsset);
-        return assets[srcAsset] || {};
-      };
-      const filter = (value, key) => !(String(key).startsWith("_") || key === "body");
-      walk(file, (value, parent, key) => {
-        if (isValidAsset(value)) {
-          const { srcAttr, width, height } = getAsset(removeQuery(value));
-          if (srcAttr) {
-            const query = width && height && (imageFlags.includes("src") || imageFlags.includes("url")) ? `width=${width}&height=${height}` : "";
-            const srcUrl = query ? buildQuery(srcAttr, parseQuery(value), query) : srcAttr;
-            parent[key] = srcUrl;
-            updated.push(`meta: ${key} to "${srcUrl}"`);
-          }
-        }
-      }, filter);
-      visit(file.body, (node) => node.type === "element", (node) => {
-        const { tag, props } = node;
-        const excluded = tags.exclude.includes(tag);
-        if (excluded) {
-          return SKIP;
-        }
-        const included = tags.include.includes(tag);
-        if (included || !props) {
-          return CONTINUE;
-        }
-        for (const [prop, value] of Object.entries(props)) {
-          if (typeof value !== "string") {
-            return;
-          }
-          const { srcAttr, width, height } = getAsset(value);
-          if (srcAttr) {
-            node.props[prop] = srcAttr;
-            if (node.tag === "img") {
-              if (width && height) {
-                if (imageFlags.includes("attrs")) {
-                  node.props.width ||= width;
-                  node.props.height ||= height;
-                }
-                if (imageFlags.includes("style")) {
-                  const ratio = `${width}/${height}`;
-                  if (typeof node.props.style === "string") {
-                    node.props.style = buildStyle(node.props.style, `aspect-ratio: ${ratio}`);
-                  } else {
-                    node.props.style ||= {};
-                    node.props.style.aspectRatio = ratio;
-                  }
-                }
-              }
-            } else if (node.tag === "a") {
-              node.props.target ||= "_blank";
-            }
-            updated.push(`page: ${tag}[${prop}] to "${srcAttr}"`);
-          }
-        }
-      });
-      if (debug && updated.length) {
-        list(`Processed "/${srcDoc}"`, updated);
-        console.log();
-      }
-    }
-  });
-};
-export default plugin;

package/dist/runtime/services/assets.d.ts

@@ -1,25 +0,0 @@
-export type AssetConfig = {
-    srcAttr: string;
-    width?: number;
-    height?: number;
-};
-/**
- * Parse asset paths from absolute path
- *
- * @param srcDir    The absolute path to the asset's source folder
- * @param srcAbs    The absolute path to the asset itself
- */
-export declare function getAssetPaths(srcDir: string, srcAbs: string): {
-    id: any;
-    srcRel: string;
-    srcAttr: string;
-};
-/**
- * Get asset image sizes
- *
- * @param srcAbs    The absolute path to the asset itself
- */
-export declare function getAssetSizes(srcAbs: string): {
-    width?: number;
-    height?: number;
-};

package/dist/runtime/services/assets.mjs

@@ -1,23 +0,0 @@
-import * as Path from "path";
-import getImageSize from "image-size";
-import { isImage, warn } from "../utils/index.mjs";
-export function getAssetPaths(srcDir, srcAbs) {
-  const srcRel = Path.relative(srcDir, srcAbs);
-  const srcAttr = "/" + srcRel;
-  const id = srcRel.replaceAll("/", ":");
-  return {
-    id,
-    srcRel,
-    srcAttr
-  };
-}
-export function getAssetSizes(srcAbs) {
-  if (isImage(srcAbs)) {
-    try {
-      return getImageSize(srcAbs);
-    } catch (err) {
-      warn(`could not read image "${srcAbs}`);
-    }
-  }
-  return {};
-}

package/dist/runtime/services/index.d.ts

@@ -1,3 +0,0 @@
-export * from './assets';
-export * from './sources';
-export * from './paths';

package/dist/runtime/services/index.mjs

@@ -1,3 +0,0 @@
-export * from "./assets.mjs";
-export * from "./sources.mjs";
-export * from "./paths.mjs";

package/dist/runtime/services/paths.d.ts

@@ -1,8 +0,0 @@
-/**
- * Interpolate assets path pattern
- *
- * @param pattern   A path pattern with tokens
- * @param src       The relative path to a src asset
- * @param warn      An optional flag to warn for unknown tokens
- */
-export declare function interpolatePattern(pattern: string, src: string, warn?: boolean): string;

package/dist/runtime/services/paths.mjs

@@ -1,26 +0,0 @@
-import Path from "path";
-import { hash } from "ohash";
-import { log } from "../utils/index.mjs";
-const replacers = {
-  key: (src) => Path.dirname(src).split("/").filter((e) => e).shift() || "",
-  path: (src) => Path.dirname(src),
-  folder: (src) => Path.dirname(src).replace(/[^/]+\//, ""),
-  file: (src) => Path.basename(src),
-  name: (src) => Path.basename(src, Path.extname(src)),
-  extname: (src) => Path.extname(src),
-  ext: (src) => Path.extname(src).substring(1),
-  hash: (src) => hash({ src })
-};
-export function interpolatePattern(pattern, src, warn = false) {
-  return Path.join(pattern.replace(/\[\w+]/g, (match) => {
-    const name = match.substring(1, match.length - 1);
-    const fn = replacers[name];
-    if (fn) {
-      return fn(src);
-    }
-    if (warn) {
-      log(`Unknown output token ${match}`, true);
-    }
-    return match;
-  }));
-}

package/dist/runtime/sockets/composable.d.ts

@@ -1,2 +0,0 @@
-import { Callback, SocketInstance } from '../../types';
-export declare function useSockets(channel: string, callback?: Callback): Promise<SocketInstance | null>;

package/dist/runtime/sockets/composable.mjs

@@ -1,12 +0,0 @@
-import { useRuntimeConfig } from "#imports";
-export function useSockets(channel, callback) {
-  const url = useRuntimeConfig().public.sockets?.wsUrl;
-  return new Promise(function(resolve) {
-    if (process.client && url) {
-      return import("./setup").then(({ setupSocketClient }) => {
-        return resolve(setupSocketClient(channel, callback));
-      });
-    }
-    resolve(null);
-  });
-}