processing... please wait...
26 | 27 | 28 | 29 | 30 | 31 | -------------------------------------------------------------------------------- /resources/js/src/components/icons/ResetCanvasIcon.vue: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 7 | 8 | -------------------------------------------------------------------------------- /resources/js/src/components/base-components/Error.vue: -------------------------------------------------------------------------------- 1 | 9 | 10 | 11 | 12 |
13 |
18 |
19 |
--------------------------------------------------------------------------------
/resources/js/src/pages/admin/actions/http/logout.ts:
--------------------------------------------------------------------------------
1 | import { makeHttpReq2 } from "../../../../helper/makeHttpReq"
2 | import { showError, successMsg } from "../../../../helper/toastnotification"
3 |
4 | export async function logout(userId:string| undefined) {
5 | try {
6 |
7 |
8 | const data = await makeHttpReq2<{ userId: number }, { message: string }>
9 | ('logout', 'POST', {
10 | userId: parseInt((userId as string))
11 | })
12 | window.location.href = '/app/login'
13 | localStorage.clear()
14 | successMsg(data.message)
15 | } catch (error) {
16 | showError((error as Error).message)
17 | }
18 | }
19 |
20 |
--------------------------------------------------------------------------------
/resources/js/src/components/icons/TrashIcon.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
6 |
7 |
--------------------------------------------------------------------------------
/resources/js/src/helper/toastnotification.ts:
--------------------------------------------------------------------------------
1 |
2 | import { useToast } from 'vue-toast-notification'
3 |
4 | const toast = useToast()
5 |
6 | export function showError(message: string) {
7 | if (message === 'Not authenticated' || message === 'Failed to fetch' ) {
8 | // '
9 |
10 | window.location.href = '/app/login'
11 | localStorage.clear()
12 | }
13 | toast.error(message, {
14 | position: 'bottom-right',
15 | duration: 4000,
16 | dismissible: true
17 | })
18 | }
19 |
20 | export function successMsg(message: string) {
21 | toast.success(message, {
22 | position: 'bottom-right',
23 | duration: 4000,
24 | dismissible: true
25 | })
26 | }
27 |
--------------------------------------------------------------------------------
/resources/js/src/pages/admin/addJoinee.vue:
--------------------------------------------------------------------------------
1 |
17 |
18 |
19 |
20 |
15 |
17 | {{ error.$message }}
16 |
21 |
24 |
--------------------------------------------------------------------------------
/public/.htaccess:
--------------------------------------------------------------------------------
1 | callback
31 |
--------------------------------------------------------------------------------
/database/migrations/2024_11_01_194707_create_sticky_notes_table.php:
--------------------------------------------------------------------------------
1 | id();
16 | $table->integer('projectId');
17 | $table->json('stickyNoteData');
18 | $table->timestamps();
19 | });
20 | }
21 |
22 | /**
23 | * Reverse the migrations.
24 | */
25 | public function down(): void
26 | {
27 | Schema::dropIfExists('sticky_notes');
28 | }
29 | };
30 |
--------------------------------------------------------------------------------
/database/migrations/2024_11_01_194640_create_text_captions_table.php:
--------------------------------------------------------------------------------
1 | id();
16 | $table->integer('projectId');
17 | $table->json('textCaptionData');
18 | $table->timestamps();
19 | });
20 | }
21 |
22 | /**
23 | * Reverse the migrations.
24 | */
25 | public function down(): void
26 | {
27 | Schema::dropIfExists('text_captions');
28 | }
29 | };
30 |
--------------------------------------------------------------------------------
/database/migrations/2024_09_13_183423_create_oauth_personal_access_clients_table.php:
--------------------------------------------------------------------------------
1 | bigIncrements('id');
16 | $table->uuid('client_id');
17 | $table->timestamps();
18 | });
19 | }
20 |
21 | /**
22 | * Reverse the migrations.
23 | */
24 | public function down(): void
25 | {
26 | Schema::dropIfExists('oauth_personal_access_clients');
27 | }
28 | };
29 |
--------------------------------------------------------------------------------
/database/migrations/2024_11_01_194650_create_mini_text_editors_table.php:
--------------------------------------------------------------------------------
1 | id();
16 | $table->integer('projectId');
17 | $table->json('miniTextEditorData');
18 | $table->timestamps();
19 | });
20 | }
21 |
22 | /**
23 | * Reverse the migrations.
24 | */
25 | public function down(): void
26 | {
27 | Schema::dropIfExists('mini_text_editors');
28 | }
29 | };
30 |
--------------------------------------------------------------------------------
/resources/js/src/pages/auth/LoginPage.vue:
--------------------------------------------------------------------------------
1 |
10 |
11 |
12 |
13 |
25 |
26 |
--------------------------------------------------------------------------------
/resources/views/welcome.blade.php:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
14 |
15 |
16 |
24 |
17 |
21 |
22 |
23 |
21 | {{ yDocStore.cursor.typingUser }}
22 |
23 |
24 |
--------------------------------------------------------------------------------
/resources/js/src/helper/auth.ts:
--------------------------------------------------------------------------------
1 | export type LoginResponseType = {
2 | user?: {
3 | name?: string
4 | email: string
5 | userId: string
6 | }
7 | authorizationCode?: string
8 | state?: string
9 | codeVerifier?: string
10 | token?: {
11 | accessToken: string
12 | refreshToken: string
13 | }
14 |
15 | }
16 |
17 |
18 | export function setUserData(data: LoginResponseType) {
19 | localStorage.setItem('userData', JSON.stringify(data))
20 | }
21 |
22 | export function getUserData(): LoginResponseType | undefined {
23 | try {
24 | const userData: string | null = localStorage.getItem('userData')
25 |
26 | if (typeof userData !== 'object') {
27 | const loginData: LoginResponseType = JSON.parse(userData)
28 | return loginData
29 | }
30 | } catch (error) {
31 | console.log((error as Error).message)
32 | }
33 | }
34 |
--------------------------------------------------------------------------------
/resources/js/src/pages/admin/LearnYjs.vue:
--------------------------------------------------------------------------------
1 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 | 33 | 34 | users messages:{{ messages }} 35 |
39 |
40 |
--------------------------------------------------------------------------------
/database/migrations/2024_09_13_183419_create_oauth_auth_codes_table.php:
--------------------------------------------------------------------------------
1 | string('id', 100)->primary();
16 | $table->unsignedBigInteger('user_id')->index();
17 | $table->uuid('client_id');
18 | $table->text('scopes')->nullable();
19 | $table->boolean('revoked');
20 | $table->dateTime('expires_at')->nullable();
21 | });
22 | }
23 |
24 | /**
25 | * Reverse the migrations.
26 | */
27 | public function down(): void
28 | {
29 | Schema::dropIfExists('oauth_auth_codes');
30 | }
31 | };
32 |
--------------------------------------------------------------------------------
/config/cors.php:
--------------------------------------------------------------------------------
1 | ['api/*', 'sanctum/csrf-cookie', 'oauth/*'],
19 |
20 | 'allowed_methods' => ['*'],
21 |
22 | 'allowed_origins' => ['*'],
23 |
24 | 'allowed_origins_patterns' => [],
25 |
26 | 'allowed_headers' => ['*'],
27 |
28 | 'exposed_headers' => [],
29 |
30 | 'max_age' => 0,
31 |
32 | 'supports_credentials' => false,
33 |
34 | ];
35 |
--------------------------------------------------------------------------------
/resources/views/about.blade.php:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | 32 | 33 | 34 | users messages:{{ messages }} 35 |
36 |
37 |
38 | EVENT DELEGATION
12 | 13 |-
14 |
- Item 1 15 |
- Item 2 16 |
- Item 3 17 |
-
18 |
-
19 | {{ user?.user?.name }}
20 | 21 | {{ user?.user?.email }} 22 | 23 |
24 | -
28 |
29 |
30 | 31 | Logout 32 |
33 |
9 |
10 |
14 |
15 |
49 |
--------------------------------------------------------------------------------
/resources/js/src/pages/admin/components/project-board/UndoRedo.vue:
--------------------------------------------------------------------------------
1 |
9 |
10 |
11 |
12 | Loading document...
11 |
12 |
13 | -
13 |
-
17 |
18 |
19 | 20 |
21 |
22 | -
26 |
27 |
28 | 29 |
30 |
31 | -
35 |
36 |
37 | 38 |
39 |
16 |
17 |
18 |
41 |
42 |
43 |
44 |
45 |
46 |
47 |
48 |
--------------------------------------------------------------------------------
/resources/js/src/components/base-components/BaseModal.vue:
--------------------------------------------------------------------------------
1 |
2 |
11 |
12 | Users
19 | 20 | 21 | 22 |-
25 |
- 26 | {{user.name}} - {{user.email}} 27 | 28 | 29 |
16 |
38 |
39 |
40 |
55 |
56 |
57 |
58 |
--------------------------------------------------------------------------------
/resources/js/src/pages/admin/actions/addjoinee/http/addJoinee.ts:
--------------------------------------------------------------------------------
1 | import { RouteLocationNormalizedLoaded } from "vue-router";
2 | import { ref } from 'vue'
3 | import { makeHttpReq, makeHttpReq2 } from '../../../../../helper/makeHttpReq';
4 | import { getUserData } from "../../../../../helper/auth";
5 | import { App } from "../../../../../app/app";
6 | import { showError } from "../../../../../helper/toastnotification";
7 |
8 |
9 |
10 | export function useAddJoinees(route: RouteLocationNormalizedLoaded){
11 |
12 | const loading=ref(false)
13 | const userData=getUserData()
14 | const projectCode=route?.query?.project_code as string
15 |
16 | async function addJoinees(){
17 |
18 |
19 | try {
20 | loading.value = true
21 | const data = await makeHttpReq2<{
22 | projectCode:string
23 | userId:string
24 | }, {
25 | message:string,
26 | status:boolean
27 | }>
28 | (`joinees`, 'POST',{
29 | projectCode:projectCode,
30 | userId:userData?.user?.userId as string
31 | })
32 |
33 | if(data.status){
34 | // http://127.0.0.1:8000/app/add_joinees?project_code=BJDfgJLrje-1730775993
35 | // http://127.0.0.1:8000/app/project-boards?project_code=BJDfgJLrje-1730775993
36 | window.location.href=App.baseUrl+'/app/project-boards?project_code='+projectCode
37 | }
38 | loading.value = false
39 | } catch (error) {
40 | showError((error as Error).message)
41 | loading.value = false
42 | }
43 |
44 | }
45 |
46 |
47 | return {addJoinees,loading}
48 | }
--------------------------------------------------------------------------------
/database/migrations/0001_01_01_000000_create_users_table.php:
--------------------------------------------------------------------------------
1 | id();
16 | $table->string('name')->nullable();
17 | $table->string('email')->unique();
18 | $table->timestamp('email_verified_at')->nullable();
19 | $table->string('googleId');
20 | $table->string('password')->nullable();
21 | $table->rememberToken();
22 | $table->timestamps();
23 | });
24 |
25 | Schema::create('password_reset_tokens', function (Blueprint $table) {
26 | $table->string('email')->primary();
27 | $table->string('token');
28 | $table->timestamp('created_at')->nullable();
29 | });
30 |
31 | Schema::create('sessions', function (Blueprint $table) {
32 | $table->string('id')->primary();
33 | $table->foreignId('user_id')->nullable()->index();
34 | $table->string('ip_address', 45)->nullable();
35 | $table->text('user_agent')->nullable();
36 | $table->longText('payload');
37 | $table->integer('last_activity')->index();
38 | });
39 | }
40 |
41 | /**
42 | * Reverse the migrations.
43 | */
44 | public function down(): void
45 | {
46 | Schema::dropIfExists('users');
47 | Schema::dropIfExists('password_reset_tokens');
48 | Schema::dropIfExists('sessions');
49 | }
50 | };
51 |
--------------------------------------------------------------------------------
/.env.example:
--------------------------------------------------------------------------------
1 | APP_NAME=Laravel
2 | APP_ENV=local
3 | APP_KEY=base64:ASPFcMWDorc+27kT/5yrmGBjhJNLDoXsp6jaeYTjD6M=
4 | APP_DEBUG=true
5 | APP_TIMEZONE=UTC
6 | APP_URL=http://localhost
7 |
8 | APP_LOCALE=en
9 | APP_FALLBACK_LOCALE=en
10 | APP_FAKER_LOCALE=en_US
11 |
12 | APP_MAINTENANCE_DRIVER=file
13 | APP_MAINTENANCE_STORE=database
14 |
15 | BCRYPT_ROUNDS=12
16 |
17 | LOG_CHANNEL=stack
18 | LOG_STACK=single
19 | LOG_DEPRECATIONS_CHANNEL=null
20 | LOG_LEVEL=debug
21 |
22 | DB_CONNECTION=mysql
23 | DB_HOST=127.0.0.1
24 | DB_PORT=3306
25 | DB_DATABASE=real_time_app
26 | DB_USERNAME=root
27 | DB_PASSWORD=
28 |
29 | SESSION_DRIVER=database
30 | SESSION_LIFETIME=120
31 | SESSION_ENCRYPT=false
32 | SESSION_PATH=/
33 | SESSION_DOMAIN=null
34 |
35 | BROADCAST_CONNECTION=reverb
36 | FILESYSTEM_DISK=local
37 | QUEUE_CONNECTION=database
38 |
39 | CACHE_STORE=database
40 | CACHE_PREFIX=
41 |
42 | MEMCACHED_HOST=127.0.0.1
43 |
44 | REDIS_CLIENT=phpredis
45 | REDIS_HOST=127.0.0.1
46 | REDIS_PASSWORD=null
47 | REDIS_PORT=6379
48 |
49 | MAIL_MAILER=smtp
50 | MAIL_HOST=127.0.0.1
51 | MAIL_PORT=1025
52 | # MAIL_PORT=465
53 |
54 | MAIL_USERNAME=null
55 | MAIL_PASSWORD=null
56 | MAIL_ENCRYPTION=null
57 | MAIL_FROM_ADDRESS="hello@example.com"
58 | MAIL_FROM_NAME="${APP_NAME}"
59 |
60 | AWS_ACCESS_KEY_ID=
61 | AWS_SECRET_ACCESS_KEY=
62 | AWS_DEFAULT_REGION=us-east-1
63 | AWS_BUCKET=
64 | AWS_USE_PATH_STYLE_ENDPOINT=false
65 |
66 | VITE_APP_NAME="${APP_NAME}"
67 |
68 |
69 | REVERB_APP_ID=149166
70 | REVERB_APP_KEY=rqstow4sbplqshtxxkak
71 | REVERB_APP_SECRET=9hon33i81fj34x4zawz4
72 | REVERB_HOST="localhost"
73 | REVERB_PORT=8080
74 | REVERB_SCHEME=http
75 |
76 | VITE_REVERB_APP_KEY="${REVERB_APP_KEY}"
77 | VITE_REVERB_HOST="${REVERB_HOST}"
78 | VITE_REVERB_PORT="${REVERB_PORT}"
79 | VITE_REVERB_SCHEME="${REVERB_SCHEME}"
80 |
--------------------------------------------------------------------------------
/app/Models/User.php:
--------------------------------------------------------------------------------
1 | $googleUser->id,
29 | ], [
30 | 'name' => $googleUser->name,
31 | 'email' => $googleUser->email,
32 | 'googleId' => $googleUser->id,
33 | 'password' => Hash::make($password)
34 | ]);
35 |
36 | return $user;
37 |
38 | }
39 |
40 |
41 |
42 |
43 | /**
44 | * The attributes that are mass assignable.
45 | *
46 | * @var array
19 |
37 |
20 |
22 |
23 |
24 |
25 |
28 |
29 |
30 |
31 |
32 |
36 | -
31 |
35 |
39 |
43 |
47 |
19 |
50 |
51 |
--------------------------------------------------------------------------------
/resources/js/src/pages/admin/components/project-board/AddItem.vue:
--------------------------------------------------------------------------------
1 |
13 |
14 |
20 |
49 |
21 |
40 |
41 |
42 |
45 | {{ project.name }}
43 | 44 |
46 | Details
47 |
48 | -
17 |
18 |
19 |
20 |
-
25 |
26 |
27 | 28 |
29 |
30 | -
34 |
35 |
36 | 37 |
38 |
39 | -
43 |
44 |
45 |
46 | 47 |
48 |
49 | -
53 |
54 |
55 | 56 |
57 |
58 | -
62 |
63 |
64 | 65 |
66 |
31 |
64 |
65 |
--------------------------------------------------------------------------------
/resources/js/src/pages/admin/components/project-board/TextCaption.vue:
--------------------------------------------------------------------------------
1 |
12 |
13 |
14 |
32 |
48 |
36 |
38 |
39 |
45 |
47 |
54 | {{ stickyNote.body }}
55 |
56 |
57 |
63 |
60 |
62 |
30 |
63 |
64 |
--------------------------------------------------------------------------------
/resources/js/src/pages/admin/actions/project/http/createOrUpdateProject.ts:
--------------------------------------------------------------------------------
1 | import { ref } from "vue"
2 | import { useProjectStore } from "../../../../../store/projectStore"
3 | import { showError, successMsg } from "../../../../../helper/toastnotification"
4 | import { getUserData } from "../../../../../helper/auth"
5 | import { makeHttpReq2 } from "../../../../../helper/makeHttpReq"
6 | import { useGetProject } from "./getProject"
7 |
8 |
9 |
10 |
11 | export interface ICreateOrUpdateProject {
12 | id: number | null
13 | name: string
14 | userId: number | null
15 | }
16 |
17 | type ResponseType = { message: string }
18 |
19 | const projectInput = useProjectStore()
20 |
21 |
22 | export function useCreateOrUpdateProject() {
23 | const loading = ref(false)
24 |
25 | async function createOrUpdateProject(
26 | input: ICreateOrUpdateProject,
27 | edit: boolean
28 | ) {
29 | try {
30 | const userData = getUserData()
31 | loading.value = true
32 | projectInput.input.userId = parseInt(userData?.user?.userId as string)
33 | const data = edit ? await update('projects', input) : await create('projects', input)
34 | projectInput.edit=false
35 | projectInput.input = {} as ICreateOrUpdateProject
36 |
37 |
38 | successMsg(data.message)
39 |
40 | loading.value = false
41 | } catch (error) {
42 | if (typeof (error as { errors: Array
31 |
47 |
35 |
37 |
38 |
44 |
46 |
53 | {{ textCaption.body }}
54 |
55 |
56 |
62 |
59 |
61 |
47 |
48 |
49 |
81 |
82 |
83 |
--------------------------------------------------------------------------------
/config/passport.php:
--------------------------------------------------------------------------------
1 | 'web',
17 |
18 | /*
19 | |--------------------------------------------------------------------------
20 | | Encryption Keys
21 | |--------------------------------------------------------------------------
22 | |
23 | | Passport uses encryption keys while generating secure access tokens for
24 | | your application. By default, the keys are stored as local files but
25 | | can be set via environment variables when that is more convenient.
26 | |
27 | */
28 |
29 | 'private_key' => env('PASSPORT_PRIVATE_KEY'),
30 |
31 | 'public_key' => env('PASSPORT_PUBLIC_KEY'),
32 |
33 | /*
34 | |--------------------------------------------------------------------------
35 | | Passport Database Connection
36 | |--------------------------------------------------------------------------
37 | |
38 | | By default, Passport's models will utilize your application's default
39 | | database connection. If you wish to use a different connection you
40 | | may specify the configured name of the database connection here.
41 | |
42 | */
43 |
44 | 'connection' => env('PASSPORT_CONNECTION'),
45 |
46 | /*
47 | |--------------------------------------------------------------------------
48 | | Client UUIDs
49 | |--------------------------------------------------------------------------
50 | |
51 | | By default, Passport uses auto-incrementing primary keys when assigning
52 | | IDs to clients. However, if Passport is installed using the provided
53 | | --uuids switch, this will be set to "true" and UUIDs will be used.
54 | |
55 | */
56 |
57 | 'client_uuids' => true,
58 |
59 | /*
60 | |--------------------------------------------------------------------------
61 | | Personal Access Client
62 | |--------------------------------------------------------------------------
63 | |
64 | | If you enable client hashing, you should set the personal access client
65 | | ID and unhashed secret within your environment file. The values will
66 | | get used while issuing fresh personal access tokens to your users.
67 | |
68 | */
69 |
70 | 'personal_access_client' => [
71 | 'id' => env('PASSPORT_PERSONAL_ACCESS_CLIENT_ID'),
72 | 'secret' => env('PASSPORT_PERSONAL_ACCESS_CLIENT_SECRET'),
73 | ],
74 |
75 | ];
76 |
--------------------------------------------------------------------------------
/resources/js/src/pages/admin/components/project-board/UserCursor.vue:
--------------------------------------------------------------------------------
1 |
18 |
19 | Create Project
50 | 51 | 52 | 53 |
54 |
55 |
57 |
58 |
59 |
60 |
61 |
67 |
79 |
80 |
27 | {{yDocStore.mousePosition.userName}}
28 |
29 |
64 |
65 |
66 |
95 |
--------------------------------------------------------------------------------
/resources/js/src/pages/admin/components/project-board/TopNavBar.vue:
--------------------------------------------------------------------------------
1 |
38 |
39 |
40 |
78 |
79 |
--------------------------------------------------------------------------------
/config/broadcasting.php:
--------------------------------------------------------------------------------
1 | env('BROADCAST_CONNECTION', 'null'),
19 |
20 | /*
21 | |--------------------------------------------------------------------------
22 | | Broadcast Connections
23 | |--------------------------------------------------------------------------
24 | |
25 | | Here you may define all of the broadcast connections that will be used
26 | | to broadcast events to other systems or over WebSockets. Samples of
27 | | each available type of connection are provided inside this array.
28 | |
29 | */
30 |
31 | 'connections' => [
32 |
33 | 'reverb' => [
34 | 'driver' => 'reverb',
35 | 'key' => env('REVERB_APP_KEY'),
36 | 'secret' => env('REVERB_APP_SECRET'),
37 | 'app_id' => env('REVERB_APP_ID'),
38 | 'options' => [
39 | 'host' => env('REVERB_HOST'),
40 | 'port' => env('REVERB_PORT', 443),
41 | 'scheme' => env('REVERB_SCHEME', 'https'),
42 | 'useTLS' => env('REVERB_SCHEME', 'https') === 'https',
43 | ],
44 | 'client_options' => [
45 | // Guzzle client options: https://docs.guzzlephp.org/en/stable/request-options.html
46 | ],
47 | ],
48 |
49 | 'pusher' => [
50 | 'driver' => 'pusher',
51 | 'key' => env('PUSHER_APP_KEY'),
52 | 'secret' => env('PUSHER_APP_SECRET'),
53 | 'app_id' => env('PUSHER_APP_ID'),
54 | 'options' => [
55 | 'cluster' => env('PUSHER_APP_CLUSTER'),
56 | 'host' => env('PUSHER_HOST') ?: 'api-'.env('PUSHER_APP_CLUSTER', 'mt1').'.pusher.com',
57 | 'port' => env('PUSHER_PORT', 443),
58 | 'scheme' => env('PUSHER_SCHEME', 'https'),
59 | 'encrypted' => true,
60 | 'useTLS' => env('PUSHER_SCHEME', 'https') === 'https',
61 | ],
62 | 'client_options' => [
63 | // Guzzle client options: https://docs.guzzlephp.org/en/stable/request-options.html
64 | ],
65 | ],
66 |
67 | 'ably' => [
68 | 'driver' => 'ably',
69 | 'key' => env('ABLY_KEY'),
70 | ],
71 |
72 | 'log' => [
73 | 'driver' => 'log',
74 | ],
75 |
76 | 'null' => [
77 | 'driver' => 'null',
78 | ],
79 |
80 | ],
81 |
82 | ];
83 |
--------------------------------------------------------------------------------
/resources/js/src/yjs/yjs.ts:
--------------------------------------------------------------------------------
1 | import * as Y from "yjs";
2 | import { WebsocketProvider } from "y-websocket";
3 | import { IndexeddbPersistence } from "y-indexeddb";
4 | import { Ref } from "vue";
5 | import { IStickyNote } from "../pages/admin/actions/project-board/stickynote/stickyNoteTypes";
6 | import { yDocStore } from "../store/yDoc";
7 | import { runFuncSequentially } from "../helper/util";
8 | import {
9 | initCursor,
10 | initDrawing,
11 | initMiniTextEditor,
12 | initMouse,
13 | initStickyNote,
14 | initTextCaption,
15 | } from "./yjsUtil";
16 | import { ITextCaption } from "../pages/admin/actions/project-board/text-caption/textCaptionTypes";
17 | import { IProjectDetail } from "../pages/admin/actions/project-board/http/getProjectDetail";
18 |
19 | export interface ITextCaptionParams {
20 | // yArrayTextCaption: Ref
41 | ![logo]()
42 | | {{ project?.name }}
44 |
45 | |
46 |
47 |
51 |
54 |
55 |
56 |
57 |
77 |
58 |
61 |
62 | +{{ yDocStore.joinees.length }} users
67 |
68 |
69 |
76 |
51 |
142 |
143 |
144 |
152 |
--------------------------------------------------------------------------------
/resources/js/src/yjs/yjsUtil.ts:
--------------------------------------------------------------------------------
1 | import { useCanvas } from "../pages/admin/actions/project-board/canvas/canvas";
2 | import { ITextCaption } from "../pages/admin/actions/project-board/text-caption/textCaptionTypes";
3 | import { yDocStore } from "../store/yDoc";
4 | import { IMiniTextEditorParams, IStickyNoteParams, ITextCaptionParams } from "./yjs";
5 |
6 | const {initCanvas}=useCanvas()
7 |
8 |
9 |
10 | export const initTextCaption=(textCaptionParam: ITextCaptionParams) =>{
11 | return function(){
12 | return new Promise
58 |
141 |
59 |
93 |
94 |
60 | ![logo]()
65 |
71 |
72 |
92 | -
73 |
-
76 |
77 |
78 | 79 | Projects 80 |
81 | -
85 |
86 |
87 | 88 | Logout 89 |
90 |
95 |
140 |
96 | ![]()
103 |
104 |
105 |
106 |
108 |
109 | Projects
107 |
110 |
111 |
112 |
131 |
132 |
116 |
125 |
126 |
117 |
124 |
118 |
120 |
121 | New Project
122 |
123 |
133 |
139 |