Aktueller Stand

backend/node_modules/hono/dist/cjs/helper/css/common.js

@@ -0,0 +1,223 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var common_exports = {};
+__export(common_exports, {
+  CLASS_NAME: () => CLASS_NAME,
+  DEFAULT_STYLE_ID: () => DEFAULT_STYLE_ID,
+  EXTERNAL_CLASS_NAMES: () => EXTERNAL_CLASS_NAMES,
+  IS_CSS_ESCAPED: () => IS_CSS_ESCAPED,
+  PSEUDO_GLOBAL_SELECTOR: () => PSEUDO_GLOBAL_SELECTOR,
+  SELECTOR: () => SELECTOR,
+  SELECTORS: () => SELECTORS,
+  STYLE_STRING: () => STYLE_STRING,
+  buildStyleString: () => buildStyleString,
+  cssCommon: () => cssCommon,
+  cxCommon: () => cxCommon,
+  isPseudoGlobalSelectorRe: () => isPseudoGlobalSelectorRe,
+  keyframesCommon: () => keyframesCommon,
+  minify: () => minify,
+  rawCssString: () => rawCssString,
+  viewTransitionCommon: () => viewTransitionCommon
+});
+module.exports = __toCommonJS(common_exports);
+const PSEUDO_GLOBAL_SELECTOR = ":-hono-global";
+const isPseudoGlobalSelectorRe = new RegExp(`^${PSEUDO_GLOBAL_SELECTOR}{(.*)}$`);
+const DEFAULT_STYLE_ID = "hono-css";
+const SELECTOR = /* @__PURE__ */ Symbol();
+const CLASS_NAME = /* @__PURE__ */ Symbol();
+const STYLE_STRING = /* @__PURE__ */ Symbol();
+const SELECTORS = /* @__PURE__ */ Symbol();
+const EXTERNAL_CLASS_NAMES = /* @__PURE__ */ Symbol();
+const CSS_ESCAPED = /* @__PURE__ */ Symbol();
+const IS_CSS_ESCAPED = /* @__PURE__ */ Symbol();
+const rawCssString = (value) => {
+  return {
+    [CSS_ESCAPED]: value
+  };
+};
+const toHash = (str) => {
+  let i = 0, out = 11;
+  while (i < str.length) {
+    out = 101 * out + str.charCodeAt(i++) >>> 0;
+  }
+  return "css-" + out;
+};
+const cssStringReStr = [
+  '"(?:(?:\\\\[\\s\\S]|[^"\\\\])*)"',
+  // double quoted string
+  "'(?:(?:\\\\[\\s\\S]|[^'\\\\])*)'"
+  // single quoted string
+].join("|");
+const minifyCssRe = new RegExp(
+  [
+    "(" + cssStringReStr + ")",
+    // $1: quoted string
+    "(?:" + [
+      "^\\s+",
+      // head whitespace
+      "\\/\\*.*?\\*\\/\\s*",
+      // multi-line comment
+      "\\/\\/.*\\n\\s*",
+      // single-line comment
+      "\\s+$"
+      // tail whitespace
+    ].join("|") + ")",
+    "\\s*;\\s*(}|$)\\s*",
+    // $2: trailing semicolon
+    "\\s*([{};:,])\\s*",
+    // $3: whitespace around { } : , ;
+    "(\\s)\\s+"
+    // $4: 2+ spaces
+  ].join("|"),
+  "g"
+);
+const minify = (css) => {
+  return css.replace(minifyCssRe, (_, $1, $2, $3, $4) => $1 || $2 || $3 || $4 || "");
+};
+const buildStyleString = (strings, values) => {
+  const selectors = [];
+  const externalClassNames = [];
+  const label = strings[0].match(/^\s*\/\*(.*?)\*\//)?.[1] || "";
+  let styleString = "";
+  for (let i = 0, len = strings.length; i < len; i++) {
+    styleString += strings[i];
+    let vArray = values[i];
+    if (typeof vArray === "boolean" || vArray === null || vArray === void 0) {
+      continue;
+    }
+    if (!Array.isArray(vArray)) {
+      vArray = [vArray];
+    }
+    for (let j = 0, len2 = vArray.length; j < len2; j++) {
+      let value = vArray[j];
+      if (typeof value === "boolean" || value === null || value === void 0) {
+        continue;
+      }
+      if (typeof value === "string") {
+        if (/([\\"'\/])/.test(value)) {
+          styleString += value.replace(/([\\"']|(?<=<)\/)/g, "\\$1");
+        } else {
+          styleString += value;
+        }
+      } else if (typeof value === "number") {
+        styleString += value;
+      } else if (value[CSS_ESCAPED]) {
+        styleString += value[CSS_ESCAPED];
+      } else if (value[CLASS_NAME].startsWith("@keyframes ")) {
+        selectors.push(value);
+        styleString += ` ${value[CLASS_NAME].substring(11)} `;
+      } else {
+        if (strings[i + 1]?.match(/^\s*{/)) {
+          selectors.push(value);
+          value = `.${value[CLASS_NAME]}`;
+        } else {
+          selectors.push(...value[SELECTORS]);
+          externalClassNames.push(...value[EXTERNAL_CLASS_NAMES]);
+          value = value[STYLE_STRING];
+          const valueLen = value.length;
+          if (valueLen > 0) {
+            const lastChar = value[valueLen - 1];
+            if (lastChar !== ";" && lastChar !== "}") {
+              value += ";";
+            }
+          }
+        }
+        styleString += `${value || ""}`;
+      }
+    }
+  }
+  return [label, minify(styleString), selectors, externalClassNames];
+};
+const cssCommon = (strings, values) => {
+  let [label, thisStyleString, selectors, externalClassNames] = buildStyleString(strings, values);
+  const isPseudoGlobal = isPseudoGlobalSelectorRe.exec(thisStyleString);
+  if (isPseudoGlobal) {
+    thisStyleString = isPseudoGlobal[1];
+  }
+  const selector = (isPseudoGlobal ? PSEUDO_GLOBAL_SELECTOR : "") + toHash(label + thisStyleString);
+  const className = (isPseudoGlobal ? selectors.map((s) => s[CLASS_NAME]) : [selector, ...externalClassNames]).join(" ");
+  return {
+    [SELECTOR]: selector,
+    [CLASS_NAME]: className,
+    [STYLE_STRING]: thisStyleString,
+    [SELECTORS]: selectors,
+    [EXTERNAL_CLASS_NAMES]: externalClassNames
+  };
+};
+const cxCommon = (args) => {
+  for (let i = 0, len = args.length; i < len; i++) {
+    const arg = args[i];
+    if (typeof arg === "string") {
+      args[i] = {
+        [SELECTOR]: "",
+        [CLASS_NAME]: "",
+        [STYLE_STRING]: "",
+        [SELECTORS]: [],
+        [EXTERNAL_CLASS_NAMES]: [arg]
+      };
+    }
+  }
+  return args;
+};
+const keyframesCommon = (strings, ...values) => {
+  const [label, styleString] = buildStyleString(strings, values);
+  return {
+    [SELECTOR]: "",
+    [CLASS_NAME]: `@keyframes ${toHash(label + styleString)}`,
+    [STYLE_STRING]: styleString,
+    [SELECTORS]: [],
+    [EXTERNAL_CLASS_NAMES]: []
+  };
+};
+let viewTransitionNameIndex = 0;
+const viewTransitionCommon = ((strings, values) => {
+  if (!strings) {
+    strings = [`/* h-v-t ${viewTransitionNameIndex++} */`];
+  }
+  const content = Array.isArray(strings) ? cssCommon(strings, values) : strings;
+  const transitionName = content[CLASS_NAME];
+  const res = cssCommon(["view-transition-name:", ""], [transitionName]);
+  content[CLASS_NAME] = PSEUDO_GLOBAL_SELECTOR + content[CLASS_NAME];
+  content[STYLE_STRING] = content[STYLE_STRING].replace(
+    /(?<=::view-transition(?:[a-z-]*)\()(?=\))/g,
+    transitionName
+  );
+  res[CLASS_NAME] = res[SELECTOR] = transitionName;
+  res[SELECTORS] = [...content[SELECTORS], content];
+  return res;
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CLASS_NAME,
+  DEFAULT_STYLE_ID,
+  EXTERNAL_CLASS_NAMES,
+  IS_CSS_ESCAPED,
+  PSEUDO_GLOBAL_SELECTOR,
+  SELECTOR,
+  SELECTORS,
+  STYLE_STRING,
+  buildStyleString,
+  cssCommon,
+  cxCommon,
+  isPseudoGlobalSelectorRe,
+  keyframesCommon,
+  minify,
+  rawCssString,
+  viewTransitionCommon
+});

backend/node_modules/hono/dist/cjs/helper/css/index.js

@@ -0,0 +1,143 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var css_exports = {};
+__export(css_exports, {
+  Style: () => Style,
+  createCssContext: () => createCssContext,
+  css: () => css,
+  cx: () => cx,
+  keyframes: () => keyframes,
+  rawCssString: () => import_common2.rawCssString,
+  viewTransition: () => viewTransition
+});
+module.exports = __toCommonJS(css_exports);
+var import_html = require("../../helper/html");
+var import_constants = require("../../jsx/constants");
+var import_css = require("../../jsx/dom/css");
+var import_common = require("./common");
+var import_common2 = require("./common");
+const createCssContext = ({ id }) => {
+  const [cssJsxDomObject, StyleRenderToDom] = (0, import_css.createCssJsxDomObjects)({ id });
+  const contextMap = /* @__PURE__ */ new WeakMap();
+  const nonceMap = /* @__PURE__ */ new WeakMap();
+  const replaceStyleRe = new RegExp(`(<style id="${id}"(?: nonce="[^"]*")?>.*?)(</style>)`);
+  const newCssClassNameObject = (cssClassName) => {
+    const appendStyle = ({ buffer, context }) => {
+      const [toAdd, added] = contextMap.get(context);
+      const names = Object.keys(toAdd);
+      if (!names.length) {
+        return;
+      }
+      let stylesStr = "";
+      names.forEach((className2) => {
+        added[className2] = true;
+        stylesStr += className2.startsWith(import_common.PSEUDO_GLOBAL_SELECTOR) ? toAdd[className2] : `${className2[0] === "@" ? "" : "."}${className2}{${toAdd[className2]}}`;
+      });
+      contextMap.set(context, [{}, added]);
+      if (buffer && replaceStyleRe.test(buffer[0])) {
+        buffer[0] = buffer[0].replace(replaceStyleRe, (_, pre, post) => `${pre}${stylesStr}${post}`);
+        return;
+      }
+      const nonce = nonceMap.get(context);
+      const appendStyleScript = `<script${nonce ? ` nonce="${nonce}"` : ""}>document.querySelector('#${id}').textContent+=${JSON.stringify(stylesStr)}</script>`;
+      if (buffer) {
+        buffer[0] = `${appendStyleScript}${buffer[0]}`;
+        return;
+      }
+      return Promise.resolve(appendStyleScript);
+    };
+    const addClassNameToContext = ({ context }) => {
+      if (!contextMap.has(context)) {
+        contextMap.set(context, [{}, {}]);
+      }
+      const [toAdd, added] = contextMap.get(context);
+      let allAdded = true;
+      if (!added[cssClassName[import_common.SELECTOR]]) {
+        allAdded = false;
+        toAdd[cssClassName[import_common.SELECTOR]] = cssClassName[import_common.STYLE_STRING];
+      }
+      cssClassName[import_common.SELECTORS].forEach(
+        ({ [import_common.CLASS_NAME]: className2, [import_common.STYLE_STRING]: styleString }) => {
+          if (!added[className2]) {
+            allAdded = false;
+            toAdd[className2] = styleString;
+          }
+        }
+      );
+      if (allAdded) {
+        return;
+      }
+      return Promise.resolve((0, import_html.raw)("", [appendStyle]));
+    };
+    const className = new String(cssClassName[import_common.CLASS_NAME]);
+    Object.assign(className, cssClassName);
+    className.isEscaped = true;
+    className.callbacks = [addClassNameToContext];
+    const promise = Promise.resolve(className);
+    Object.assign(promise, cssClassName);
+    promise.toString = cssJsxDomObject.toString;
+    return promise;
+  };
+  const css2 = (strings, ...values) => {
+    return newCssClassNameObject((0, import_common.cssCommon)(strings, values));
+  };
+  const cx2 = (...args) => {
+    args = (0, import_common.cxCommon)(args);
+    return css2(Array(args.length).fill(""), ...args);
+  };
+  const keyframes2 = import_common.keyframesCommon;
+  const viewTransition2 = ((strings, ...values) => {
+    return newCssClassNameObject((0, import_common.viewTransitionCommon)(strings, values));
+  });
+  const Style2 = ({ children, nonce } = {}) => (0, import_html.raw)(
+    `<style id="${id}"${nonce ? ` nonce="${nonce}"` : ""}>${children ? children[import_common.STYLE_STRING] : ""}</style>`,
+    [
+      ({ context }) => {
+        nonceMap.set(context, nonce);
+        return void 0;
+      }
+    ]
+  );
+  Style2[import_constants.DOM_RENDERER] = StyleRenderToDom;
+  return {
+    css: css2,
+    cx: cx2,
+    keyframes: keyframes2,
+    viewTransition: viewTransition2,
+    Style: Style2
+  };
+};
+const defaultContext = createCssContext({
+  id: import_common.DEFAULT_STYLE_ID
+});
+const css = defaultContext.css;
+const cx = defaultContext.cx;
+const keyframes = defaultContext.keyframes;
+const viewTransition = defaultContext.viewTransition;
+const Style = defaultContext.Style;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Style,
+  createCssContext,
+  css,
+  cx,
+  keyframes,
+  rawCssString,
+  viewTransition
+});