@spcsn/taro-runtime 0.1.0

package/dist/env.js

@@ -0,0 +1,10 @@
+import { EMPTY_OBJ } from "@spcsn/taro-shared";
+//#region src/env.ts
+const env = {
+	window: process.env.TARO_PLATFORM === "web" ? window : EMPTY_OBJ,
+	document: process.env.TARO_PLATFORM === "web" ? document : EMPTY_OBJ
+};
+//#endregion
+export { env as default };
+
+//# sourceMappingURL=env.js.map

package/dist/env.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"env.js","names":[],"sources":["../src/env.ts"],"sourcesContent":["import { EMPTY_OBJ } from '@spcsn/taro-shared';\n\nimport type { TaroDocument } from './dom/document';\n\ninterface Env {\n  window;\n  document: TaroDocument;\n}\n\nconst env: Env = {\n  window: process.env.TARO_PLATFORM === 'web' ? window : EMPTY_OBJ,\n  document: process.env.TARO_PLATFORM === 'web' ? document : EMPTY_OBJ,\n};\n\nexport default env;\n"],"mappings":";;AASA,MAAM,MAAW;CACf,QAAQ,QAAQ,IAAI,kBAAkB,QAAQ,SAAS;CACvD,UAAU,QAAQ,IAAI,kBAAkB,QAAQ,WAAW;AAC7D"}

package/dist/hydrate.d.ts

@@ -0,0 +1,10 @@
+import type { TaroElement } from './dom/element';
+import type { TaroText } from './dom/text';
+import type { MiniData } from './interface';
+/**
+ * React also has a fancy function's name for this: `hydrate()`.
+ * You may have been heard `hydrate` as a SSR-related function,
+ * actually, `hydrate` basicly do the `render()` thing, but ignore some properties,
+ * it's a vnode traverser and modifier: that's exactly what Taro's doing in here.
+ */
+export declare function hydrate(node: TaroElement | TaroText): MiniData;

package/dist/hydrate.js

@@ -0,0 +1,62 @@
+import { CATCH_VIEW, CLICK_VIEW, PURE_VIEW } from "./constants/index.js";
+import { getComponentsAlias as getComponentsAlias$1, isComment, isHasExtractProp, isText } from "./utils/index.js";
+import { Shortcuts, hooks, toCamelCase } from "@spcsn/taro-shared";
+//#region src/hydrate.ts
+let SPECIAL_NODES;
+let componentsAlias;
+/**
+* React also has a fancy function's name for this: `hydrate()`.
+* You may have been heard `hydrate` as a SSR-related function,
+* actually, `hydrate` basicly do the `render()` thing, but ignore some properties,
+* it's a vnode traverser and modifier: that's exactly what Taro's doing in here.
+*/
+function hydrate(node) {
+	componentsAlias ||= getComponentsAlias$1();
+	SPECIAL_NODES ||= hooks.call("getSpecialNodes");
+	const nodeName = node.nodeName;
+	let compileModeName = null;
+	if (isText(node)) return {
+		sid: node.sid,
+		[Shortcuts.Text]: node.nodeValue,
+		[Shortcuts.NodeName]: componentsAlias[nodeName]?._num || "8"
+	};
+	const data = {
+		[Shortcuts.NodeName]: nodeName,
+		sid: node.sid
+	};
+	if (node.uid !== node.sid) data.uid = node.uid;
+	if (SPECIAL_NODES.indexOf(nodeName) > -1) {
+		if (!node.isAnyEventBinded()) {
+			data[Shortcuts.NodeName] = `static-${nodeName}`;
+			if (nodeName === "view" && !isHasExtractProp(node)) data[Shortcuts.NodeName] = PURE_VIEW;
+		}
+		if (nodeName === "view" && node.isOnlyClickBinded() && !isHasExtractProp(node)) data[Shortcuts.NodeName] = CLICK_VIEW;
+	}
+	const { props } = node;
+	for (const prop in props) {
+		const propInCamelCase = toCamelCase(prop);
+		if (!prop.startsWith("data-") && prop !== "class" && prop !== "style" && prop !== "id" && propInCamelCase !== "catchMove" && propInCamelCase !== "compileMode") data[propInCamelCase] = props[prop];
+		if (process.env.TARO_ENV !== "swan" && nodeName === "view" && propInCamelCase === "catchMove" && props[prop] !== false) data[Shortcuts.NodeName] = CATCH_VIEW;
+		if (propInCamelCase === "compileMode") compileModeName = props[prop];
+	}
+	data[Shortcuts.Childnodes] = node.childNodes.filter((node) => !isComment(node)).map(hydrate);
+	if (node.className !== "") data[Shortcuts.Class] = node.className;
+	const cssText = node.cssText;
+	if (cssText !== "" && nodeName !== "swiper-item") data[Shortcuts.Style] = cssText;
+	hooks.call("modifyHydrateData", data, node);
+	const nn = data[Shortcuts.NodeName];
+	const componentAlias = componentsAlias[nn];
+	if (componentAlias) {
+		data[Shortcuts.NodeName] = componentAlias._num;
+		for (const prop in data) if (prop in componentAlias) {
+			data[componentAlias[prop]] = data[prop];
+			delete data[prop];
+		}
+	}
+	if (compileModeName !== null) data[Shortcuts.NodeName] = compileModeName;
+	return hooks.call("transferHydrateData", data, node, componentAlias) || data;
+}
+//#endregion
+export { hydrate };
+
+//# sourceMappingURL=hydrate.js.map

package/dist/hydrate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hydrate.js","names":["getComponentsAlias"],"sources":["../src/hydrate.ts"],"sourcesContent":["import { hooks, Shortcuts, toCamelCase } from '@spcsn/taro-shared';\n\nimport { CATCH_VIEW, CATCHMOVE, CLASS, CLICK_VIEW, COMPILE_MODE, ID, PURE_VIEW, STYLE, VIEW } from './constants';\nimport { getComponentsAlias, isComment, isHasExtractProp, isText } from './utils';\n\nimport type { TaroElement } from './dom/element';\nimport type { TaroText } from './dom/text';\nimport type { MiniData, MiniElementData } from './interface';\n\nlet SPECIAL_NODES;\nlet componentsAlias;\n\n/**\n * React also has a fancy function's name for this: `hydrate()`.\n * You may have been heard `hydrate` as a SSR-related function,\n * actually, `hydrate` basicly do the `render()` thing, but ignore some properties,\n * it's a vnode traverser and modifier: that's exactly what Taro's doing in here.\n */\nexport function hydrate(node: TaroElement | TaroText): MiniData {\n  // 初始化 componentsAlias\n  componentsAlias ||= getComponentsAlias();\n\n  // 初始化 SPECIAL_NODES\n  SPECIAL_NODES ||= hooks.call('getSpecialNodes')!;\n\n  const nodeName = node.nodeName;\n  let compileModeName = null;\n\n  if (isText(node)) {\n    return {\n      sid: node.sid,\n      [Shortcuts.Text]: node.nodeValue,\n      [Shortcuts.NodeName]: componentsAlias[nodeName]?._num || '8',\n    };\n  }\n\n  const data: MiniElementData = {\n    [Shortcuts.NodeName]: nodeName,\n    sid: node.sid,\n  };\n\n  if (node.uid !== node.sid) {\n    data.uid = node.uid;\n  }\n\n  if (SPECIAL_NODES.indexOf(nodeName) > -1) {\n    if (!node.isAnyEventBinded()) {\n      data[Shortcuts.NodeName] = `static-${nodeName}`;\n      if (nodeName === VIEW && !isHasExtractProp(node)) {\n        data[Shortcuts.NodeName] = PURE_VIEW;\n      }\n    }\n\n    if (nodeName === VIEW && node.isOnlyClickBinded() && !isHasExtractProp(node)) {\n      data[Shortcuts.NodeName] = CLICK_VIEW;\n    }\n  }\n\n  const { props } = node;\n  for (const prop in props) {\n    const propInCamelCase = toCamelCase(prop);\n    if (\n      !prop.startsWith('data-') && // 在 node.dataset 的数据\n      prop !== CLASS &&\n      prop !== STYLE &&\n      prop !== ID &&\n      propInCamelCase !== CATCHMOVE &&\n      propInCamelCase !== COMPILE_MODE\n    ) {\n      data[propInCamelCase] = props[prop];\n    }\n    if (\n      process.env.TARO_ENV !== 'swan' &&\n      nodeName === VIEW &&\n      propInCamelCase === CATCHMOVE &&\n      props[prop] !== false\n    ) {\n      data[Shortcuts.NodeName] = CATCH_VIEW;\n    }\n    if (propInCamelCase === COMPILE_MODE) {\n      compileModeName = props[prop];\n    }\n  }\n\n  // Children\n  data[Shortcuts.Childnodes] = node.childNodes.filter((node) => !isComment(node)).map(hydrate);\n\n  if (node.className !== '') {\n    data[Shortcuts.Class] = node.className;\n  }\n\n  const cssText = node.cssText;\n  if (cssText !== '' && nodeName !== 'swiper-item') {\n    data[Shortcuts.Style] = cssText;\n  }\n\n  hooks.call('modifyHydrateData', data, node);\n\n  const nn = data[Shortcuts.NodeName];\n  const componentAlias = componentsAlias[nn];\n  if (componentAlias) {\n    data[Shortcuts.NodeName] = componentAlias._num;\n    for (const prop in data) {\n      if (prop in componentAlias) {\n        data[componentAlias[prop]] = data[prop];\n        delete data[prop];\n      }\n    }\n  }\n\n  if (compileModeName !== null) {\n    data[Shortcuts.NodeName] = compileModeName;\n  }\n\n  const resData = hooks.call('transferHydrateData', data, node, componentAlias);\n\n  return resData || data;\n}\n"],"mappings":";;;;AASA,IAAI;AACJ,IAAI;;;;;;;AAQJ,SAAgB,QAAQ,MAAwC;CAE9D,oBAAoBA,qBAAmB;CAGvC,kBAAkB,MAAM,KAAK,iBAAiB;CAE9C,MAAM,WAAW,KAAK;CACtB,IAAI,kBAAkB;CAEtB,IAAI,OAAO,IAAI,GACb,OAAO;EACL,KAAK,KAAK;GACT,UAAU,OAAO,KAAK;GACtB,UAAU,WAAW,gBAAgB,WAAW,QAAQ;CAC3D;CAGF,MAAM,OAAwB;GAC3B,UAAU,WAAW;EACtB,KAAK,KAAK;CACZ;CAEA,IAAI,KAAK,QAAQ,KAAK,KACpB,KAAK,MAAM,KAAK;CAGlB,IAAI,cAAc,QAAQ,QAAQ,IAAI,IAAI;EACxC,IAAI,CAAC,KAAK,iBAAiB,GAAG;GAC5B,KAAK,UAAU,YAAY,UAAU;GACrC,IAAI,aAAA,UAAqB,CAAC,iBAAiB,IAAI,GAC7C,KAAK,UAAU,YAAY;EAE/B;EAEA,IAAI,aAAA,UAAqB,KAAK,kBAAkB,KAAK,CAAC,iBAAiB,IAAI,GACzE,KAAK,UAAU,YAAY;CAE/B;CAEA,MAAM,EAAE,UAAU;CAClB,KAAK,MAAM,QAAQ,OAAO;EACxB,MAAM,kBAAkB,YAAY,IAAI;EACxC,IACE,CAAC,KAAK,WAAW,OAAO,KACxB,SAAA,WACA,SAAA,WACA,SAAA,QACA,oBAAA,eACA,oBAAA,eAEA,KAAK,mBAAmB,MAAM;EAEhC,IACE,QAAQ,IAAI,aAAa,UACzB,aAAA,UACA,oBAAA,eACA,MAAM,UAAU,OAEhB,KAAK,UAAU,YAAY;EAE7B,IAAI,oBAAA,eACF,kBAAkB,MAAM;CAE5B;CAGA,KAAK,UAAU,cAAc,KAAK,WAAW,QAAQ,SAAS,CAAC,UAAU,IAAI,CAAC,EAAE,IAAI,OAAO;CAE3F,IAAI,KAAK,cAAc,IACrB,KAAK,UAAU,SAAS,KAAK;CAG/B,MAAM,UAAU,KAAK;CACrB,IAAI,YAAY,MAAM,aAAa,eACjC,KAAK,UAAU,SAAS;CAG1B,MAAM,KAAK,qBAAqB,MAAM,IAAI;CAE1C,MAAM,KAAK,KAAK,UAAU;CAC1B,MAAM,iBAAiB,gBAAgB;CACvC,IAAI,gBAAgB;EAClB,KAAK,UAAU,YAAY,eAAe;EAC1C,KAAK,MAAM,QAAQ,MACjB,IAAI,QAAQ,gBAAgB;GAC1B,KAAK,eAAe,SAAS,KAAK;GAClC,OAAO,KAAK;EACd;CAEJ;CAEA,IAAI,oBAAoB,MACtB,KAAK,UAAU,YAAY;CAK7B,OAFgB,MAAM,KAAK,uBAAuB,MAAM,MAAM,cAEjD,KAAK;AACpB"}

package/dist/index.cjs.d.ts

@@ -0,0 +1,35 @@
+import './dom-external';
+import env from './env';
+export { hooks } from '@spcsn/taro-shared';
+export { taroDocumentProvider as document } from './bom/document';
+export { taroGetComputedStyleProvider as getComputedStyle } from './bom/getComputedStyle';
+export { History } from './bom/history';
+export { Location } from './bom/location';
+export { nav as navigator } from './bom/navigator';
+export { caf as cancelAnimationFrame, now, raf as requestAnimationFrame } from './bom/raf';
+export { parseUrl, TaroURLProvider as URL } from './bom/URL';
+export { URLSearchParams } from './bom/URLSearchParams';
+export { taroHistoryProvider as history, taroLocationProvider as location, taroWindowProvider as window, } from './bom/window';
+export { TaroElement } from './dom/element';
+export { createEvent, eventHandler, eventHandlerTTDom, TaroEvent } from './dom/event';
+export { FormElement } from './dom/form';
+export { TaroNode } from './dom/node';
+export { TaroRootElement } from './dom/root';
+export { Style } from './dom/style';
+export { SVGElement } from './dom/svg';
+export { TaroText } from './dom/text';
+export { MutationObserver } from './dom-external/mutation-observer';
+export { env };
+export * from './constants';
+export { Current, getCurrentInstance } from './current';
+export { eventSource } from './dom/event-source';
+export { createComponentConfig, createPageConfig, createRecursiveComponentConfig, getOnHideEventKey, getOnReadyEventKey, getOnShowEventKey, getPageInstance, getPath, injectPageInstance, removePageInstance, safeExecute, stringify, } from './dsl/common';
+export * from './emitter/emitter';
+export { hydrate } from './hydrate';
+export { nextTick } from './next-tick';
+export { options } from './options';
+export * from './perf';
+export * from './utils';
+export * from './dsl/instance';
+export * from './interface';
+export * from './polyfill';