Support for distribution

README.md

@@ -2,6 +2,11 @@
 
 # React Native Calendars 🗓️ 📆
 
+## Distribution of Phorest fork
+
+Run the command `yarn dist` to create a distribution. Make sure the img folders are copied over from the src to the dist.
+This has to happen manually as no automation is in place given we do this every year or less.
+
 ## A declarative cross-platform React Native calendar component for iOS and Android.
 
 [![Version](https://img.shields.io/npm/v/react-native-calendars.svg)](https://www.npmjs.com/package/react-native-calendars)

android/app/src/main/AndroidManifest.xml

@@ -1,4 +1,4 @@
-<manifest xmlns:android="http://schemas.android.com/apk/res/android">
+<manifest xmlns:android="http://schemas.android.com/apk/res/android" package="com.calendarsexample">
 
     <uses-permission android:name="android.permission.INTERNET" />
 

dist/Profiler.d.ts

@@ -0,0 +1,22 @@
+import React, { ProfilerProps as RProfilerProps, PropsWithChildren } from 'react';
+export declare type ProfilerProps = Pick<RProfilerProps, 'id'>;
+export default class Profiler extends React.Component<PropsWithChildren<ProfilerProps>> {
+    onRender: (...profileData: any[]) => void;
+    render(): React.JSX.Element;
+}
+export declare const getProfileData: ([id, phase, actualDuration, baseDuration, startTime, commitTime, interactions]: [any, any, any, any, any, any, any]) => {
+    id: any;
+    interactions: any;
+    phase: any;
+    actualDuration: number;
+    baseDuration: number;
+    commitTime: number;
+    cumulativeDuration: string;
+    startTime: number;
+};
+export declare const logProfileData: ({ id, actualDuration, cumulativeDuration, phase }: {
+    id: any;
+    actualDuration: any;
+    cumulativeDuration: any;
+    phase: any;
+}) => void;

dist/Profiler.js

@@ -0,0 +1,55 @@
+// @ts-nocheck
+// Taken from
+// https://medium.com/life-at-paperless/how-to-use-the-react-profiler-component-to-measure-performance-improvements-from-hooks-d43b7092d7a8
+// Profiler callback
+// https://reactjs.org/docs/profiler.html#onrender-callback
+import React, { Profiler as RProfiler } from 'react';
+// The entire render time since execution of this file (likely on page load)
+const cumulativeDuration = {};
+export default class Profiler extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.onRender = (...profileData) => {
+            logProfileData(getProfileData(profileData));
+        };
+    }
+    render() {
+        const { children, id } = this.props;
+        return (<RProfiler id={id} onRender={this.onRender}>
+        {children}
+      </RProfiler>);
+    }
+}
+// TODO: fix typescript...
+export const getProfileData = ([id, // the "id" prop of the Profiler tree that has just committed
+phase, // either "mount" (if the tree just mounted) or "update" (if it re-rendered)
+actualDuration, // time spent rendering the committed update
+baseDuration, // estimated time to render the entire subtree without memoization
+startTime, // when React began rendering this update
+commitTime, // when React committed this update
+interactions // the Set of interactions belonging to this update
+]) => {
+    var _a;
+    cumulativeDuration[id] = Number((((_a = cumulativeDuration[id]) !== null && _a !== void 0 ? _a : 0) + actualDuration).toFixed(2));
+    return {
+        id,
+        interactions,
+        phase,
+        actualDuration: Number(actualDuration.toFixed(2)),
+        baseDuration: Number(baseDuration.toFixed(2)),
+        commitTime: Number(commitTime.toFixed(2)),
+        cumulativeDuration: cumulativeDuration[id],
+        startTime: Number(startTime.toFixed(2))
+    };
+};
+export const logProfileData = ({ id, actualDuration, cumulativeDuration, phase }) => {
+    console.group(phase);
+    // table did not work for me so I used log instead
+    console.log(id, ':', actualDuration, cumulativeDuration);
+    // console.table({
+    //   actualDuration,
+    //   baseDuration,
+    //   cumulativeDuration
+    // });
+    console.groupEnd();
+};