react-native-skelo 0.0.1 → 0.0.2

package/lib/commonjs/components/primitives/SkeletonImage.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SkeletonImage = SkeletonImage;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _animations = require("../../animations");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * Image skeleton primitive
+ *
+ * @example
+ * ```tsx
+ * <SkeletonImage width={80} height={80} borderRadius={40} />
+ * ```
+ */
+function SkeletonImage({
+  width = 100,
+  height = 100,
+  borderRadius = 0,
+  style,
+  animation = 'shimmer',
+  baseColor,
+  highlightColor,
+  duration
+}) {
+  return /*#__PURE__*/_react.default.createElement(_animations.AnimationWrapper, {
+    animation: animation,
+    width: width,
+    height: height,
+    borderRadius: borderRadius,
+    baseColor: baseColor,
+    highlightColor: highlightColor,
+    duration: duration,
+    style: [styles.image, style]
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  image: {
+    overflow: 'hidden'
+  }
+});
+SkeletonImage.displayName = 'Skeleton.Image';
+//# sourceMappingURL=SkeletonImage.js.map

package/lib/commonjs/components/primitives/SkeletonImage.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_animations","e","__esModule","default","SkeletonImage","width","height","borderRadius","style","animation","baseColor","highlightColor","duration","createElement","AnimationWrapper","styles","image","StyleSheet","create","overflow","displayName"],"sourceRoot":"../../../../src","sources":["components/primitives/SkeletonImage.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,WAAA,GAAAF,OAAA;AAAoD,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAGpD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASG,aAAaA,CAAC;EAC5BC,KAAK,GAAG,GAAG;EACXC,MAAM,GAAG,GAAG;EACZC,YAAY,GAAG,CAAC;EAChBC,KAAK;EACLC,SAAS,GAAG,SAAS;EACrBC,SAAS;EACTC,cAAc;EACdC;AAMF,CAAC,EAAE;EACD,oBACEhB,MAAA,CAAAO,OAAA,CAAAU,aAAA,CAACb,WAAA,CAAAc,gBAAgB;IACfL,SAAS,EAAEA,SAAU;IACrBJ,KAAK,EAAEA,KAAM;IACbC,MAAM,EAAEA,MAAO;IACfC,YAAY,EAAEA,YAAa;IAC3BG,SAAS,EAAEA,SAAU;IACrBC,cAAc,EAAEA,cAAe;IAC/BC,QAAQ,EAAEA,QAAS;IACnBJ,KAAK,EAAE,CAACO,MAAM,CAACC,KAAK,EAAER,KAAK;EAAE,CAC9B,CAAC;AAEN;AAEA,MAAMO,MAAM,GAAGE,uBAAU,CAACC,MAAM,CAAC;EAC/BF,KAAK,EAAE;IACLG,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC;AAEFf,aAAa,CAACgB,WAAW,GAAG,gBAAgB","ignoreList":[]}

package/lib/commonjs/components/primitives/SkeletonText.js

@@ -0,0 +1,60 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SkeletonText = SkeletonText;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _animations = require("../../animations");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * Text skeleton primitive with multiple lines
+ *
+ * @example
+ * ```tsx
+ * <SkeletonText lines={3} fontSize={16} lastLineWidth="70%" />
+ * ```
+ */
+function SkeletonText({
+  lines = 1,
+  fontSize = 14,
+  lineHeight,
+  width = '100%',
+  lastLineWidth = '60%',
+  style,
+  animation = 'shimmer',
+  baseColor,
+  highlightColor,
+  duration
+}) {
+  const calculatedLineHeight = lineHeight || fontSize * 1.4;
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: style
+  }, Array.from({
+    length: lines
+  }).map((_, index) => {
+    const isLastLine = index === lines - 1;
+    const lineWidth = isLastLine && lines > 1 ? lastLineWidth : width;
+    return /*#__PURE__*/_react.default.createElement(_animations.AnimationWrapper, {
+      key: index,
+      animation: animation,
+      width: lineWidth,
+      height: fontSize,
+      borderRadius: 4,
+      baseColor: baseColor,
+      highlightColor: highlightColor,
+      duration: duration,
+      style: [styles.line, {
+        marginBottom: index < lines - 1 ? calculatedLineHeight - fontSize : 0
+      }]
+    });
+  }));
+}
+const styles = _reactNative.StyleSheet.create({
+  line: {
+    overflow: 'hidden'
+  }
+});
+SkeletonText.displayName = 'Skeleton.Text';
+//# sourceMappingURL=SkeletonText.js.map

package/lib/commonjs/components/primitives/SkeletonText.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_animations","e","__esModule","default","SkeletonText","lines","fontSize","lineHeight","width","lastLineWidth","style","animation","baseColor","highlightColor","duration","calculatedLineHeight","createElement","View","Array","from","length","map","_","index","isLastLine","lineWidth","AnimationWrapper","key","height","borderRadius","styles","line","marginBottom","StyleSheet","create","overflow","displayName"],"sourceRoot":"../../../../src","sources":["components/primitives/SkeletonText.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,WAAA,GAAAF,OAAA;AAAoD,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAGpD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASG,YAAYA,CAAC;EAC3BC,KAAK,GAAG,CAAC;EACTC,QAAQ,GAAG,EAAE;EACbC,UAAU;EACVC,KAAK,GAAG,MAAM;EACdC,aAAa,GAAG,KAAK;EACrBC,KAAK;EACLC,SAAS,GAAG,SAAS;EACrBC,SAAS;EACTC,cAAc;EACdC;AAMF,CAAC,EAAE;EACD,MAAMC,oBAAoB,GAAGR,UAAU,IAAID,QAAQ,GAAG,GAAG;EAEzD,oBACEV,MAAA,CAAAO,OAAA,CAAAa,aAAA,CAACjB,YAAA,CAAAkB,IAAI;IAACP,KAAK,EAAEA;EAAM,GAChBQ,KAAK,CAACC,IAAI,CAAC;IAAEC,MAAM,EAAEf;EAAM,CAAC,CAAC,CAACgB,GAAG,CAAC,CAACC,CAAC,EAAEC,KAAK,KAAK;IAC/C,MAAMC,UAAU,GAAGD,KAAK,KAAKlB,KAAK,GAAG,CAAC;IACtC,MAAMoB,SAAS,GAAGD,UAAU,IAAInB,KAAK,GAAG,CAAC,GAAGI,aAAa,GAAGD,KAAK;IAEjE,oBACEZ,MAAA,CAAAO,OAAA,CAAAa,aAAA,CAAChB,WAAA,CAAA0B,gBAAgB;MACfC,GAAG,EAAEJ,KAAM;MACXZ,SAAS,EAAEA,SAAU;MACrBH,KAAK,EAAEiB,SAAU;MACjBG,MAAM,EAAEtB,QAAS;MACjBuB,YAAY,EAAE,CAAE;MAChBjB,SAAS,EAAEA,SAAU;MACrBC,cAAc,EAAEA,cAAe;MAC/BC,QAAQ,EAAEA,QAAS;MACnBJ,KAAK,EAAE,CACLoB,MAAM,CAACC,IAAI,EACX;QACEC,YAAY,EAAET,KAAK,GAAGlB,KAAK,GAAG,CAAC,GAAGU,oBAAoB,GAAGT,QAAQ,GAAG;MACtE,CAAC;IACD,CACH,CAAC;EAEN,CAAC,CACG,CAAC;AAEX;AAEA,MAAMwB,MAAM,GAAGG,uBAAU,CAACC,MAAM,CAAC;EAC/BH,IAAI,EAAE;IACJI,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC;AAEF/B,YAAY,CAACgC,WAAW,GAAG,eAAe","ignoreList":[]}

package/lib/commonjs/components/primitives/index.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "SkeletonBox", {
+  enumerable: true,
+  get: function () {
+    return _SkeletonBox.SkeletonBox;
+  }
+});
+Object.defineProperty(exports, "SkeletonCircle", {
+  enumerable: true,
+  get: function () {
+    return _SkeletonCircle.SkeletonCircle;
+  }
+});
+Object.defineProperty(exports, "SkeletonImage", {
+  enumerable: true,
+  get: function () {
+    return _SkeletonImage.SkeletonImage;
+  }
+});
+Object.defineProperty(exports, "SkeletonText", {
+  enumerable: true,
+  get: function () {
+    return _SkeletonText.SkeletonText;
+  }
+});
+var _SkeletonBox = require("./SkeletonBox");
+var _SkeletonText = require("./SkeletonText");
+var _SkeletonImage = require("./SkeletonImage");
+var _SkeletonCircle = require("./SkeletonCircle");
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/primitives/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_SkeletonBox","require","_SkeletonText","_SkeletonImage","_SkeletonCircle"],"sourceRoot":"../../../../src","sources":["components/primitives/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,eAAA,GAAAH,OAAA","ignoreList":[]}

package/lib/commonjs/components/withSkeleton.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.withSkeleton = withSkeleton;
+var _react = _interopRequireDefault(require("react"));
+var _Skeleton = require("./Skeleton");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * Higher-order component that adds a loading skeleton to any component.
+ *
+ * The returned component accepts a `loading` prop (plus the wrapped
+ * component's own props). While `loading` is true it renders a skeleton
+ * derived from `options.styles`; otherwise it renders the real component.
+ *
+ * @example
+ * ```tsx
+ * const Home = withSkeleton(HomeScreen, { styles });
+ *
+ * <Home loading={isLoading} user={user} />
+ * ```
+ */
+function withSkeleton(Component, options = {}) {
+  const WithSkeleton = props => {
+    const {
+      loading,
+      ...componentProps
+    } = props;
+    return /*#__PURE__*/_react.default.createElement(_Skeleton.Skeleton, {
+      loading: loading,
+      styles: options.styles,
+      excludeStyles: options.excludeStyles,
+      animation: options.animation,
+      duration: options.duration,
+      baseColor: options.baseColor,
+      highlightColor: options.highlightColor,
+      borderRadius: options.borderRadius
+    }, /*#__PURE__*/_react.default.createElement(Component, componentProps));
+  };
+  const name = Component.displayName || Component.name || 'Component';
+  WithSkeleton.displayName = `withSkeleton(${name})`;
+  return WithSkeleton;
+}
+//# sourceMappingURL=withSkeleton.js.map

package/lib/commonjs/components/withSkeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_Skeleton","e","__esModule","default","withSkeleton","Component","options","WithSkeleton","props","loading","componentProps","createElement","Skeleton","styles","excludeStyles","animation","duration","baseColor","highlightColor","borderRadius","name","displayName"],"sourceRoot":"../../../src","sources":["components/withSkeleton.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAIA,IAAAC,SAAA,GAAAD,OAAA;AAAsC,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAgBtC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASG,YAAYA,CAC1BC,SAA2B,EAC3BC,OAA4B,GAAG,CAAC,CAAC,EACjC;EACA,MAAMC,YAAY,GAAIC,KAA+B,IAAK;IACxD,MAAM;MAAEC,OAAO;MAAE,GAAGC;IAAe,CAAC,GAAGF,KAAK;IAE5C,oBACEX,MAAA,CAAAM,OAAA,CAAAQ,aAAA,CAACX,SAAA,CAAAY,QAAQ;MACPH,OAAO,EAAEA,OAAQ;MACjBI,MAAM,EAAEP,OAAO,CAACO,MAAO;MACvBC,aAAa,EAAER,OAAO,CAACQ,aAAc;MACrCC,SAAS,EAAET,OAAO,CAACS,SAAU;MAC7BC,QAAQ,EAAEV,OAAO,CAACU,QAAS;MAC3BC,SAAS,EAAEX,OAAO,CAACW,SAAU;MAC7BC,cAAc,EAAEZ,OAAO,CAACY,cAAe;MACvCC,YAAY,EAAEb,OAAO,CAACa;IAAa,gBAEnCtB,MAAA,CAAAM,OAAA,CAAAQ,aAAA,CAACN,SAAS,EAAMK,cAAkC,CAC1C,CAAC;EAEf,CAAC;EAED,MAAMU,IAAI,GAAGf,SAAS,CAACgB,WAAW,IAAIhB,SAAS,CAACe,IAAI,IAAI,WAAW;EACnEb,YAAY,CAACc,WAAW,GAAG,gBAAgBD,IAAI,GAAG;EAElD,OAAOb,YAAY;AACrB","ignoreList":[]}

package/lib/commonjs/constants/defaults.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DEFAULT_DIMENSIONS = exports.DEFAULT_CONFIG = exports.DARK_MODE_COLORS = void 0;
+/**
+ * Default skeleton configuration
+ */
+const DEFAULT_CONFIG = exports.DEFAULT_CONFIG = {
+  animation: 'shimmer',
+  duration: 1200,
+  baseColor: '#E1E9EE',
+  highlightColor: '#F0F4F8',
+  borderRadius: 4,
+  debug: false
+};
+
+/**
+ * Dark mode colors
+ */
+const DARK_MODE_COLORS = exports.DARK_MODE_COLORS = {
+  baseColor: '#2A3F4F',
+  highlightColor: '#3A5364'
+};
+
+/**
+ * Default dimensions for components without explicit sizing
+ */
+const DEFAULT_DIMENSIONS = exports.DEFAULT_DIMENSIONS = {
+  image: {
+    width: 100,
+    height: 100
+  },
+  text: {
+    fontSize: 14,
+    lineHeight: 20
+  },
+  box: {
+    height: 50
+  }
+};
+//# sourceMappingURL=defaults.js.map

package/lib/commonjs/constants/defaults.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DEFAULT_CONFIG","exports","animation","duration","baseColor","highlightColor","borderRadius","debug","DARK_MODE_COLORS","DEFAULT_DIMENSIONS","image","width","height","text","fontSize","lineHeight","box"],"sourceRoot":"../../../src","sources":["constants/defaults.ts"],"mappings":";;;;;;AAEA;AACA;AACA;AACO,MAAMA,cAAwC,GAAAC,OAAA,CAAAD,cAAA,GAAG;EACtDE,SAAS,EAAE,SAAS;EACpBC,QAAQ,EAAE,IAAI;EACdC,SAAS,EAAE,SAAS;EACpBC,cAAc,EAAE,SAAS;EACzBC,YAAY,EAAE,CAAC;EACfC,KAAK,EAAE;AACT,CAAC;;AAED;AACA;AACA;AACO,MAAMC,gBAAgB,GAAAP,OAAA,CAAAO,gBAAA,GAAG;EAC9BJ,SAAS,EAAE,SAAS;EACpBC,cAAc,EAAE;AAClB,CAAC;;AAED;AACA;AACA;AACO,MAAMI,kBAAkB,GAAAR,OAAA,CAAAQ,kBAAA,GAAG;EAChCC,KAAK,EAAE;IACLC,KAAK,EAAE,GAAG;IACVC,MAAM,EAAE;EACV,CAAC;EACDC,IAAI,EAAE;IACJC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE;EACd,CAAC;EACDC,GAAG,EAAE;IACHJ,MAAM,EAAE;EACV;AACF,CAAC","ignoreList":[]}

package/lib/commonjs/core/deepRegistry.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getDeepExpander = getDeepExpander;
+exports.setDeepExpander = setDeepExpander;
+// Deep expansion is opt-in so the core bundle never depends on react-reconciler.
+// `react-native-skelo/deep` registers the expander; Skeleton reads it here.
+
+let expander = null;
+function setDeepExpander(fn) {
+  expander = fn;
+}
+function getDeepExpander() {
+  return expander;
+}
+//# sourceMappingURL=deepRegistry.js.map

package/lib/commonjs/core/deepRegistry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["expander","setDeepExpander","fn","getDeepExpander"],"sourceRoot":"../../../src","sources":["core/deepRegistry.ts"],"mappings":";;;;;;;AAGA;AACA;;AAGA,IAAIA,QAA6B,GAAG,IAAI;AAEjC,SAASC,eAAeA,CAACC,EAAgB,EAAQ;EACtDF,QAAQ,GAAGE,EAAE;AACf;AAEO,SAASC,eAAeA,CAAA,EAAwB;EACrD,OAAOH,QAAQ;AACjB","ignoreList":[]}

package/lib/commonjs/core/generator/StyleSkeleton.js

@@ -0,0 +1,101 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyleSkeleton = StyleSkeleton;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _primitives = require("../../components/primitives");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+/**
+ * A single named style, or an ordered list of styles, or a whole StyleSheet
+ * object as returned by `StyleSheet.create`.
+ */
+
+/**
+ * Turn one flattened style into the most appropriate skeleton primitive.
+ *
+ * Heuristics:
+ * - a `fontSize` with no explicit height  → text bar
+ * - square with radius ≥ half its size    → circle (avatar)
+ * - anything with width and/or height     → box
+ * - a pure layout container (no visual dimensions) → skipped (returns null)
+ */
+function styleToSkeleton(rawStyle, key, config) {
+  const flat = _reactNative.StyleSheet.flatten(rawStyle) || {};
+  const {
+    width,
+    height,
+    borderRadius,
+    fontSize
+  } = flat;
+  const anim = {
+    animation: config.animation,
+    baseColor: config.baseColor,
+    highlightColor: config.highlightColor,
+    duration: config.duration
+  };
+  const spacing = {
+    marginTop: flat.marginTop ?? 0,
+    marginBottom: flat.marginBottom ?? 12
+  };
+
+  // Text-like: has a font size but isn't a fixed-height box.
+  if (fontSize != null && height == null) {
+    return /*#__PURE__*/_react.default.createElement(_primitives.SkeletonText, _extends({
+      key: key,
+      lines: 1,
+      fontSize: fontSize,
+      lineHeight: flat.lineHeight,
+      width: width ?? '60%',
+      style: spacing
+    }, anim));
+  }
+
+  // Circle / avatar: square with a radius that rounds it fully.
+  if (typeof width === 'number' && width === height && typeof borderRadius === 'number' && borderRadius >= width / 2) {
+    return /*#__PURE__*/_react.default.createElement(_primitives.SkeletonCircle, _extends({
+      key: key,
+      size: width,
+      style: spacing
+    }, anim));
+  }
+
+  // Box: anything with an explicit dimension.
+  if (width != null || height != null) {
+    return /*#__PURE__*/_react.default.createElement(_primitives.SkeletonBox, _extends({
+      key: key,
+      width: width ?? '100%',
+      height: height ?? 20,
+      borderRadius: borderRadius ?? config.borderRadius ?? 4,
+      style: spacing
+    }, anim));
+  }
+
+  // Pure layout container (no visual footprint) — nothing to draw.
+  return null;
+}
+
+/**
+ * Generates a skeleton directly from a set of styles.
+ *
+ * Because a StyleSheet is flat (no element hierarchy), the output is a vertical
+ * stack of skeleton shapes — one per style that has visual dimensions — sized
+ * from each style's own props. Layout-only styles are skipped.
+ */
+function StyleSkeleton({
+  styles,
+  config,
+  exclude
+}) {
+  const entries = Array.isArray(styles) ? styles.map((s, i) => [i, s]) : Object.entries(styles || {}).filter(([name]) => !exclude || !exclude.includes(name));
+  const nodes = entries.map(([key, style]) => styleToSkeleton(style, key, config)).filter(n => n !== null);
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    accessibilityRole: "progressbar",
+    accessible: true
+  }, nodes);
+}
+StyleSkeleton.displayName = 'Skeleton.FromStyles';
+//# sourceMappingURL=StyleSkeleton.js.map

package/lib/commonjs/core/generator/StyleSkeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_primitives","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","styleToSkeleton","rawStyle","key","config","flat","StyleSheet","flatten","width","height","borderRadius","fontSize","anim","animation","baseColor","highlightColor","duration","spacing","marginTop","marginBottom","createElement","SkeletonText","lines","lineHeight","style","SkeletonCircle","size","SkeletonBox","StyleSkeleton","styles","exclude","entries","Array","isArray","map","s","i","filter","name","includes","nodes","View","accessibilityRole","accessible","displayName"],"sourceRoot":"../../../../src","sources":["core/generator/StyleSkeleton.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/core/parser/Parser.js

@@ -0,0 +1,84 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Parser = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _resolver = require("../resolver");
+var _utils = require("../../utils");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
+ * Parser class for traversing and analyzing React component trees
+ */
+class Parser {
+  /**
+   * Parse a React element tree into a component node tree
+   *
+   * @param children - React children to parse
+   * @returns Array of component nodes
+   */
+  static parse(children) {
+    const flattened = (0, _utils.flattenChildren)(children);
+    const nodes = [];
+    flattened.forEach(child => {
+      if (! /*#__PURE__*/(0, _react.isValidElement)(child)) {
+        // Skip non-element children (strings, numbers, null, etc.)
+        return;
+      }
+      const node = this.parseElement(child);
+      if (node) {
+        nodes.push(node);
+      }
+    });
+    return nodes;
+  }
+
+  /**
+   * Parse a single React element
+   *
+   * @param element - React element
+   * @returns Component node or null
+   */
+  static parseElement(element) {
+    const type = (0, _utils.getComponentName)(element);
+    const props = element.props || {};
+    const style = _resolver.StyleResolver.resolve(element);
+
+    // Parse children recursively
+    const children = props.children ? this.parse(props.children) : [];
+    return {
+      type,
+      props,
+      style,
+      children,
+      element
+    };
+  }
+
+  /**
+   * Estimate number of text lines from content and style
+   *
+   * @param children - Text content
+   * @param style - Resolved style
+   * @returns Estimated number of lines
+   */
+  static estimateTextLines(children, _style) {
+    if (!children) {
+      return 1;
+    }
+
+    // Convert children to string
+    const text = _react.default.Children.toArray(children).filter(child => typeof child === 'string' || typeof child === 'number').join('');
+    if (!text) {
+      return 1;
+    }
+
+    // Simple heuristic: ~40 characters per line
+    const avgCharsPerLine = 40;
+    const estimatedLines = Math.ceil(text.length / avgCharsPerLine);
+    return Math.max(1, Math.min(estimatedLines, 5)); // Cap at 5 lines
+  }
+}
+exports.Parser = Parser;
+//# sourceMappingURL=Parser.js.map

package/lib/commonjs/core/parser/Parser.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_resolver","_utils","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Parser","parse","children","flattened","flattenChildren","nodes","forEach","child","isValidElement","node","parseElement","push","element","type","getComponentName","props","style","StyleResolver","resolve","estimateTextLines","_style","text","React","Children","toArray","filter","join","avgCharsPerLine","estimatedLines","Math","ceil","length","max","min","exports"],"sourceRoot":"../../../../src","sources":["core/parser/Parser.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/core/parser/expandOffline.js

@@ -0,0 +1,83 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.expandToComponentNodes = expandToComponentNodes;
+var _styleUtils = require("../../utils/styleUtils");
+var _hostTreeReconciler = require("./hostTreeReconciler");
+/**
+ * Offline structural expansion.
+ *
+ * Renders an element (including opaque function/class components) through a
+ * JS-only `react-reconciler` renderer to recover its underlying host-element
+ * tree (View / Text / Image + resolved styles), then converts it to Skelo's
+ * `ComponentNode` tree.
+ *
+ * This is what lets `<Skeleton><AnyComponent/></Skeleton>` produce a *structured*
+ * skeleton without the developer inlining host elements — the core DX. No
+ * deprecated APIs, no `act()`.
+ *
+ * Caveats (inherent to rendering the real component):
+ * - The component's mount effects run during expansion. Effectful screens
+ *   should be guarded or given an explicit skeleton via `Skelo.register`.
+ * - It renders outside the app's providers, so context-dependent components may
+ *   throw — caught, returning null so the caller falls back to static parsing.
+ */
+
+/**
+ * Normalize a host instance type to a canonical name the renderer understands.
+ * On device, RN host components may surface as native names (e.g. RCTView,
+ * RCTSinglelineTextInputView); map them to View/Text/Image/etc.
+ */
+function normalizeType(type) {
+  if (/image/i.test(type)) return 'Image';
+  if (/textinput/i.test(type)) return 'TextInput';
+  if (/text/i.test(type)) return 'Text';
+  if (/scroll/i.test(type)) return 'ScrollView';
+  if (/(flat|section|virtualized)list/i.test(type)) return 'FlatList';
+  // Everything else is treated as a plain container view.
+  return 'View';
+}
+function toComponentNode(node) {
+  if (node.type === '#text') {
+    return null; // text is folded into its parent's props.children
+  }
+  const textParts = [];
+  const elementChildren = [];
+  for (const child of node.children) {
+    if (child.type === '#text') {
+      if (child.text) textParts.push(child.text);
+    } else {
+      elementChildren.push(child);
+    }
+  }
+  const props = {
+    ...node.props
+  };
+  if (textParts.length > 0 && props.children == null) {
+    props.children = textParts.join('');
+  }
+  const style = (0, _styleUtils.resolveStyle)(node.props.style);
+  return {
+    type: normalizeType(node.type),
+    props,
+    style,
+    children: elementChildren.map(toComponentNode).filter(n => n !== null)
+  };
+}
+
+/**
+ * Expand an element to a `ComponentNode[]` via offline rendering.
+ *
+ * @returns the host-tree nodes, or `null` if offline rendering is unavailable
+ *          (react-reconciler not installed) or the render failed.
+ */
+function expandToComponentNodes(element) {
+  const tree = (0, _hostTreeReconciler.renderToHostTree)(element);
+  if (!tree) {
+    return null;
+  }
+  return tree.map(toComponentNode).filter(n => n !== null);
+}
+//# sourceMappingURL=expandOffline.js.map

package/lib/commonjs/core/parser/expandOffline.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_styleUtils","require","_hostTreeReconciler","normalizeType","type","test","toComponentNode","node","textParts","elementChildren","child","children","text","push","props","length","join","style","resolveStyle","map","filter","n","expandToComponentNodes","element","tree","renderToHostTree"],"sourceRoot":"../../../../src","sources":["core/parser/expandOffline.tsx"],"mappings":";;;;;;AAEA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,mBAAA,GAAAD,OAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA,SAASE,aAAaA,CAACC,IAAY,EAAU;EAC3C,IAAI,QAAQ,CAACC,IAAI,CAACD,IAAI,CAAC,EAAE,OAAO,OAAO;EACvC,IAAI,YAAY,CAACC,IAAI,CAACD,IAAI,CAAC,EAAE,OAAO,WAAW;EAC/C,IAAI,OAAO,CAACC,IAAI,CAACD,IAAI,CAAC,EAAE,OAAO,MAAM;EACrC,IAAI,SAAS,CAACC,IAAI,CAACD,IAAI,CAAC,EAAE,OAAO,YAAY;EAC7C,IAAI,iCAAiC,CAACC,IAAI,CAACD,IAAI,CAAC,EAAE,OAAO,UAAU;EACnE;EACA,OAAO,MAAM;AACf;AAEA,SAASE,eAAeA,CAACC,IAAkB,EAAwB;EACjE,IAAIA,IAAI,CAACH,IAAI,KAAK,OAAO,EAAE;IACzB,OAAO,IAAI,CAAC,CAAC;EACf;EAEA,MAAMI,SAAmB,GAAG,EAAE;EAC9B,MAAMC,eAA+B,GAAG,EAAE;EAC1C,KAAK,MAAMC,KAAK,IAAIH,IAAI,CAACI,QAAQ,EAAE;IACjC,IAAID,KAAK,CAACN,IAAI,KAAK,OAAO,EAAE;MAC1B,IAAIM,KAAK,CAACE,IAAI,EAAEJ,SAAS,CAACK,IAAI,CAACH,KAAK,CAACE,IAAI,CAAC;IAC5C,CAAC,MAAM;MACLH,eAAe,CAACI,IAAI,CAACH,KAAK,CAAC;IAC7B;EACF;EAEA,MAAMI,KAA8B,GAAG;IAAE,GAAGP,IAAI,CAACO;EAAM,CAAC;EACxD,IAAIN,SAAS,CAACO,MAAM,GAAG,CAAC,IAAID,KAAK,CAACH,QAAQ,IAAI,IAAI,EAAE;IAClDG,KAAK,CAACH,QAAQ,GAAGH,SAAS,CAACQ,IAAI,CAAC,EAAE,CAAC;EACrC;EAEA,MAAMC,KAAoB,GAAG,IAAAC,wBAAY,EAACX,IAAI,CAACO,KAAK,CAACG,KAAK,CAAC;EAE3D,OAAO;IACLb,IAAI,EAAED,aAAa,CAACI,IAAI,CAACH,IAAI,CAAC;IAC9BU,KAAK;IACLG,KAAK;IACLN,QAAQ,EAAEF,eAAe,CAACU,GAAG,CAACb,eAAe,CAAC,CAACc,MAAM,CAAEC,CAAC,IAAyBA,CAAC,KAAK,IAAI;EAC7F,CAAC;AACH;;AAEA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,sBAAsBA,CAACC,OAAqB,EAA0B;EACpF,MAAMC,IAAI,GAAG,IAAAC,oCAAgB,EAACF,OAAO,CAAC;EACtC,IAAI,CAACC,IAAI,EAAE;IACT,OAAO,IAAI;EACb;EACA,OAAOA,IAAI,CAACL,GAAG,CAACb,eAAe,CAAC,CAACc,MAAM,CAAEC,CAAC,IAAyBA,CAAC,KAAK,IAAI,CAAC;AAChF","ignoreList":[]}