@prototyp/skeletor 1.0.2

package/.eslintrc.json

@@ -0,0 +1,19 @@
+{
+  "extends": "@react-native-community",
+  "parser": "@typescript-eslint/parser",
+  "plugins": ["@typescript-eslint", "import", "prettier"],
+  "rules": {
+    "quotes": ["error", "double", { "avoidEscape": true }],
+    "react-hooks/exhaustive-deps": "off"
+  },
+  "overrides": [
+    {
+      "files": ["*.ts", "*.tsx"],
+      "rules": {
+        "@typescript-eslint/no-shadow": ["error"],
+        "no-shadow": "off",
+        "no-undef": "off"
+      }
+    }
+  ]
+}

package/.github/CODEOWNERS

@@ -0,0 +1,2 @@
+@lbuljan
+@prototypdigital

package/.gitignore

@@ -0,0 +1,5 @@
+node_modules/*
+*DS_Store
+*.tgz
+# generated by bob
+lib/

package/README.md

@@ -0,0 +1,418 @@
+### Welcome to Skeletor
+
+#### Our small in-house react-native toolkit to make your life easier
+
+## Project setup
+
+Since this is supposed to be as configurable as possible while still maintaining some form and structure with how things should be done, you'll have to set up a couple things first.
+
+### Initialize Skeletor
+
+Add the SkeletorProvider component as the (or one of) top wrapper of your application. Example:
+
+```javascript
+/// index.js
+const App = () => {
+    return (
+        <SkeletorProvider>
+            <StoreProvider>
+                <RootNavigator />
+            </StoreProvider>
+        </SkeletorProvider>
+    );
+};
+```
+
+Configure the SkeletorProvider properties with whatever you desire. Here is the list of all configurable properties for the SkeletorProvider component:
+
+```javascript
+type SkeletorConfig = {
+    defaultFont: Font,
+    defaultFontSize: number,
+    defaultStatusBarType: "dark-content" | "light-content" | "default",
+};
+```
+
+For Skeletor to detect the fonts you have added, you will have to create a type defintion file to override the existing Font type like in the following example:
+
+```javascript
+/// @types/Font.d.ts
+type Font = "Helvetica" | "Roboto" | "San Francisco";
+```
+
+Then you can configure the `defaultFont` property as follows:
+
+```javascript
+<SkeletorProvider defaultFont="Arial">...</SkeletorProvider>
+```
+
+To get access to the skeletor styles in other components, you can use the provided `useSkeletor` hook that will return the entire Skeletor configuration object. For instance:
+
+```javascript
+const skeletor = useSkeletor();
+return <SomeComponent style={{ fontFamily: skeletor.defaultFont }} />;
+```
+
+## Components
+
+### Screen
+
+---
+
+Use this as the top-level wrapper for every screen you navigate to. Is not intended as a wrapper for other components, as you may deduce from the name.
+
+#### Props
+
+```
+/** Pass a specific background view (gradients, animated backgrounds etc) OR just a background color value. Custom components should be 100% height and width to span the full screen area. */
+background?: JSX.Element | string;
+hideTopSafeArea?: boolean;
+hideBottomSafeArea?: boolean;
+/** Set bottom safe area background color */
+bottomSafeAreaColor?: string;
+/** Set top safe area background color */
+topSafeAreaColor?: string;
+/** Set device status bar color type. */
+statusBarType?: "default" | "light-content" | "dark-content";
+isLandscape?: boolean;
+```
+
+#### Usage
+
+```typescript
+function Component: React.FC = () => {
+	return <Screen background={<GradientBackground />} statusBarType="dark-content">
+	 ...
+	</Screen>
+}
+```
+
+### Text
+
+---
+
+Will detect configured Font type, built with the ability to easily customize the font in use, font size, line height, letter spacing and other quick-access props so you do not have to create separate styles. <b>Hint:</b> Wrap `Text` components into `Block` components so they wrap correctly within a layout.
+
+#### Props
+
+```typescript
+/** Inferred from @types/Font.d.ts */
+font?: Font;
+/** Either define [fontSize, lineHeight] or just one size applied to both fontSize and lineHeight */
+size?: [number, number] | number;
+textTransform?: TextStyle["textTransform"];
+letterSpacing?: TextStyle["letterSpacing"];
+color?: string;
+textAlign?: TextStyle["textAlign"];
+opacity?: TextStyle["opacity"];
+```
+
+#### Usage
+
+To use the `Text` component, simply import it and pass in the desired props.
+
+```typescript
+import { Text } from "./Text";
+
+function MyComponent() {
+    return (
+        <Text font="Arial" size={[14, 18]} color="#333" textAlign="center">
+            Hello World!
+        </Text>
+    );
+}
+```
+
+### Block
+
+---
+
+This is a flexible and customizable React Native component that can be used as either a `View` or a `ScrollView`. The `Block` component allows you to add paddings, margins, sizes, alignments, and borders to your layout. Extends `ScrollViewProps` or `ViewProps` depending on the value of the `scrollable` prop.
+
+#### Props
+
+```typescript
+/** Determine if Block is scrollable or not. If scrollable, extends ScrollView props. */
+scrollable?: boolean;
+align?: ViewStyle["alignItems"];
+alignSelf?: ViewStyle["alignSelf"];
+justify?: ViewStyle["justifyContent"];
+flexDirection?: ViewStyle["flexDirection"];
+flexWrap?: ViewStyle["flexWrap"];
+flex?: number;
+width?: number | string;
+height?: number | string;
+minHeight?: number | string;
+minWidth?: number | string;
+maxHeight?: number | string;
+maxWidth?: number | string;
+margins?: {
+	marginTop?: number | string;
+	marginBottom?: number | string;
+	marginLeft?: number | string;
+	marginRight?: number | string;
+	marginHorizontal?: number | string;
+	marginVertical?: number | string;
+	margin?: number | string;
+};
+paddings?: {
+	paddingTop?: number | string;
+	paddingBottom?: number | string;
+	paddingLeft?: number | string;
+	paddingRight?: number | string;
+	paddingHorizontal?: number | string;
+	paddingVertical?: number | string;
+	padding?: number | string;
+};
+border?: {
+	borderWidth?: number;
+	borderTopWidth?: number;
+	borderBottomWidth?: number;
+	borderLeftWidth?: number;
+	borderRightWidth?: number;
+	borderColor?: string;
+	borderRadius?: number;
+	borderTopLeftRadius?: number;
+	borderTopRightRadius?: number;
+	borderBottomLeftRadius?: number;
+	borderBottomRightRadius?: number;
+};
+
+```
+
+#### Usage
+
+Use cases are many, but simple. This component is intended to be used as a building block for your layout. One example is:
+
+```typescript
+<Block
+    maxHeight="75%"
+    flexDirection="row"
+    align="flex-start"
+    justify="space-between"
+>
+    ... ...
+</Block>
+```
+
+### InputFocusScrollView - iOS ONLY
+
+---
+
+This scroll view will automatically scroll to an active input field rendered inside it, provided you attach the `onInputFocus` callback to the input `onFocus` prop. This is a lambda component, returning a callback which you attach to input fields rendered within it.
+
+<b>NOTE</b> &mdash; This works on iOS only, Android does this by default with `android:windowSoftInputMode`
+
+#### Props
+
+```typescript
+/** Decimal value of screen height percentage the input will be positioned at. */
+/** Defaults to 0.3, just above the keyboard. */
+focusPositionOffset?: number;
+/** Is the scrollview 100% in height or automatic. Defaults to auto. */
+height?: "full" | "auto";
+```
+
+#### Usage
+
+```typescript
+<InputFocusScrollView  focusPositionOffset={0.1}>
+	{(onInputFocus) => (
+		...
+		<Input
+		keyboardType="email-address"
+		returnKeyType="next"
+		placeholder="Your e-mail address"
+		label="E-mail Address"
+		emptyMessage="You must enter an e-mail."
+		errorMessage="E-mail is invalid."
+		value={state.email}
+		valid={validation.email}
+		onFocus={onInputFocus}
+		onChangeText={(text) =>  update("email", text)}
+		onSubmitEditing={() =>  passwordRef.current?.focus()}
+		/>
+		...
+	)}
+</InputFocusScrollView>
+```
+
+## Hooks
+
+### useForm & useFormUtils
+
+---
+
+Handle form value updates and validation with `useForm`. Full TypeScript support, ability to configure optional parameters, custom validation rules.
+
+Flexible in its function, supports multiple validation approaches through callbacks:
+
+1. For on-change validation, use `update("prop", value, true)`
+2. To trigger standalone validation, use `validate("prop")`
+3. Validate entire form with `validateForm()`
+
+#### Example 1: Simple use case with standalone validation on blur:
+
+```javascript
+const {state, validation, update, validate} = useForm({email: "", password: "");
+
+...
+<Input
+	keyboardType="email-address"
+	returnKeyType="next"
+	label="E-mail Address"
+	errorMessage="Email is not valid."
+	emptyMessage="Email is a required field."
+	placeholder="What's your email address?"
+	value={state.email}
+	textContentType="emailAddress"
+	valid={validation.email}
+	onChangeText={(text) =>  update("email", text)}
+	onBlur={() => validate("email")}
+/>
+...
+```
+
+#### Example 2: Simple use case with on-change validation:
+
+```javascript
+// See example 1
+...
+onChangeText={(text) =>  update("email", text, true)}
+...
+```
+
+#### Example 3: Simple use case with on-submit validation:
+
+```javascript
+// See example 1
+
+function submit() {
+	if(!validateForm()) {
+		// Throw invalid error
+		// validation object will be populated
+	}
+}
+
+...
+<Input
+	keyboardType="email-address"
+	returnKeyType="next"
+	label="E-mail Address"
+	errorMessage="Email is not valid."
+	emptyMessage="Email is a required field."
+	placeholder="What's your email address?"
+	value={state.email}
+	textContentType="emailAddress"
+	valid={validation.email}
+	onChangeText={(text) =>  update("email", text)}
+/>
+<Button onPress={submit}>Submit</Button>
+```
+
+#### Example 4: Form configuration
+
+```javascript
+const { state, validation, update, validate } = useForm(
+{ firstName: "", middleName: "", lastName: ""},
+{
+	// If left empty, validation.middleName will be true
+	optional: ["middleName"],
+	// validation.lastName is invalid if lastName is <3 characters long
+	// state can be used to compare with other values (ie repeat password)
+	rules: { lastName: (value, state) => value.length >= 3,
+}
+```
+
+#### Example 5: useFormUtils
+
+Utility functions to help with standalone state validation, such as when re-validating a list of form values in a parent components.
+
+```javascript
+const { stateValidation } =  useFormUtils<Person>();
+
+function validatePeople() {
+	return people.every(person => stateValidation(person).valid);
+}
+```
+
+Other utilities: `doesValueExist`, `validateByRule`, `isOptional`, `fieldValidation`, `stateValidation`. Some are meant for internal `useForm` usage, such as `fieldValidation` and `validateByRule`, but are not unusable.
+
+### useAnimation & useAnimationTimeline
+
+---
+
+`useAnimation` helps you quickly create simple animations and transitions using the default react-native animation toolkit. You can define as many animations as possible for a single element with a single invocation of the hook.
+
+`useAnimationTimeline` is used to lay the defined animations out on a timeline and configure when and how each animation is triggered. Available methods are `stagger`, `parallel`, `sequence`, `delay`.
+
+#### Usage
+
+```javascript
+const inputs = useAnimation(...);
+const  heading  =  useAnimation(
+	{opacity: [0, 1], translateY: [20, 0]},
+	{duration: 400},
+);
+
+// Use this hook to lay the animations out in a specific schedule/timeline.
+useAnimTimeline({
+	stagger: {
+		elements: [heading, inputs],
+		stagger: 200,
+		start: true,
+	},
+});
+
+...
+
+// Transformations cannot be applied outside the transform style.
+// so translateY has to be passed in through the transform style prop.
+<Animated.View
+	style={{
+		...heading.animations,
+		transform: [{translateY: heading.animations.translateY}],
+	}}
+>
+	...
+</Animated.View>
+```
+
+### useAndroidBackHandler
+
+---
+
+Handle how the android back button behaves through enabling / disabling the button or passing in a completely custom callback. External `enabled` control in order to be able to mount / unmount the back handler event based on outside integrations, such as checking if the current screen is focused or not with `react-navigation`. Will always be cleared on unmount.
+
+#### Usage
+
+```javascript
+const Component: React.FC = () => {
+	useAndroidBackHandler({
+		handlePress: () =>  setOpenCancelModal(true),
+		enabled: !openCancelModal  &&  isFocused,
+	});
+	...
+}
+```
+
+### useAppState
+
+---
+
+Handle what happens when the application changes state between background and foreground. <b>Note:</b> Background states cannot be processed on Android, only foreground.
+
+#### Usage
+
+```javascript
+useAppState({ onForeground: () => Alert.alert("Foreground") });
+```
+
+## Contributions
+
+Suggestions and requests welcome, contributions appreciated but will be reviewed.
+
+## Disclaimer
+
+Parts of this readme file were generated with ChatGPT.
+Thank you for making documentation easy for a lazy programmer.

package/lib/module/components/Block/Block.js

@@ -0,0 +1,71 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import React, { useMemo } from "react";
+import { ScrollView, StyleSheet, View } from "react-native";
+import { extractAlignmentProperties, extractSizeProperties } from "../../utils";
+const BlockElement = _ref => {
+  let {
+    children,
+    ...props
+  } = _ref;
+  const {
+    border,
+    paddings,
+    margins,
+    background,
+    style,
+    overflow,
+    ...view
+  } = props;
+  const size = extractSizeProperties(props);
+  const {
+    align: alignItems,
+    justify: justifyContent,
+    ...alignment
+  } = extractAlignmentProperties(props);
+  const styles = useMemo(() => StyleSheet.flatten([{
+    ...margins,
+    ...paddings,
+    ...alignment,
+    ...size,
+    ...border,
+    alignItems,
+    justifyContent,
+    backgroundColor: background,
+    overflow
+  }, style]), [alignment, size, background, style, overflow, margins, paddings]);
+  return /*#__PURE__*/React.createElement(View, _extends({}, view, {
+    style: styles
+  }), children);
+};
+export const Block = _ref2 => {
+  let {
+    children,
+    ...props
+  } = _ref2;
+  const {
+    scrollable,
+    ...rest
+  } = props;
+  const element = () => /*#__PURE__*/React.createElement(BlockElement, rest, children);
+  if (!scrollable) {
+    return element();
+  }
+  const {
+    horizontal,
+    showsHorizontalScrollIndicator,
+    showsVerticalScrollIndicator,
+    bounces
+  } = props;
+  return /*#__PURE__*/React.createElement(ScrollView, {
+    horizontal: horizontal,
+    keyboardShouldPersistTaps: "handled",
+    showsHorizontalScrollIndicator: showsHorizontalScrollIndicator,
+    showsVerticalScrollIndicator: showsVerticalScrollIndicator,
+    contentContainerStyle: {
+      flexGrow: 1,
+      backgroundColor: rest.background
+    },
+    bounces: bounces
+  }, element());
+};
+//# sourceMappingURL=Block.js.map

package/lib/module/components/Block/Block.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","ScrollView","StyleSheet","View","extractAlignmentProperties","extractSizeProperties","BlockElement","children","props","border","paddings","margins","background","style","overflow","view","size","align","alignItems","justify","justifyContent","alignment","styles","flatten","backgroundColor","Block","scrollable","rest","element","horizontal","showsHorizontalScrollIndicator","showsVerticalScrollIndicator","bounces","flexGrow"],"sourceRoot":"../../src","sources":["Block.tsx"],"mappings":";AAAA,OAAOA,KAAK,IAAuBC,OAAO,QAAQ,OAAO;AACzD,SACEC,UAAU,EAEVC,UAAU,EACVC,IAAI,QAGC,cAAc;AAErB,SAASC,0BAA0B,EAAEC,qBAAqB,QAAQ,aAAa;AAsB/E,MAAMC,YAA4D,GAAG,QAG/D;EAAA,IAHgE;IACpEC,QAAQ;IACR,GAAGC;EACL,CAAC;EACC,MAAM;IAAEC,MAAM;IAAEC,QAAQ;IAAEC,OAAO;IAAEC,UAAU;IAAEC,KAAK;IAAEC,QAAQ;IAAE,GAAGC;EAAK,CAAC,GACvEP,KAAK;EAEP,MAAMQ,IAAI,GAAGX,qBAAqB,CAACG,KAAK,CAAC;EACzC,MAAM;IACJS,KAAK,EAAEC,UAAU;IACjBC,OAAO,EAAEC,cAAc;IACvB,GAAGC;EACL,CAAC,GAAGjB,0BAA0B,CAACI,KAAK,CAAC;EAErC,MAAMc,MAAM,GAAGtB,OAAO,CACpB,MACEE,UAAU,CAACqB,OAAO,CAAC,CACjB;IACE,GAAGZ,OAAO;IACV,GAAGD,QAAQ;IACX,GAAGW,SAAS;IACZ,GAAGL,IAAI;IACP,GAAGP,MAAM;IACTS,UAAU;IACVE,cAAc;IACdI,eAAe,EAAEZ,UAAU;IAC3BE;EACF,CAAC,EACDD,KAAK,CACN,CAAC,EACJ,CAACQ,SAAS,EAAEL,IAAI,EAAEJ,UAAU,EAAEC,KAAK,EAAEC,QAAQ,EAAEH,OAAO,EAAED,QAAQ,CAAC,CAClE;EAED,oBACE,oBAAC,IAAI,eAAKK,IAAI;IAAE,KAAK,EAAEO;EAAO,IAC3Bf,QAAQ,CACJ;AAEX,CAAC;AAKD,OAAO,MAAMkB,KAA8C,GAAG,SAGxD;EAAA,IAHyD;IAC7DlB,QAAQ;IACR,GAAGC;EACL,CAAC;EACC,MAAM;IAAEkB,UAAU;IAAE,GAAGC;EAAK,CAAC,GAAGnB,KAAK;EACrC,MAAMoB,OAAO,GAAG,mBAAM,oBAAC,YAAY,EAAKD,IAAI,EAAGpB,QAAQ,CAAgB;EAEvE,IAAI,CAACmB,UAAU,EAAE;IACf,OAAOE,OAAO,EAAE;EAClB;EAEA,MAAM;IACJC,UAAU;IACVC,8BAA8B;IAC9BC,4BAA4B;IAC5BC;EACF,CAAC,GAAGxB,KAAK;EAET,oBACE,oBAAC,UAAU;IACT,UAAU,EAAEqB,UAAW;IACvB,yBAAyB,EAAC,SAAS;IACnC,8BAA8B,EAAEC,8BAA+B;IAC/D,4BAA4B,EAAEC,4BAA6B;IAC3D,qBAAqB,EAAE;MAAEE,QAAQ,EAAE,CAAC;MAAET,eAAe,EAAEG,IAAI,CAACf;IAAW,CAAE;IACzE,OAAO,EAAEoB;EAAQ,GAEhBJ,OAAO,EAAE,CACC;AAEjB,CAAC"}

package/lib/module/components/Block/index.js

@@ -0,0 +1,2 @@
+export * from "./Block";
+//# sourceMappingURL=index.js.map

package/lib/module/components/Block/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../src","sources":["index.ts"],"mappings":"AAAA,cAAc,SAAS"}

package/lib/module/components/InputFocusScrollView/InputFocusScrollView.js

@@ -0,0 +1,93 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import React, { useRef, useState } from "react";
+import { Platform, ScrollView, StyleSheet, Dimensions } from "react-native";
+/**
+ * This scroll view will automatically scroll to an active input field rendered within it, provided you attach the onInputFocus callback to the input onFocus prop.
+ *
+ * The return value is a lambda component, returning a callback which you attach to input fields rendered within it.
+ * @example <InputFocusScrollView>{(onInputFocus) => <TextInput onFocus={onInputFocus} ... />}</InputFocusScrollView>
+ * NOTE: This works on iOS only, Android does this by default with @param android:windowSoftInputMode
+ */
+export const InputFocusScrollView = _ref => {
+  let {
+    children,
+    style,
+    contentContainerStyle,
+    height = "full",
+    focusPositionOffset = 0.3,
+    margins,
+    paddings,
+    ...rest
+  } = _ref;
+  const screenHeight = useRef(Dimensions.get("screen").height).current;
+  const ref = useRef(null);
+  const [scrollTarget, setScrollTarget] = useState();
+  /** Cached scroll position to keep focus on input if layout shifts. */
+  const [scrollPosition, setScrollPosition] = useState();
+  function onInputFocus(e) {
+    if (Platform.OS !== "ios" || !scrollTarget) {
+      return;
+    }
+    e.currentTarget.measureLayout(scrollTarget, (nope, top, nuuh, elementHeight) => {
+      var _ref$current;
+      let scrollY = top - elementHeight;
+      if (focusPositionOffset !== undefined) {
+        scrollY = scrollY - screenHeight * focusPositionOffset;
+      }
+
+      // Cache scroll position for layout shift cases
+      setScrollPosition(scrollY);
+      // Scroll to input position
+      (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.scrollTo({
+        y: scrollY
+      });
+    }, () => console.error("failed to measure layout"));
+  }
+  function onScrollViewLayout(e) {
+    if (Platform.OS !== "ios") {
+      return;
+    }
+    setScrollTarget(e.nativeEvent.target);
+  }
+
+  /** Handle layout shifts by programmatically scrolling to the same input position without animation. */
+  function onContentSizeChange() {
+    var _ref$current2;
+    if (Platform.OS !== "ios" || !scrollPosition) {
+      return;
+    }
+    (_ref$current2 = ref.current) === null || _ref$current2 === void 0 ? void 0 : _ref$current2.scrollTo({
+      y: scrollPosition,
+      animated: false
+    });
+    setScrollPosition(undefined);
+  }
+  const containerStyles = StyleSheet.flatten([styles[height], margins, style]);
+  const contentStyles = StyleSheet.flatten([styles.content, {
+    ...paddings
+  }, contentContainerStyle]);
+  return /*#__PURE__*/React.createElement(ScrollView, _extends({
+    ref: ref,
+    scrollToOverflowEnabled: true,
+    scrollEventThrottle: 16,
+    onLayout: onScrollViewLayout,
+    onContentSizeChange: onContentSizeChange,
+    showsVerticalScrollIndicator: false,
+    showsHorizontalScrollIndicator: false,
+    style: containerStyles,
+    contentContainerStyle: contentStyles
+  }, rest), children(onInputFocus));
+};
+const styles = StyleSheet.create({
+  full: {
+    height: "100%"
+  },
+  auto: {
+    height: "auto"
+  },
+  content: {
+    flexGrow: 1,
+    paddingBottom: 30
+  }
+});
+//# sourceMappingURL=InputFocusScrollView.js.map

package/lib/module/components/InputFocusScrollView/InputFocusScrollView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useRef","useState","Platform","ScrollView","StyleSheet","Dimensions","InputFocusScrollView","children","style","contentContainerStyle","height","focusPositionOffset","margins","paddings","rest","screenHeight","get","current","ref","scrollTarget","setScrollTarget","scrollPosition","setScrollPosition","onInputFocus","e","OS","currentTarget","measureLayout","nope","top","nuuh","elementHeight","scrollY","undefined","scrollTo","y","console","error","onScrollViewLayout","nativeEvent","target","onContentSizeChange","animated","containerStyles","flatten","styles","contentStyles","content","create","full","auto","flexGrow","paddingBottom"],"sourceRoot":"../../src","sources":["InputFocusScrollView.tsx"],"mappings":"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"}

package/lib/module/components/InputFocusScrollView/index.js

@@ -0,0 +1,2 @@
+export * from "./InputFocusScrollView";
+//# sourceMappingURL=index.js.map

package/lib/module/components/InputFocusScrollView/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../src","sources":["index.ts"],"mappings":"AAAA,cAAc,wBAAwB"}