Export everything in type-portability example apps

Author: aryaemami59

examples/type-portability/bundler/src/App.tsx

@@ -5,7 +5,7 @@ import { PollingToggles } from './features/polling/PollingToggles'
 import { PostsManager } from './features/posts/PostsManager'
 import { TimeList } from './features/time/TimeList'
 
-function App() {
+export function App() {
   return (
     <div className="App">
       <div className="row">
@@ -20,7 +20,7 @@ function App() {
           <PollingToggles />
         </div>
       </div>
-      <div></div>
+      <div />
       <div>
         <Routes>
           <Route path="/" element={<TimeList />} />

examples/type-portability/bundler/src/app/services/counter.ts

@@ -1,6 +1,6 @@
 import { apiSlice } from './api'
 
-interface CountResponse {
+export interface CountResponse {
   count: number
 }
 

examples/type-portability/bundler/src/app/services/posts.ts

@@ -7,7 +7,7 @@ export interface Post {
   fetched_at: string
 }
 
-type PostsResponse = Post[]
+export type PostsResponse = Post[]
 
 export interface User {
   first_name: string

examples/type-portability/bundler/src/app/services/times.ts

@@ -1,6 +1,6 @@
 import { apiSlice } from './api'
 
-interface TimeResponse {
+export interface TimeResponse {
   time: string
 }
 

examples/type-portability/bundler/src/features/bundleSplitting/Post.tsx

@@ -1,13 +1,16 @@
 // import the file that injects "post" to make sure it has been loaded
 import { postApi } from '../../app/services/post'
 
-function assert(condition: any, msg = 'Generic Assertion'): asserts condition {
+export function assert(
+  condition: any,
+  msg = 'Generic Assertion',
+): asserts condition {
   if (!condition) {
     throw new Error(`Assertion failed: ${msg}`)
   }
 }
 
-const Post = ({ id }: { id: number }) => {
+export const Post = ({ id }: { id: number }) => {
   assert(postApi.endpoints.getPost?.useQuery, 'Endpoint `getPost` not loaded!')
 
   const { data, error } = postApi.endpoints.getPost.useQuery(id)
@@ -20,4 +23,5 @@ const Post = ({ id }: { id: number }) => {
     <h1>{data.name}</h1>
   )
 }
+
 export default Post

examples/type-portability/bundler/src/features/bundleSplitting/PostsList.tsx

@@ -2,7 +2,7 @@ import { useState } from 'react'
 import { Post } from '.'
 import { postsApi } from '../../app/services/posts'
 
-const PostsList = () => {
+export const PostsList = () => {
   const { data, error } = postsApi.endpoints.getPosts.useQuery()
   const [selected, select] = useState<number | undefined>()
 
@@ -23,4 +23,5 @@ const PostsList = () => {
     </>
   )
 }
+
 export default PostsList

examples/type-portability/bundler/src/features/polling/PollingToggles.tsx

@@ -7,7 +7,7 @@ import {
   updatePolling,
 } from './pollingSlice'
 
-const PollingToggleButton = ({
+export const PollingToggleButton = ({
   enabled,
   onClick,
   children,

examples/type-portability/bundler/src/features/polling/pollingSlice.ts

@@ -2,19 +2,19 @@ import type { PayloadAction } from '@reduxjs/toolkit'
 import { createSlice } from '@reduxjs/toolkit'
 import type { RootState } from '../../app/store'
 
-type PollingConfig = {
+export type PollingConfig = {
   enabled: boolean
   interval: number
 }
 
-type SliceState = {
+export type SliceState = {
   enabled: boolean
   apps: {
     [key: string]: PollingConfig
   }
 }
 
-const initialState: SliceState = {
+export const initialState: SliceState = {
   enabled: true,
   apps: {
     counters: {
@@ -32,7 +32,7 @@ const initialState: SliceState = {
   },
 }
 
-type PollingAppKey = keyof (typeof initialState)['apps']
+export type PollingAppKey = keyof (typeof initialState)['apps']
 
 export const pollingSlice = createSlice({
   name: 'polling',

examples/type-portability/bundler/src/features/posts/PostDetail.tsx

@@ -9,7 +9,7 @@ import {
 } from '../../app/services/posts'
 import { selectGlobalPollingEnabled } from '../polling/pollingSlice'
 
-const EditablePostName = ({
+export const EditablePostName = ({
   name: initialName,
   onUpdate,
   onCancel,
@@ -51,7 +51,7 @@ const EditablePostName = ({
   )
 }
 
-const PostJsonDetail = ({ id }: { id: number }) => {
+export const PostJsonDetail = ({ id }: { id: number }) => {
   const { data: post } = useGetPostQuery(id)
 
   return (

examples/type-portability/bundler/src/features/posts/PostsManager.tsx

@@ -12,7 +12,7 @@ import {
 import { logout, selectIsAuthenticated } from '../auth/authSlice'
 import { PostDetail } from './PostDetail'
 
-const AddPost = () => {
+export const AddPost = () => {
   const initialValue = { name: '' }
   const [post, setPost] = useState<Partial<Post>>(initialValue)
   const [addPost, { isLoading }] = useAddPostMutation()
@@ -52,7 +52,7 @@ const AddPost = () => {
   )
 }
 
-const PostListItem = ({
+export const PostListItem = ({
   data: { name, id },
   onSelect,
 }: {
@@ -68,7 +68,7 @@ const PostListItem = ({
   )
 }
 
-const PostList = () => {
+export const PostList = () => {
   const { data: posts, isLoading } = useGetPostsQuery()
   const navigate = useNavigate()