feat: Add FormScreen and demo route

Author: codinsonn

apps/expo/app/(generated)/images/index.tsx renamed to apps/expo/app/(generated)/demos/forms/index.tsx

@@ -1,2 +1,2 @@
 // -i- Automatically generated by 'npx turbo @green-stack/core#link:routes', do not modify manually, it will get overwritten
-export { default } from '@app/core/routes/images/index'
+export { default } from '@app/core/routes/demos/forms/index'

apps/expo/app/(generated)/demos/images/index.tsx

@@ -0,0 +1,2 @@
+// -i- Automatically generated by 'npx turbo @green-stack/core#link:routes', do not modify manually, it will get overwritten
+export { default } from '@app/core/routes/demos/images/index'

apps/next/app/(generated)/demos/forms/page.tsx

@@ -0,0 +1,2 @@
+'use client'
+export { default } from '@app/core/routes/demos/forms/index'

apps/next/app/(generated)/demos/images/page.tsx

@@ -0,0 +1,2 @@
+'use client'
+export { default } from '@app/core/routes/demos/images/index'

apps/next/app/(generated)/images/page.tsx

@@ -1,8 +1,8 @@
 'use client'
 import React from 'react'
 import UniversalAppProviders from '@app/screens/UniversalAppProviders'
-import { Image as NextContextImage } from '@green-stack/components/Image.next'
-import { Link as NextContextLink } from '@green-stack/navigation/Link.next'
+import { Image as NextContextImage } from '@green-stack/core/components/Image.next'
+import { Link as NextContextLink } from '@green-stack/core/navigation/Link.next'
 import { useRouter as useNextContextRouter } from '@green-stack/navigation/useRouter.next'
 import { useRouteParams as useNextRouteParams } from '@green-stack/navigation/useRouteParams.next'
 

apps/next/app/NextClientRootLayout.tsx

@@ -2,6 +2,10 @@
 export const testableFeatures = [
     {
         title: 'Test Images?',
-        link: '/images'
+        link: '/demos/images'
+    },
+    {
+        title: 'Test Forms?',
+        link: '/demos/forms'
     },
 ]

features/@app-core/constants/testableFeatures.ts

@@ -0,0 +1,11 @@
+import { UniversalRouteScreen } from '@green-stack/core/navigation/UniversalRouteScreen'
+import FormsScreen from '../../../screens/FormsScreen'
+
+/* --- /images --------------------------------------------------------------------------------- */
+
+export default (props: any) => (
+    <UniversalRouteScreen
+        {...props}
+        routeScreen={FormsScreen}
+    />
+)

features/@app-core/routes/demos/forms/index.tsx

@@ -1,5 +1,5 @@
 import { UniversalRouteScreen } from '@green-stack/core/navigation/UniversalRouteScreen'
-import ImagesScreen from '../../screens/ImagesScreen'
+import ImagesScreen from '../../../screens/ImagesScreen'
 
 /* --- /images --------------------------------------------------------------------------------- */
 

features/@app-core/routes/images/index.tsx renamed to features/@app-core/routes/demos/images/index.tsx

@@ -0,0 +1,15 @@
+import React from 'react'
+import { View, Text, Image } from '../components/styled'
+import BackButton from '../components/BackButton'
+
+/* --- <FormsScreen/> ------------------------------------------------------------------------- */
+
+const FormsScreen = () => (
+  <View className="flex flex-1 justify-center items-center bg-slate-800">
+    <BackButton backLink="/subpages/Universal%20Nav" />
+  </View>
+)
+
+/* --- Exports --------------------------------------------------------------------------------- */
+
+export default FormsScreen

features/@app-core/screens/FormsScreen.tsx

@@ -25,7 +25,7 @@
     "android": "npx turbo run android",
     "ios": "npx turbo run ios",
     "expo:web": "npx turbo run @app/expo#web",
-    "build": "npx turbo run build",
+    "build": "node -v && npx turbo run build",
     "build:schema": "npx turbo run @green-stack/core#build:schema",
     "check:workspaces": "npx turbo run @green-stack/core#check:workspaces",
     "check:workspaces:fix": "FIX_MODE=true npx turbo run @green-stack/core#check:workspaces",

package.json

@@ -1,6 +1,6 @@
 'use client'
 import { useQuery } from '@tanstack/react-query'
-import { type UniversalRouteProps, type QueryFn, DEFAULT_QUERY_BRIDGE } from './UniversalRouteScreen.helpers'
+import { UniversalRouteProps, QueryFn, DEFAULT_QUERY_BRIDGE } from './UniversalRouteScreen.helpers'
 import { useRouteParams } from './useRouteParams'
 
 /** --- <UniversalRouteScreen/> -------------------------------------------------------------------- */

packages/@green-stack-core/navigation/UniversalRouteScreen.tsx

@@ -1,7 +1,7 @@
 'use client'
 import { use, useState, useEffect } from 'react'
 import { useQueryClient, useQuery, dehydrate, HydrationBoundary } from '@tanstack/react-query'
-import { type UniversalRouteProps, type QueryFn, DEFAULT_QUERY_BRIDGE } from './UniversalRouteScreen.helpers'
+import { UniversalRouteProps, QueryFn, DEFAULT_QUERY_BRIDGE } from './UniversalRouteScreen.helpers'
 import { useRouteParams } from './useRouteParams'
 import { isExpoWebLocal } from '../../../features/@app-core/appConfig'
 

packages/@green-stack-core/navigation/UniversalRouteScreen.web.tsx

@@ -1,4 +1,4 @@
-import { type ClassValue, clsx } from 'clsx'
+import { ClassValue, clsx } from 'clsx'
 import { twMerge } from 'tailwind-merge'
 
 /** --- cn() ----------------------------------------------------------------------------------- */

packages/@green-stack-core/utils/tailwindUtils.ts

@@ -1,6 +1,7 @@
 // -i- Automatically generated by 'npx turbo @green-stack/core#link:routes', do not modify manually, it will get overwritten
 export const routeManifest = {
-  ['/images']: 'ImagesScreen',
+  ['/demos/forms']: 'FormsScreen',
+  ['/demos/images']: 'ImagesScreen',
   ['/']: 'HomeScreen',
   ['/subpages/[slug]']: 'SlugScreen',
 } as const