shared: Use tsc-generated versions of shared code

This will prepare us for a future where some of the source files
are in TypeScript, not JavaScript, so that we can't use the
source files directly and actually need the JavaScript generated
by `tsc`.

Author: gnprice

docs/howto/yarn-link.md

@@ -46,6 +46,10 @@ $ readlink node_modules/@zulip/shared
 $ readlink -f node_modules/@zulip/shared
 /home/greg/z/zulip/static/shared
 
+    # Start `tsc --watch`, to mirror your edits into lib/.
+    # (Consider doing this in a separate terminal.)
+$ ( cd node_modules/@zulip/shared && yarn && yarn prepare && yarn tsc --watch ) &
+
     # Restart Flow to make it notice the symlink.
     # (Then it'll automatically notice edits, as usual.)
 $ npx flow stop && npx flow start
@@ -64,6 +68,7 @@ Quick reference for the second and subsequent time you do it:
 ```
     # in your zulip-mobile clone
 $ yarn link @zulip/shared && yarn
+$ ( cd node_modules/@zulip/shared && yarn && yarn prepare && yarn tsc --watch ) &
 $ npx flow stop && npx flow start
 
     # ... develop, test, etc. ...

docs/style.md

@@ -757,7 +757,7 @@ For background, see [`docs/howto/shared.md`](howto/shared.md).
 **Use `import *` for shared code**: When importing a shared module,
 write the import with `import *` and the module's name, like this:
 ```js
-import * as typing_status from '@zulip/shared/js/typing_status';
+import * as typing_status from '@zulip/shared/lib/typing_status';
 ```
 
 We use this style because it matches how these modules are imported in

metro.config.js

@@ -57,7 +57,7 @@ module.exports = {
     // own node_modules.
     extraNodeModules: objectFromEntries(
       // @babel/runtime makes the list because our Babel config (?) causes
-      // files like @zulip/shared/js/typing_status.js to need it, whereas
+      // files like @zulip/shared/lib/typing_status.js to need it, whereas
       // it's not a dependency of @zulip/shared itself.
       ['@babel/runtime', ...arrayFlatMap(linkablePackages, packageDeps)].map(name => [
         name,

src/action-sheets/__tests__/action-sheet-test.js

@@ -1,6 +1,6 @@
 // @flow strict-local
 import deepFreeze from 'deep-freeze';
-import * as resolved_topic from '@zulip/shared/js/resolved_topic';
+import * as resolved_topic from '@zulip/shared/lib/resolved_topic';
 
 import { HOME_NARROW } from '../../utils/narrow';
 import * as eg from '../../__tests__/lib/exampleData';

src/action-sheets/index.js

@@ -1,7 +1,7 @@
 /* @flow strict-local */
 import { Clipboard, Share, Alert } from 'react-native';
 import invariant from 'invariant';
-import * as resolved_topic from '@zulip/shared/js/resolved_topic';
+import * as resolved_topic from '@zulip/shared/lib/resolved_topic';
 
 import type {
   Auth,

src/autocomplete/WildcardMentionItem.js

@@ -2,7 +2,7 @@
 import React, { useCallback, useContext, useMemo } from 'react';
 import type { Node } from 'react';
 import { View } from 'react-native';
-import * as typeahead from '@zulip/shared/js/typeahead';
+import * as typeahead from '@zulip/shared/lib/typeahead';
 
 import type { GetText, Narrow } from '../types';
 import { IconWildcardMention } from '../common/Icons';

src/compose/ComposeBox.js

@@ -14,7 +14,7 @@ import type { LayoutEvent } from 'react-native/Libraries/Types/CoreEventTypes';
 import { SafeAreaView } from 'react-native-safe-area-context';
 import invariant from 'invariant';
 // $FlowFixMe[untyped-import]
-import * as fenced_code from '@zulip/shared/js/fenced_code';
+import * as fenced_code from '@zulip/shared/lib/fenced_code';
 
 import { usePrevious } from '../reactUtils';
 import * as apiConstants from '../api/constants';

src/emoji/data.js

@@ -1,5 +1,5 @@
 /* @flow strict-local */
-import * as typeahead from '@zulip/shared/js/typeahead';
+import * as typeahead from '@zulip/shared/lib/typeahead';
 import { defaultMemoize } from 'reselect';
 
 import * as api from '../api';

src/users/userHelpers.js

@@ -1,7 +1,7 @@
 /* @flow strict-local */
 // $FlowFixMe[untyped-import]
 import uniq from 'lodash.uniq';
-import * as typeahead from '@zulip/shared/js/typeahead';
+import * as typeahead from '@zulip/shared/lib/typeahead';
 
 import type {
   MutedUsersState,

src/users/usersActions.js

@@ -1,5 +1,5 @@
 /* @flow strict-local */
-import * as typing_status from '@zulip/shared/js/typing_status';
+import * as typing_status from '@zulip/shared/lib/typing_status';
 
 import type { Auth, PerAccountState, Narrow, UserId, ThunkAction } from '../types';
 import * as api from '../api';