Merge pull request #3731 from signalco-io/next

Next

.github/workflows/web-nextjs_bundle_analysis.yml

@@ -60,4 +60,13 @@ jobs:
       workflowName: 'web-nextjs_bundle_analysis.yml'
       name: 'slco'
       path: 'web/apps/slco'
+    secrets: inherit
+
+  analyze_doprocess:
+    name: "[doprocess] Next.js Bundle Analysis"
+    uses: ./.github/workflows/nextjs_bundle_analysis_reusable.yml
+    with:
+      workflowName: 'web-nextjs_bundle_analysis.yml'
+      name: 'doprocess'
+      path: 'web/apps/doprocess.app'
     secrets: inherit

cloud/infrastructure/src/index.ts

@@ -275,6 +275,7 @@ export = async () => {
         dnsRecord('vercel-ui-docs', 'ui', 'cname.vercel-dns.com', 'CNAME', false);
         dnsRecord('vercel-brandgrab', 'brandgrab', 'cname.vercel-dns.com', 'CNAME', false);
         dnsRecord('vercel-slco', 'slco', 'cname.vercel-dns.com', 'CNAME', false);
+        dnsRecord('vercel-doprocess', 'doprocess', 'cname.vercel-dns.com', 'CNAME', false);
 
         return {
             signalrUrl: signalr.signalr.hostName,

web/apps/app/app/channels/[channelName]/page.tsx

@@ -23,7 +23,9 @@ function ChannelConnectPartial(props: { channelName: string }) {
         return <ChannelPartialSlack />;
 
     return (
-        <NoDataPlaceholder content="Connect action not availble" />
+        <NoDataPlaceholder>
+            Connect action not availble
+        </NoDataPlaceholder>
     );
 }
 
@@ -71,7 +73,9 @@ export default function AppChannelPage({ params }: { params: { channelName: stri
                                         ))}
                                     </List>
                                 ) : (
-                                    <NoDataPlaceholder content="No items" />
+                                    <NoDataPlaceholder>
+                                        No items
+                                    </NoDataPlaceholder>
                                 )}
                         </Loadable>
                     </Stack>

web/apps/app/components/dashboards/Dashboards.tsx

@@ -16,6 +16,7 @@ import useLocale from '../../src/hooks/useLocale';
 import useSaveDashboard from '../../src/hooks/dashboards/useSaveDashboard';
 import useDashboard from '../../src/hooks/dashboards/useDashboard';
 import { WidgetModel } from '../../src/dashboards/DashboardsRepository';
+import { SpacesEditingBackground } from './SpacesEditingBackground';
 import DashboardView from './DashboardView';
 import DashboardSettings from './DashboardSettings';
 
@@ -83,14 +84,17 @@ function Dashboards() {
     return (
         <>
             {isEditing && (
-                <Row>
-                    <div className="xs:w-full px-2">
-                        <Row spacing={1}>
-                            <Button onClick={() => setShowWidgetStore(true)}>{t('AddWidget')}</Button>
-                            <Button onClick={handleEditDone} fullWidth>{t('Save')}</Button>
-                        </Row>
-                    </div>
-                </Row>
+                <>
+                    <SpacesEditingBackground />
+                    <Row>
+                        <div className="xs:w-full px-2">
+                            <Row spacing={1}>
+                                <Button onClick={() => setShowWidgetStore(true)}>{t('AddWidget')}</Button>
+                                <Button onClick={handleEditDone} fullWidth>{t('Save')}</Button>
+                            </Row>
+                        </div>
+                    </Row>
+                </>
             )}
             <Stack spacing={1}>
                 <Loadable isLoading={selectedDashboard.isLoading} loadingLabel="Loading dashboards..." error={selectedDashboard.error}>

web/apps/app/components/dashboards/SpacesEditingBackground.tsx

@@ -0,0 +1,8 @@
+export function SpacesEditingBackground() {
+    return (
+        <svg className="pointer-events-none fixed inset-0 -z-50 h-full w-full">
+            <pattern id="pattern-heroundefined" x="0" y="0" width="43" height="43" patternUnits="userSpaceOnUse" patternTransform="translate(-0.5,-0.5)"><circle cx="0.5" cy="0.5" r="0.5" fill="#91919a" /></pattern>
+            <rect x="0" y="0" width="100%" height="100%" fill="url(#pattern-heroundefined)" />
+        </svg>
+    );
+}

web/apps/app/components/graphs/Graph.tsx

@@ -340,7 +340,7 @@ function Graph({ isLoading, error, data, label, discrete, ...rest }: GraphProps)
             {!!label && <Typography>{label}</Typography>}
             <Loadable isLoading={isLoading} loadingLabel="Loading data" error={error} width={100}>
                 {!data || data.length <= 0
-                    ? <NoDataPlaceholder content={t('NoData')} />
+                    ? <NoDataPlaceholder>{t('NoData')}</NoDataPlaceholder>
                     : <GraphComponent data={data} {...rest} />}
             </Loadable>
         </Row>

web/apps/app/components/shared/entity/EntityContactSelection.tsx

@@ -24,7 +24,11 @@ export default function EntityContactSelection(props: EntityContactSelectionProp
     };
 
     if (!isLoading && !error && !contacts.length) {
-        return <div className="p-2"><NoDataPlaceholder content={'No applicable contacts available'} /></div>;
+        return (
+            <div className="p-2">
+                <NoDataPlaceholder>No applicable contacts available</NoDataPlaceholder>
+            </div>
+        );
     }
 
     return (

web/apps/app/components/views/Entity/EntityDetailsView.tsx

@@ -34,7 +34,9 @@ export default function EntityDetailsView({ id }: EntityDetailsViewProps) {
 
     if (!isLoading && !error && entity == null) {
         return (
-            <NoDataPlaceholder content={'Not Found'} />
+            <NoDataPlaceholder>
+                Not Found
+            </NoDataPlaceholder>
         );
     }
     return (

web/apps/app/components/widgets/parts/WidgetChecklist.tsx

@@ -118,7 +118,9 @@ function WidgetChecklist(props: WidgetSharedProps<ConfigProps>) {
                         ? items.map(item => <ChecklistItem key={item.id} item={item} onChange={handleItemChanged} onRemove={handleItemRemoved} />)
                         : (
                             <div className="flex h-full items-center justify-center">
-                                <NoDataPlaceholder content={placeholders.t('NoItems')} />
+                                <NoDataPlaceholder>
+                                    {placeholders.t('NoItems')}
+                                </NoDataPlaceholder>
                             </div>
                         )}
                 </Stack>

web/apps/app/components/widgets/parts/WidgetFinanceStock.tsx

@@ -90,7 +90,9 @@ export default function WidgetFinanceStock(props: WidgetSharedProps<ConfigProps>
                     </Stack>
                     <Stack>
                         {!price?.item ? (
-                            <NoDataPlaceholder content={'No data'} />
+                            <NoDataPlaceholder>
+                                No data
+                            </NoDataPlaceholder>
                         ) : (
                             <>
                                 <Typography level="h4" bold lineHeight={0.9}>${closePrice}</Typography>

web/apps/app/package.json

@@ -8,7 +8,7 @@
         "node": "18.x"
     },
     "scripts": {
-        "dev": "next -p 3001 --turbo",
+        "dev": "next -p 3001",
         "build": "next build",
         "build:analyze": "cross-env ANALYZE=true pnpm build",
         "postinstall": "node ./tools/post-install.mjs",

web/apps/development/src/App.tsx

@@ -15,7 +15,8 @@ const apps: AppItemType[] = [
 
 const uSaas: AppItemType[] = [
     { label: 'slco', href: 'http://localhost:4002' },
-    { label: 'brandgrab', href: 'http://localhost:4001' }
+    { label: 'brandgrab', href: 'http://localhost:4001' },
+    { label: 'DoProcess.app', href: 'http://localhost:4003' },
 ];
 
 function App() {

web/apps/doprocess.app/.editorconfig

@@ -0,0 +1,10 @@
+root = true
+
+[*]
+end_of_line = lf
+insert_final_newline = true
+
+[*.{js,ts,json,yml}]
+charset = utf-8
+indent_style = space
+indent_size = 4

web/apps/doprocess.app/.eslintrc.js

@@ -0,0 +1,4 @@
+module.exports = {
+    root: true,
+    extends: ['@signalco/eslint-config-signalco'],
+};