tetrons 2.3.23 → 2.3.26

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (18) hide show
  1. package/dist/app/page.d.ts +2 -0
  2. package/dist/components/components/tetrons/EditorContent.tsx +60 -62
  3. package/dist/components/tetrons/EditorContent.d.ts +6 -0
  4. package/dist/components/tetrons/EditorContent.tsx +60 -62
  5. package/dist/components/tetrons/ResizableImage.d.ts +1 -0
  6. package/dist/components/tetrons/ResizableImage.js +36 -0
  7. package/dist/components/tetrons/ResizableImageComponent.d.ts +4 -0
  8. package/dist/components/tetrons/ResizableImageComponent.jsx +37 -0
  9. package/dist/components/tetrons/extensions/Spellcheck.ts +50 -0
  10. package/dist/components/tetrons/toolbar/AIGroup.tsx +209 -0
  11. package/dist/components/tetrons/toolbar/MiscGroup.tsx +33 -0
  12. package/dist/components/tetrons/toolbar/TetronsToolbar.tsx +7 -1
  13. package/dist/index.d.ts +6 -12
  14. package/dist/index.js +11169 -11454
  15. package/dist/index.mjs +11237 -11521
  16. package/dist/styles/styles/tetrons.css +193 -1
  17. package/dist/styles/tetrons.css +193 -1
  18. package/package.json +52 -44
package/dist/styles/styles/tetrons.css CHANGED
@@ -136,8 +136,8 @@
136
136
 
137
137
  .tetrons-toolbar label {
138
138
  font-size: 0.875rem;
139
- user-select: none;
140
139
  -webkit-user-select: none;
140
+ user-select: none;
141
141
  }
142
142
 
143
143
  .misc-group {
@@ -369,3 +369,195 @@
369
369
  padding: 0.5rem;
370
370
  text-align: left;
371
371
  }
372
+
373
+ .icon-btn {
374
+ padding: 0.5rem;
375
+ background: transparent;
376
+ border: none;
377
+ cursor: pointer;
378
+ }
379
+
380
+ .stop-btn {
381
+ background-color: #dc2626;
382
+ color: white;
383
+ margin-right: 20px;
384
+ }
385
+
386
+ .stop-btn:hover {
387
+ background-color: #b91c1c;
388
+ }
389
+
390
+ .voice-modal {
391
+ position: fixed;
392
+ inset: 0;
393
+ background: rgba(0, 0, 0, 0.5);
394
+ z-index: 9999;
395
+ display: flex;
396
+ align-items: center;
397
+ justify-content: center;
398
+ }
399
+
400
+ .voice-modal-content {
401
+ background: white;
402
+ padding: 2rem;
403
+ border-radius: 12px;
404
+ text-align: center;
405
+ box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
406
+ }
407
+
408
+ .ai-button {
409
+ padding: 8px 16px;
410
+ background: linear-gradient(to right, #7f00ff, #4f46e5);
411
+ color: white;
412
+ font-weight: bold;
413
+ border: none;
414
+ border-radius: 6px;
415
+ box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
416
+ cursor: pointer;
417
+ transition: background 0.3s ease, transform 0.2s ease;
418
+ }
419
+
420
+ .ai-button:hover {
421
+ background: linear-gradient(to right, #6b00d6, #4338ca);
422
+ transform: translateY(-1px);
423
+ }
424
+
425
+ .ai-button:active {
426
+ transform: scale(0.97);
427
+ }
428
+
429
+ .prompt-container {
430
+ margin-top: 0.5rem;
431
+ display: flex;
432
+ flex-direction: column;
433
+ gap: 0.5rem;
434
+ }
435
+
436
+ .prompt-textarea {
437
+ width: 100%;
438
+ padding: 8px;
439
+ font-size: 14px;
440
+ border-radius: 4px;
441
+ border: 1px solid #ccc;
442
+ resize: vertical;
443
+ }
444
+
445
+ .prompt-actions {
446
+ display: flex;
447
+ gap: 0.5rem;
448
+ }
449
+
450
+ .prompt-submit-btn {
451
+ padding: 6px 12px;
452
+ background-color: #4f46e5;
453
+ color: #fff;
454
+ border-radius: 4px;
455
+ border: none;
456
+ cursor: pointer;
457
+ transition: background-color 0.2s ease;
458
+ }
459
+
460
+ .prompt-submit-btn:disabled {
461
+ cursor: not-allowed;
462
+ opacity: 0.6;
463
+ }
464
+
465
+ .prompt-cancel-btn {
466
+ padding: 6px 12px;
467
+ background-color: #e5e7eb;
468
+ color: #000;
469
+ border-radius: 4px;
470
+ border: none;
471
+ cursor: pointer;
472
+ }
473
+
474
+ .ai-error-message {
475
+ color: red;
476
+ font-size: 13px;
477
+ margin-top: 0.5rem;
478
+ }
479
+
480
+ .ai-modal-backdrop {
481
+ position: fixed;
482
+ inset: 0;
483
+ z-index: 9999;
484
+ display: flex;
485
+ align-items: center;
486
+ justify-content: center;
487
+ background-color: rgba(0, 0, 0, 0.4);
488
+ -webkit-backdrop-filter: blur(4px);
489
+ backdrop-filter: blur(4px);
490
+ }
491
+
492
+ .ai-modal-content {
493
+ background-color: #ffffff;
494
+ border-radius: 16px;
495
+ box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
496
+ padding: 1.5rem;
497
+ width: 90%;
498
+ max-width: 28rem;
499
+ }
500
+
501
+ .ai-modal-title {
502
+ font-size: 1.125rem;
503
+ font-weight: 600;
504
+ margin-bottom: 0.5rem;
505
+ }
506
+
507
+ .ai-modal-textarea {
508
+ width: 100%;
509
+ border: 1px solid #ccc;
510
+ border-radius: 0.5rem;
511
+ padding: 0.5rem;
512
+ font-size: 0.875rem;
513
+ min-height: 100px;
514
+ resize: none;
515
+ }
516
+
517
+ .ai-modal-error {
518
+ font-size: 0.875rem;
519
+ color: red;
520
+ margin-top: 0.5rem;
521
+ }
522
+
523
+ .ai-modal-actions {
524
+ display: flex;
525
+ justify-content: flex-end;
526
+ gap: 0.5rem;
527
+ margin-top: 1rem;
528
+ }
529
+
530
+ .ai-cancel-btn {
531
+ font-size: 0.875rem;
532
+ padding: 0.5rem 1rem;
533
+ background-color: #e5e7eb;
534
+ color: #000;
535
+ border: none;
536
+ border-radius: 0.375rem;
537
+ cursor: pointer;
538
+ transition: background-color 0.2s ease;
539
+ }
540
+
541
+ .ai-cancel-btn:hover {
542
+ background-color: #d1d5db;
543
+ }
544
+
545
+ .ai-submit-btn {
546
+ font-size: 0.875rem;
547
+ padding: 0.5rem 1rem;
548
+ background-color: #2563eb;
549
+ color: white;
550
+ border: none;
551
+ border-radius: 0.375rem;
552
+ cursor: pointer;
553
+ transition: background-color 0.2s ease;
554
+ }
555
+
556
+ .ai-submit-btn:hover {
557
+ background-color: #1d4ed8;
558
+ }
559
+
560
+ .ai-submit-btn:disabled {
561
+ opacity: 0.5;
562
+ cursor: not-allowed;
563
+ }
package/dist/styles/tetrons.css CHANGED
@@ -136,8 +136,8 @@
136
136
 
137
137
  .tetrons-toolbar label {
138
138
  font-size: 0.875rem;
139
- user-select: none;
140
139
  -webkit-user-select: none;
140
+ user-select: none;
141
141
  }
142
142
 
143
143
  .misc-group {
@@ -369,3 +369,195 @@
369
369
  padding: 0.5rem;
370
370
  text-align: left;
371
371
  }
372
+
373
+ .icon-btn {
374
+ padding: 0.5rem;
375
+ background: transparent;
376
+ border: none;
377
+ cursor: pointer;
378
+ }
379
+
380
+ .stop-btn {
381
+ background-color: #dc2626;
382
+ color: white;
383
+ margin-right: 20px;
384
+ }
385
+
386
+ .stop-btn:hover {
387
+ background-color: #b91c1c;
388
+ }
389
+
390
+ .voice-modal {
391
+ position: fixed;
392
+ inset: 0;
393
+ background: rgba(0, 0, 0, 0.5);
394
+ z-index: 9999;
395
+ display: flex;
396
+ align-items: center;
397
+ justify-content: center;
398
+ }
399
+
400
+ .voice-modal-content {
401
+ background: white;
402
+ padding: 2rem;
403
+ border-radius: 12px;
404
+ text-align: center;
405
+ box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
406
+ }
407
+
408
+ .ai-button {
409
+ padding: 8px 16px;
410
+ background: linear-gradient(to right, #7f00ff, #4f46e5);
411
+ color: white;
412
+ font-weight: bold;
413
+ border: none;
414
+ border-radius: 6px;
415
+ box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
416
+ cursor: pointer;
417
+ transition: background 0.3s ease, transform 0.2s ease;
418
+ }
419
+
420
+ .ai-button:hover {
421
+ background: linear-gradient(to right, #6b00d6, #4338ca);
422
+ transform: translateY(-1px);
423
+ }
424
+
425
+ .ai-button:active {
426
+ transform: scale(0.97);
427
+ }
428
+
429
+ .prompt-container {
430
+ margin-top: 0.5rem;
431
+ display: flex;
432
+ flex-direction: column;
433
+ gap: 0.5rem;
434
+ }
435
+
436
+ .prompt-textarea {
437
+ width: 100%;
438
+ padding: 8px;
439
+ font-size: 14px;
440
+ border-radius: 4px;
441
+ border: 1px solid #ccc;
442
+ resize: vertical;
443
+ }
444
+
445
+ .prompt-actions {
446
+ display: flex;
447
+ gap: 0.5rem;
448
+ }
449
+
450
+ .prompt-submit-btn {
451
+ padding: 6px 12px;
452
+ background-color: #4f46e5;
453
+ color: #fff;
454
+ border-radius: 4px;
455
+ border: none;
456
+ cursor: pointer;
457
+ transition: background-color 0.2s ease;
458
+ }
459
+
460
+ .prompt-submit-btn:disabled {
461
+ cursor: not-allowed;
462
+ opacity: 0.6;
463
+ }
464
+
465
+ .prompt-cancel-btn {
466
+ padding: 6px 12px;
467
+ background-color: #e5e7eb;
468
+ color: #000;
469
+ border-radius: 4px;
470
+ border: none;
471
+ cursor: pointer;
472
+ }
473
+
474
+ .ai-error-message {
475
+ color: red;
476
+ font-size: 13px;
477
+ margin-top: 0.5rem;
478
+ }
479
+
480
+ .ai-modal-backdrop {
481
+ position: fixed;
482
+ inset: 0;
483
+ z-index: 9999;
484
+ display: flex;
485
+ align-items: center;
486
+ justify-content: center;
487
+ background-color: rgba(0, 0, 0, 0.4);
488
+ -webkit-backdrop-filter: blur(4px);
489
+ backdrop-filter: blur(4px);
490
+ }
491
+
492
+ .ai-modal-content {
493
+ background-color: #ffffff;
494
+ border-radius: 16px;
495
+ box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
496
+ padding: 1.5rem;
497
+ width: 90%;
498
+ max-width: 28rem;
499
+ }
500
+
501
+ .ai-modal-title {
502
+ font-size: 1.125rem;
503
+ font-weight: 600;
504
+ margin-bottom: 0.5rem;
505
+ }
506
+
507
+ .ai-modal-textarea {
508
+ width: 100%;
509
+ border: 1px solid #ccc;
510
+ border-radius: 0.5rem;
511
+ padding: 0.5rem;
512
+ font-size: 0.875rem;
513
+ min-height: 100px;
514
+ resize: none;
515
+ }
516
+
517
+ .ai-modal-error {
518
+ font-size: 0.875rem;
519
+ color: red;
520
+ margin-top: 0.5rem;
521
+ }
522
+
523
+ .ai-modal-actions {
524
+ display: flex;
525
+ justify-content: flex-end;
526
+ gap: 0.5rem;
527
+ margin-top: 1rem;
528
+ }
529
+
530
+ .ai-cancel-btn {
531
+ font-size: 0.875rem;
532
+ padding: 0.5rem 1rem;
533
+ background-color: #e5e7eb;
534
+ color: #000;
535
+ border: none;
536
+ border-radius: 0.375rem;
537
+ cursor: pointer;
538
+ transition: background-color 0.2s ease;
539
+ }
540
+
541
+ .ai-cancel-btn:hover {
542
+ background-color: #d1d5db;
543
+ }
544
+
545
+ .ai-submit-btn {
546
+ font-size: 0.875rem;
547
+ padding: 0.5rem 1rem;
548
+ background-color: #2563eb;
549
+ color: white;
550
+ border: none;
551
+ border-radius: 0.375rem;
552
+ cursor: pointer;
553
+ transition: background-color 0.2s ease;
554
+ }
555
+
556
+ .ai-submit-btn:hover {
557
+ background-color: #1d4ed8;
558
+ }
559
+
560
+ .ai-submit-btn:disabled {
561
+ opacity: 0.5;
562
+ cursor: not-allowed;
563
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tetrons",
3
- "version": "2.3.23",
3
+ "version": "2.3.26",
4
4
  "description": "A Next.js project written in TypeScript",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
@@ -11,48 +11,57 @@
11
11
  "lint": "next lint"
12
12
  },
13
13
  "dependencies": {
14
- "@emoji-mart/react": "^1.1.1",
15
- "@tiptap/extension-code-block-lowlight": "^2.14.0",
16
- "@tiptap/extension-color": "^2.14.0",
17
- "@tiptap/extension-highlight": "^2.14.0",
18
- "@tiptap/extension-image": "^2.14.0",
19
- "@tiptap/extension-link": "^2.14.0",
20
- "@tiptap/extension-table": "^2.14.0",
21
- "@tiptap/extension-table-cell": "^2.14.0",
22
- "@tiptap/extension-table-header": "^2.14.0",
23
- "@tiptap/extension-table-row": "^2.14.0",
24
- "@tiptap/extension-text-align": "^2.14.0",
25
- "@tiptap/extension-underline": "^2.14.0",
26
- "@tiptap/react": "^2.12.0",
27
- "@tiptap/starter-kit": "^2.12.0",
28
- "docx": "^9.5.0",
29
- "dom-to-pdf": "^0.3.2",
30
- "html2pdf.js": "^0.10.3",
31
- "lowlight": "^3.3.0",
32
- "mongoose": "^8.16.0",
33
- "react-icons": "^5.5.0"
14
+ "@emoji-mart/react": "1.1.1",
15
+ "@tiptap/core": "2.24.1",
16
+ "@tiptap/extension-code-block-lowlight": "2.24.1",
17
+ "@tiptap/extension-color": "2.24.1",
18
+ "@tiptap/extension-highlight": "2.24.1",
19
+ "@tiptap/extension-image": "2.24.1",
20
+ "@tiptap/extension-link": "2.24.1",
21
+ "@tiptap/extension-table": "2.24.1",
22
+ "@tiptap/extension-table-cell": "2.24.1",
23
+ "@tiptap/extension-table-header": "2.24.1",
24
+ "@tiptap/extension-table-row": "2.24.1",
25
+ "@tiptap/extension-text-align": "2.24.1",
26
+ "@tiptap/extension-text-style": "2.24.1",
27
+ "@tiptap/extension-underline": "2.24.1",
28
+ "@tiptap/react": "2.24.1",
29
+ "@tiptap/starter-kit": "2.24.1",
30
+ "@uiball/loaders": "1.3.1",
31
+ "docx": "9.5.0",
32
+ "dom-to-pdf": "0.3.2",
33
+ "dotenv": "17.0.1",
34
+ "formidable": "3.5.4",
35
+ "framer-motion": "12.23.0",
36
+ "html2pdf.js": "0.10.3",
37
+ "lowlight": "3.3.0",
38
+ "mime": "4.0.7",
39
+ "mongoose": "8.16.0",
40
+ "openai": "^4.40.0",
41
+ "react-icons": "5.5.0",
42
+ "typo-js": "1.2.5"
34
43
  },
35
44
  "peerDependencies": {
36
- "next": "^15.3.2",
37
- "react": ">=18.3.1 <20",
38
- "react-dom": ">=18.3.1 <20"
45
+ "next": "15.3.2",
46
+ "react": "18.3.1",
47
+ "react-dom": "18.3.1"
39
48
  },
40
49
  "devDependencies": {
41
- "@eslint/eslintrc": "^3",
42
- "@tailwindcss/postcss": "^4.1.11",
43
- "@types/node": "^20",
44
- "@types/react": "^19",
45
- "@types/react-dom": "^19",
46
- "autoprefixer": "^10.4.21",
47
- "copyfiles": "^2.4.1",
48
- "eslint": "^9",
49
- "eslint-config-next": "^15.3.2",
50
- "tsup": "^8.5.0",
51
- "typescript": "^5"
50
+ "@eslint/eslintrc": "3.0.0",
51
+ "@types/formidable": "3.4.5",
52
+ "@types/node": "20.9.0",
53
+ "@types/react": "^18.2.21",
54
+ "@types/react-dom": "^18.2.7",
55
+ "autoprefixer": "10.4.21",
56
+ "copyfiles": "2.4.1",
57
+ "eslint": "9.0.0",
58
+ "eslint-config-next": "15.3.2",
59
+ "tsup": "8.5.0",
60
+ "typescript": "5.4.5"
52
61
  },
53
62
  "repository": {
54
63
  "type": "git",
55
- "url": "git+https://github.com/your-repo/tetrons.git"
64
+ "url": "git+https://github.com/Finapsys/Tetrons.git"
56
65
  },
57
66
  "keywords": [
58
67
  "nextjs",
@@ -63,20 +72,19 @@
63
72
  "author": "Your Name",
64
73
  "license": "MIT",
65
74
  "exports": {
66
- ".": {
67
- "import": "./dist/index.js",
68
- "require": "./dist/index.js",
69
- "types": "./dist/index.d.ts"
75
+ ".": {
76
+ "import": "./dist/index.js",
77
+ "require": "./dist/index.js"
78
+ },
79
+ "./style.css": "./dist/styles/tetrons.css"
70
80
  },
71
- "./style.css": "./dist/styles/tetrons.css"
72
- },
73
81
  "files": [
74
82
  "dist",
75
83
  "dist/styles/tetrons.css",
76
84
  "dist/components"
77
85
  ],
78
86
  "bugs": {
79
- "url": "https://github.com/your-repo/tetrons/issues"
87
+ "url": "https://github.com/Finapsys/Tetrons/issues"
80
88
  },
81
- "homepage": "https://github.com/your-repo/tetrons#readme"
89
+ "homepage": "https://github.com/Finapsys/Tetrons#readme"
82
90
  }