refactor: changing _codux folder location to root dir

src/_codux/board-wrappers/page-wrapper-real-data.tsx → _codux/board-wrappers/page-wrapper-real-data.tsx

@@ -1,7 +1,8 @@
 import { RouterProvider, createMemoryRouter } from 'react-router-dom';
-import { WixAPIContextProvider } from '../../api/wix-api-context-provider';
-import { getRoutes } from '../../router/routes';
+import { WixAPIContextProvider } from '../../src/api/wix-api-context-provider';
+import { getRoutes } from '../../src/router/routes';
 import { replaceRouteWithChildren } from './set-children-to-route';
+import React from 'react';
 
 type Props = {
     children?: React.ReactNode;

src/_codux/board-wrappers/page-wrapper.tsx → _codux/board-wrappers/page-wrapper.tsx

@@ -3,7 +3,7 @@ import {
     FakeWixAPIContextProvider,
     FakeDataSettings,
 } from '../fake-data/fake-wix-api-context-provider';
-import { getRoutes } from '../../router/routes';
+import { getRoutes } from '~/router/routes';
 import { replaceRouteWithChildren } from './set-children-to-route';
 
 type Props = {

src/_codux/boards-global-setup.ts → _codux/boards-global-setup.ts

@@ -1,4 +1,4 @@
-import '../styles/index.module.scss';
+import '@styles/index.module.scss';
 //@ts-ignore
 import env from 'raw-loader!/.env';
 const lines = env.split('\n');

src/_codux/boards/calendar/calendar.board.tsx → _codux/boards/calendar/calendar.board.tsx

@@ -1,8 +1,6 @@
-import { Calendar } from '../../../components/calendar/calendar';
-import { ContentSlot, createBoard } from '@wixc3/react-board';
-import { PageWrapper } from '/src/_codux/board-wrappers/page-wrapper';
+import { Calendar } from '~/components/calendar/calendar';
+import { createBoard } from '@wixc3/react-board';
 import { useState } from 'react';
-import { format } from 'date-fns';
 
 export default createBoard({
     name: 'Calendar',

src/_codux/boards/checkout/checkout.board.tsx → _codux/boards/checkout/checkout.board.tsx

@@ -1,6 +1,6 @@
-import { Checkout } from '../../../components/checkout/checkout';
+import { Checkout } from '~/components/checkout/checkout';
 import { ContentSlot, createBoard } from '@wixc3/react-board';
-import { ComponentWrapper } from '/src/_codux/board-wrappers/component-wrapper';
+import { ComponentWrapper } from '../../board-wrappers/component-wrapper';
 
 export default createBoard({
     name: 'Checkout',
@@ -11,8 +11,4 @@ export default createBoard({
             </ContentSlot>
         </ComponentWrapper>
     ),
-    isSnippet: true,
-    environmentProps: {
-        canvasMargin: { right: 0, bottom: 0, left: 0, top: 0 },
-    },
 });

src/_codux/boards/components/dropdown-menu/dropdown-menu.board.tsx → _codux/boards/components/dropdown-menu/dropdown-menu.board.tsx

@@ -1,5 +1,5 @@
 import { ContentSlot, createBoard } from '@wixc3/react-board';
-import { DropdownMenu } from '../../../../components/dropdown-menu/dropdown-menu';
+import { DropdownMenu } from '~/components/dropdown-menu/dropdown-menu';
 import { ComponentWrapper } from '../../../board-wrappers/component-wrapper';
 
 export default createBoard({
@@ -35,9 +35,4 @@ export default createBoard({
             </ContentSlot>
         </ComponentWrapper>
     ),
-    isSnippet: true,
-    environmentProps: {
-        canvasMargin: { right: 0, bottom: 0, left: 0, top: 0 },
-        windowWidth: 300,
-    },
 });

_codux/boards/components/footer/footer.board.tsx

@@ -0,0 +1,11 @@
+import { Footer } from '~/components/site-footer/site-footer';
+import { ContentSlot, createBoard } from '@wixc3/react-board';
+
+export default createBoard({
+    name: 'Footer',
+    Board: () => (
+        <ContentSlot>
+            <Footer />
+        </ContentSlot>
+    )
+});

_codux/boards/components/header/header.board.tsx

@@ -0,0 +1,14 @@
+import { Header } from '~/components/header/header';
+import { ContentSlot, createBoard } from '@wixc3/react-board';
+import { ComponentWrapper } from '../../../board-wrappers/component-wrapper';
+
+export default createBoard({
+    name: 'Header',
+    Board: () => (
+        <ComponentWrapper>
+            <ContentSlot>
+                <Header />
+            </ContentSlot>
+        </ComponentWrapper>
+    ),
+});

src/_codux/boards/components/hero-image/hero-image.board.tsx → _codux/boards/components/hero-image/hero-image.board.tsx

@@ -1,4 +1,4 @@
-import { HeroImage } from '../../../../pages/home-page/hero-image/hero-image';
+import { HeroImage } from '~/pages/home-page/hero-image/hero-image';
 import { ContentSlot, createBoard } from '@wixc3/react-board';
 
 export default createBoard({
@@ -13,5 +13,4 @@ export default createBoard({
             />
         </ContentSlot>
     ),
-    isSnippet: true,
 });

src/_codux/boards/customer-details-preview/customer-details-preview.board.tsx → _codux/boards/customer-details-preview/customer-details-preview.board.tsx

@@ -1,6 +1,6 @@
-import { CustomerDetailsPreview } from '../../../components/customer-details-preview/customer-details-preview';
+import { CustomerDetailsPreview } from '~/components/customer-details-preview/customer-details-preview';
 import { ContentSlot, createBoard } from '@wixc3/react-board';
-import { ComponentWrapper } from '/src/_codux/board-wrappers/component-wrapper';
+import { ComponentWrapper } from '../../board-wrappers/component-wrapper';
 
 export default createBoard({
     name: 'CustomerDetailsPreview',
@@ -16,8 +16,4 @@ export default createBoard({
             </ContentSlot>
         </ComponentWrapper>
     ),
-    isSnippet: true,
-    environmentProps: {
-        canvasMargin: { right: 0, bottom: 0, left: 0, top: 0 },
-    },
 });

src/_codux/boards/documentation/common-styles.board.tsx → _codux/boards/documentation/common-styles.board.tsx

@@ -1,5 +1,5 @@
 import { createBoard } from '@wixc3/react-board';
-import commonStyles from '../../../styles/common-styles.module.scss';
+import commonStyles from '~/styles/common-styles.module.scss';
 import boardStyle from './documentation.module.scss';
 
 export default createBoard({
@@ -17,13 +17,4 @@ export default createBoard({
         </div>
     ),
     isSnippet: false,
-    environmentProps: {
-        canvasHeight: 52,
-        canvasMargin: {
-            top: 0,
-            left: 0,
-            bottom: 0,
-            right: 0,
-        },
-    },
 });

src/_codux/boards/documentation/style-guide.board.module.scss → _codux/boards/documentation/style-guide.board.module.scss

@@ -1,4 +1,4 @@
-@import '../../../styles/theme.module.scss';
+@import '@styles/theme.module.scss';
 .root {
 }
 

src/_codux/boards/hour-buttons/hour-buttons.board.tsx → _codux/boards/hour-buttons/hour-buttons.board.tsx

@@ -1,6 +1,6 @@
-import { HourButtons } from '../../../components/hour-buttons/hour-buttons';
+import { HourButtons } from '~/components/hour-buttons/hour-buttons';
 import { ContentSlot, createBoard } from '@wixc3/react-board';
-import { ComponentWrapper } from '/src/_codux/board-wrappers/component-wrapper';
+import { ComponentWrapper } from '../../board-wrappers/component-wrapper';
 import React, { useState } from 'react';
 
 export default createBoard({

src/_codux/boards/intro/intro.board.tsx → _codux/boards/intro/intro.board.tsx

@@ -1,7 +1,7 @@
 import { createBoard } from '@wixc3/react-board';
 import styles from './intro.module.scss';
 import Classnames from 'classnames';
-import CommonStyles_module from '../../../styles/common-styles.module.scss';
+// import CommonStyles_module from '~/styles/common-styles.module.scss';
 
 export default createBoard({
     name: '🌱 Intro',

src/_codux/boards/lesson-item/lesson-item-mobile-view.board.tsx → _codux/boards/lesson-item/lesson-item-mobile-view.board.tsx

@@ -1,4 +1,4 @@
-import { LessonItem } from '../../../components/lesson-item/lesson-item';
+import { LessonItem } from '~/components/lesson-item/lesson-item';
 import { ContentSlot, createBoard } from '@wixc3/react-board';
 import { ComponentWrapper } from '../../board-wrappers/component-wrapper';
 
@@ -11,10 +11,4 @@ export default createBoard({
             </ContentSlot>
         </ComponentWrapper>
     ),
-    isSnippet: true,
-    environmentProps: {
-        canvasMargin: { right: 0, bottom: 0, left: 0, top: 0 },
-        windowWidth: 412,
-        windowHeight: 915,
-    },
 });

src/_codux/boards/lesson-item/lesson-item.board.tsx → _codux/boards/lesson-item/lesson-item.board.tsx

@@ -1,4 +1,4 @@
-import { LessonItem } from '../../../components/lesson-item/lesson-item';
+import { LessonItem } from '~/components/lesson-item/lesson-item';
 import { ContentSlot, createBoard } from '@wixc3/react-board';
 import { ComponentWrapper } from '../../board-wrappers/component-wrapper';
 
@@ -11,10 +11,4 @@ export default createBoard({
             </ContentSlot>
         </ComponentWrapper>
     ),
-    isSnippet: true,
-    environmentProps: {
-        canvasMargin: { right: 0, bottom: 0, left: 0, top: 0 },
-        windowWidth: 1024,
-        windowHeight: 768,
-    },
 });

src/_codux/boards/lesson-page/fake-lesson-page.board.tsx → _codux/boards/lesson-page/fake-lesson-page.board.tsx

@@ -1,6 +1,6 @@
-import { LessonPage } from '../../../pages/lesson-page/lesson-page';
+import { LessonPage } from '~/pages/lesson-page/lesson-page';
 import { ContentSlot, createBoard } from '@wixc3/react-board';
-import { PageWrapper } from '/src/_codux/board-wrappers/page-wrapper';
+import { PageWrapper } from '../../../_codux/board-wrappers/page-wrapper';
 
 export default createBoard({
     name: 'Fake LessonPage',

src/_codux/boards/lessons-list/lessons-list.board.tsx → _codux/boards/lessons-list/lessons-list.board.tsx

@@ -1,6 +1,6 @@
-import { LessonsList } from '../../../components/lessons-list/lessons-list';
+import { LessonsList } from '~/components/lessons-list/lessons-list';
 import { ContentSlot, createBoard } from '@wixc3/react-board';
-import { ComponentWrapper } from '/src/_codux/board-wrappers/component-wrapper';
+import { ComponentWrapper } from '../../board-wrappers/component-wrapper';
 
 export default createBoard({
     name: 'Lessons List',
@@ -11,8 +11,4 @@ export default createBoard({
             </ContentSlot>
         </ComponentWrapper>
     ),
-    isSnippet: true,
-    environmentProps: {
-        canvasMargin: { right: 0, bottom: 0, left: 0, top: 0 },
-    },
 });

src/_codux/boards/my-profile-page.board.tsx → _codux/boards/my-profile-page.board.tsx

@@ -1,6 +1,6 @@
 import { ContentSlot, createBoard } from '@wixc3/react-board';
-import { PageWrapper } from '/src/_codux/board-wrappers/page-wrapper';
-import { ProfilePage } from '../../pages/profile-page/profile-page';
+import { PageWrapper } from '../board-wrappers/page-wrapper';
+import { ProfilePage } from '~/pages/profile-page/profile-page';
 
 export default createBoard({
     name: 'My Profile page',

src/_codux/boards/pages/home-page/page-home.board.tsx → _codux/boards/pages/home-page/home-page.board.tsx

@@ -1,7 +1,6 @@
-import { HomePage } from '../../../../pages/home-page/home-page';
+import { HomePage } from '~/pages/home-page/home-page';
 import { ContentSlot, createBoard } from '@wixc3/react-board';
-import { PageWrapperRealData } from '/src/_codux/board-wrappers/page-wrapper-real-data';
-import { waitForProductImage } from '/src/_codux/board-wrappers/wait-for-helpers';
+import { PageWrapperRealData } from '../../../board-wrappers/page-wrapper-real-data';
 
 export default createBoard({
     name: '1 - Home Page',
@@ -15,5 +14,4 @@ export default createBoard({
     ),
     isSnippet: false,
     environmentProps: { windowWidth: 1920, windowHeight: 1080 },
-    readyToSnapshot: waitForProductImage,
 });

src/_codux/boards/pages/lesson-page/lesson-page.board.tsx → _codux/boards/pages/lesson-page/lesson-page.board.tsx

@@ -1,12 +1,11 @@
-import { LessonPage } from '../../../../pages/lesson-page/lesson-page';
+import { LessonPage } from '~/pages/lesson-page/lesson-page';
 import { ContentSlot, createBoard } from '@wixc3/react-board';
-import { PageWrapperRealData } from '/src/_codux/board-wrappers/page-wrapper-real-data';
+import { PageWrapperRealData } from '../../../board-wrappers/page-wrapper-real-data';
 
 export default createBoard({
     name: '8 - LessonPage',
     Board: () => (
         //in practice PageWrapperRealData with a path will render the correct page, but it is less convenient to use in a board
-
         <PageWrapperRealData path="/lesson/yin-yoga">
             <ContentSlot>
                 <LessonPage />

src/_codux/boards/pages/lessons-page/page-lessons-test-data.board.tsx → _codux/boards/pages/lessons-page/page-lessons-test-data.board.tsx

@@ -1,7 +1,7 @@
-import { LessonsPage } from '../../../../pages/lessons-page/lessons-page';
 import { ContentSlot, createBoard } from '@wixc3/react-board';
-import { PageWrapper } from '/src/_codux/board-wrappers/page-wrapper';
-import { waitForProductImage } from '/src/_codux/board-wrappers/wait-for-helpers';
+import { PageWrapper } from '../../../../_codux/board-wrappers/page-wrapper';
+import { waitForProductImage } from '../../../board-wrappers/wait-for-helpers';
+import { LessonsPage } from '~/pages/lessons-page/lessons-page';
 
 export default createBoard({
     name: 'Test Lessons Page',

src/_codux/boards/pages/lessons-page/page-lessons.board.tsx → _codux/boards/pages/lessons-page/page-lessons.board.tsx

@@ -1,7 +1,6 @@
-import { LessonsPage } from '../../../../pages/lessons-page/lessons-page';
+import { LessonsPage } from '~/pages/lessons-page/lessons-page';
 import { ContentSlot, createBoard } from '@wixc3/react-board';
-import { PageWrapperRealData } from '/src/_codux/board-wrappers/page-wrapper-real-data';
-import { waitForProductImage } from '/src/_codux/board-wrappers/wait-for-helpers';
+import { PageWrapperRealData } from '../../../board-wrappers/page-wrapper-real-data';
 
 export default createBoard({
     name: '2 - Lessons Page',
@@ -14,8 +13,4 @@ export default createBoard({
         </PageWrapperRealData>
     ),
     isSnippet: false,
-    environmentProps: {
-        canvasMargin: { right: 0, bottom: 0, left: 0 },
-    },
-    readyToSnapshot: waitForProductImage,
 });

src/_codux/boards/pages/lessons-page/test-lessons-page-mobile.board.tsx → _codux/boards/pages/lessons-page/test-lessons-page-mobile.board.tsx

@@ -1,7 +1,6 @@
-import { LessonsPage } from '../../../../pages/lessons-page/lessons-page';
+import { LessonsPage } from '~/pages/lessons-page/lessons-page';
 import { ContentSlot, createBoard } from '@wixc3/react-board';
-import { PageWrapper } from '/src/_codux/board-wrappers/page-wrapper';
-import { waitForProductImage } from '/src/_codux/board-wrappers/wait-for-helpers';
+import { PageWrapper } from '../../../board-wrappers/page-wrapper';
 
 export default createBoard({
     name: 'Test Lessons Page Mobile',
@@ -19,10 +18,4 @@ export default createBoard({
         </PageWrapper>
     ),
     isSnippet: false,
-    environmentProps: {
-        canvasMargin: { right: 0, bottom: 0, left: 0 },
-        windowWidth: 412,
-        windowHeight: 915,
-    },
-    readyToSnapshot: waitForProductImage,
 });

src/_codux/boards/pages/my-bookings-page/my-bookings-page.board.tsx → _codux/boards/pages/my-bookings-page/my-bookings-page.board.tsx

@@ -1,6 +1,6 @@
 import { ContentSlot, createBoard } from '@wixc3/react-board';
-import { PageWrapper } from '/src/_codux/board-wrappers/page-wrapper';
-import { MyBookingsPage } from '../../../../pages/my-bookings-page/my-bookings-page';
+import { PageWrapper } from '../../../board-wrappers/page-wrapper';
+import { MyBookingsPage } from '~/pages/my-bookings-page/my-bookings-page';
 
 export default createBoard({
     name: '7 - My Bookings',

src/_codux/boards/pages/thank-you-page/page-thank-you.board.tsx → _codux/boards/pages/thank-you-page/page-thank-you.board.tsx

@@ -1,6 +1,6 @@
-import { ThankYouPage } from '../../../../components/thank-you-page/thank-you-page';
+import { ThankYouPage } from '~/components/thank-you-page/thank-you-page';
 import { ContentSlot, createBoard } from '@wixc3/react-board';
-import { PageWrapper } from '/src/_codux/board-wrappers/page-wrapper';
+import { PageWrapper } from '../../../board-wrappers/page-wrapper';
 
 export default createBoard({
     name: '6 - Thank You Page',

src/_codux/boards/payment/payment.board.tsx → _codux/boards/payment/payment.board.tsx

@@ -1,6 +1,6 @@
-import { Payment } from '../../../components/payment/payment';
+import { Payment } from '~/components/payment/payment';
 import { ContentSlot, createBoard } from '@wixc3/react-board';
-import { ComponentWrapper } from '/src/_codux/board-wrappers/component-wrapper';
+import { ComponentWrapper } from '../../board-wrappers/component-wrapper';
 
 export default createBoard({
     name: 'Payment',
@@ -11,8 +11,4 @@ export default createBoard({
             </ContentSlot>
         </ComponentWrapper>
     ),
-    isSnippet: true,
-    environmentProps: {
-        canvasMargin: { right: 0, bottom: 0, left: 0, top: 0 },
-    },
 });

src/_codux/fake-data/fake-data.ts → _codux/fake-data/fake-data.ts

@@ -1,6 +1,6 @@
 import { faker } from '@faker-js/faker';
 import { services } from '@wix/bookings';
-import { WixAPI } from '../../api/wix-api-context-provider';
+import { WixAPI } from '~/api/wix-api-context-provider';
 import {
     FAKE_IMAGES,
     FAKE_IMAGES_FOLDER,

src/_codux/fake-data/fake-wix-api-context-provider.tsx → _codux/fake-data/fake-wix-api-context-provider.tsx

@@ -8,7 +8,7 @@ import {
     createLessonAvailability,
     createUserData,
 } from './fake-data';
-import { WixAPI, WixAPIContext } from '../../api/wix-api-context-provider';
+import { WixAPI, WixAPIContext } from '~/api/wix-api-context-provider';
 import { faker } from '@faker-js/faker';
 import { SWRConfig } from 'swr';