@learnpack/learnpack 5.0.69 → 5.0.71
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.
- package/README.md +13 -13
- package/lib/commands/init.js +1 -1
- package/lib/commands/serve.js +12 -3
- package/lib/creatorDist/assets/{index-C7bLE5wU.js → index-Dm2fdeOs.js} +9076 -8991
- package/lib/creatorDist/assets/{index-C_Rp91QE.css → index-k_eF99Sf.css} +103 -45
- package/lib/creatorDist/index.html +2 -2
- package/lib/creatorDist/rigo-float.gif +0 -0
- package/oclif.manifest.json +1 -1
- package/package.json +1 -1
- package/src/commands/init.ts +1 -1
- package/src/commands/serve.ts +13 -5
- package/src/creator/public/rigo-float.gif +0 -0
- package/src/creator/src/App.tsx +203 -163
- package/src/creator/src/assets/svgs.tsx +2 -2
- package/src/creator/src/components/LessonItem.tsx +10 -3
- package/src/creator/src/components/Login.tsx +14 -18
- package/src/creator/src/components/Message.tsx +12 -2
- package/src/creator/src/components/Redirector.tsx +12 -0
- package/src/creator/src/components/StepWizard.tsx +32 -18
- package/src/creator/src/components/syllabus/ContentIndex.tsx +47 -20
- package/src/creator/src/components/syllabus/Sidebar.tsx +114 -0
- package/src/creator/src/components/syllabus/SyllabusEditor.tsx +20 -125
- package/src/creator/src/index.css +2 -6
- package/src/creator/src/main.tsx +0 -1
- package/src/creator/src/utils/store.ts +14 -3
- package/src/creatorDist/assets/{index-C7bLE5wU.js → index-Dm2fdeOs.js} +9076 -8991
- package/src/creatorDist/assets/{index-C_Rp91QE.css → index-k_eF99Sf.css} +103 -45
- package/src/creatorDist/index.html +2 -2
- package/src/creatorDist/rigo-float.gif +0 -0
- package/src/utils/creds.json +13 -0
@@ -42,6 +42,8 @@
|
|
42
42
|
--tw-ring-offset-width: 0px;
|
43
43
|
--tw-ring-offset-color: #fff;
|
44
44
|
--tw-ring-offset-shadow: 0 0 #0000;
|
45
|
+
--tw-duration: initial;
|
46
|
+
--tw-ease: initial;
|
45
47
|
}
|
46
48
|
}
|
47
49
|
}
|
@@ -84,8 +86,6 @@
|
|
84
86
|
--text-sm--line-height: calc(1.25 / 0.875);
|
85
87
|
--text-lg: 1.125rem;
|
86
88
|
--text-lg--line-height: calc(1.75 / 1.125);
|
87
|
-
--text-xl: 1.25rem;
|
88
|
-
--text-xl--line-height: calc(1.75 / 1.25);
|
89
89
|
--text-4xl: 2.25rem;
|
90
90
|
--text-4xl--line-height: calc(2.5 / 2.25);
|
91
91
|
--font-weight-medium: 500;
|
@@ -95,6 +95,7 @@
|
|
95
95
|
--radius-md: 0.375rem;
|
96
96
|
--radius-lg: 0.5rem;
|
97
97
|
--radius-xl: 0.75rem;
|
98
|
+
--ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
|
98
99
|
--animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
|
99
100
|
--animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
|
100
101
|
--default-transition-duration: 0.15s;
|
@@ -364,6 +365,9 @@
|
|
364
365
|
.absolute {
|
365
366
|
position: absolute;
|
366
367
|
}
|
368
|
+
.fixed {
|
369
|
+
position: fixed;
|
370
|
+
}
|
367
371
|
.relative {
|
368
372
|
position: relative;
|
369
373
|
}
|
@@ -373,6 +377,12 @@
|
|
373
377
|
.-top-3 {
|
374
378
|
top: calc(var(--spacing) * -3);
|
375
379
|
}
|
380
|
+
.top-0 {
|
381
|
+
top: calc(var(--spacing) * 0);
|
382
|
+
}
|
383
|
+
.top-2 {
|
384
|
+
top: calc(var(--spacing) * 2);
|
385
|
+
}
|
376
386
|
.right-0 {
|
377
387
|
right: calc(var(--spacing) * 0);
|
378
388
|
}
|
@@ -388,21 +398,27 @@
|
|
388
398
|
.bottom-3 {
|
389
399
|
bottom: calc(var(--spacing) * 3);
|
390
400
|
}
|
391
|
-
.bottom-4 {
|
392
|
-
bottom: calc(var(--spacing) * 4);
|
393
|
-
}
|
394
401
|
.left-0 {
|
395
402
|
left: calc(var(--spacing) * 0);
|
396
403
|
}
|
397
404
|
.left-1\/2 {
|
398
405
|
left: 50%;
|
399
406
|
}
|
407
|
+
.left-2 {
|
408
|
+
left: calc(var(--spacing) * 2);
|
409
|
+
}
|
400
410
|
.z-10 {
|
401
411
|
z-index: 10;
|
402
412
|
}
|
403
413
|
.z-20 {
|
404
414
|
z-index: 20;
|
405
415
|
}
|
416
|
+
.z-40 {
|
417
|
+
z-index: 40;
|
418
|
+
}
|
419
|
+
.z-50 {
|
420
|
+
z-index: 50;
|
421
|
+
}
|
406
422
|
.container {
|
407
423
|
width: 100%;
|
408
424
|
}
|
@@ -500,14 +516,23 @@
|
|
500
516
|
.h-24 {
|
501
517
|
height: calc(var(--spacing) * 24);
|
502
518
|
}
|
519
|
+
.h-40 {
|
520
|
+
height: calc(var(--spacing) * 40);
|
521
|
+
}
|
522
|
+
.h-50 {
|
523
|
+
height: calc(var(--spacing) * 50);
|
524
|
+
}
|
525
|
+
.h-\[85\%\] {
|
526
|
+
height: 85%;
|
527
|
+
}
|
503
528
|
.h-full {
|
504
529
|
height: 100%;
|
505
530
|
}
|
506
531
|
.h-screen {
|
507
532
|
height: 100vh;
|
508
533
|
}
|
509
|
-
.max-h-\[
|
510
|
-
max-height:
|
534
|
+
.max-h-\[80vh\] {
|
535
|
+
max-height: 80vh;
|
511
536
|
}
|
512
537
|
.max-h-\[300px\] {
|
513
538
|
max-height: 300px;
|
@@ -515,23 +540,20 @@
|
|
515
540
|
.min-h-screen {
|
516
541
|
min-height: 100vh;
|
517
542
|
}
|
518
|
-
.w-1\/3 {
|
519
|
-
width: 33.3333%;
|
520
|
-
}
|
521
543
|
.w-2 {
|
522
544
|
width: calc(var(--spacing) * 2);
|
523
545
|
}
|
524
|
-
.w-2\/3 {
|
525
|
-
width: 66.6667%;
|
526
|
-
}
|
527
546
|
.w-3 {
|
528
547
|
width: calc(var(--spacing) * 3);
|
529
548
|
}
|
549
|
+
.w-4\/5 {
|
550
|
+
width: 80%;
|
551
|
+
}
|
530
552
|
.w-6 {
|
531
553
|
width: calc(var(--spacing) * 6);
|
532
554
|
}
|
533
|
-
.w
|
534
|
-
width:
|
555
|
+
.w-20 {
|
556
|
+
width: calc(var(--spacing) * 20);
|
535
557
|
}
|
536
558
|
.w-full {
|
537
559
|
width: 100%;
|
@@ -555,6 +577,14 @@
|
|
555
577
|
--tw-translate-x: -50%;
|
556
578
|
translate: var(--tw-translate-x) var(--tw-translate-y);
|
557
579
|
}
|
580
|
+
.-translate-x-full {
|
581
|
+
--tw-translate-x: -100%;
|
582
|
+
translate: var(--tw-translate-x) var(--tw-translate-y);
|
583
|
+
}
|
584
|
+
.translate-x-0 {
|
585
|
+
--tw-translate-x: calc(var(--spacing) * 0);
|
586
|
+
translate: var(--tw-translate-x) var(--tw-translate-y);
|
587
|
+
}
|
558
588
|
.transform {
|
559
589
|
transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z)
|
560
590
|
var(--tw-skew-x) var(--tw-skew-y);
|
@@ -571,9 +601,6 @@
|
|
571
601
|
.resize {
|
572
602
|
resize: both;
|
573
603
|
}
|
574
|
-
.resize-none {
|
575
|
-
resize: none;
|
576
|
-
}
|
577
604
|
.flex-col {
|
578
605
|
flex-direction: column;
|
579
606
|
}
|
@@ -743,6 +770,9 @@
|
|
743
770
|
var(--tw-gradient-to) var(--tw-gradient-to-position)
|
744
771
|
);
|
745
772
|
}
|
773
|
+
.p-1 {
|
774
|
+
padding: calc(var(--spacing) * 1);
|
775
|
+
}
|
746
776
|
.p-2 {
|
747
777
|
padding: calc(var(--spacing) * 2);
|
748
778
|
}
|
@@ -773,8 +803,11 @@
|
|
773
803
|
.pr-2 {
|
774
804
|
padding-right: calc(var(--spacing) * 2);
|
775
805
|
}
|
776
|
-
.pb-
|
777
|
-
padding-bottom: calc(var(--spacing) *
|
806
|
+
.pb-5 {
|
807
|
+
padding-bottom: calc(var(--spacing) * 5);
|
808
|
+
}
|
809
|
+
.pb-32 {
|
810
|
+
padding-bottom: calc(var(--spacing) * 32);
|
778
811
|
}
|
779
812
|
.text-center {
|
780
813
|
text-align: center;
|
@@ -797,10 +830,6 @@
|
|
797
830
|
font-size: var(--text-sm);
|
798
831
|
line-height: var(--tw-leading, var(--text-sm--line-height));
|
799
832
|
}
|
800
|
-
.text-xl {
|
801
|
-
font-size: var(--text-xl);
|
802
|
-
line-height: var(--tw-leading, var(--text-xl--line-height));
|
803
|
-
}
|
804
833
|
.text-\[10px\] {
|
805
834
|
font-size: 10px;
|
806
835
|
}
|
@@ -865,12 +894,6 @@
|
|
865
894
|
.opacity-30 {
|
866
895
|
opacity: 0.3;
|
867
896
|
}
|
868
|
-
.shadow {
|
869
|
-
--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a),
|
870
|
-
0 1px 2px -1px var(--tw-shadow-color, #0000001a);
|
871
|
-
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
|
872
|
-
var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
873
|
-
}
|
874
897
|
.shadow-md {
|
875
898
|
--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a),
|
876
899
|
0 2px 4px -2px var(--tw-shadow-color, #0000001a);
|
@@ -891,6 +914,22 @@
|
|
891
914
|
);
|
892
915
|
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
893
916
|
}
|
917
|
+
.transition-transform {
|
918
|
+
transition-property: transform, translate, scale, rotate;
|
919
|
+
transition-timing-function: var(
|
920
|
+
--tw-ease,
|
921
|
+
var(--default-transition-timing-function)
|
922
|
+
);
|
923
|
+
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
924
|
+
}
|
925
|
+
.duration-300 {
|
926
|
+
--tw-duration: 0.3s;
|
927
|
+
transition-duration: 0.3s;
|
928
|
+
}
|
929
|
+
.ease-in-out {
|
930
|
+
--tw-ease: var(--ease-in-out);
|
931
|
+
transition-timing-function: var(--ease-in-out);
|
932
|
+
}
|
894
933
|
@media (hover: hover) {
|
895
934
|
.hover\:bg-blue-50:hover {
|
896
935
|
background-color: var(--color-blue-50);
|
@@ -926,6 +965,29 @@
|
|
926
965
|
.disabled\:opacity-40:disabled {
|
927
966
|
opacity: 0.4;
|
928
967
|
}
|
968
|
+
@media (min-width: 48rem) {
|
969
|
+
.md\:flex-row {
|
970
|
+
flex-direction: row;
|
971
|
+
}
|
972
|
+
}
|
973
|
+
@media (min-width: 64rem) {
|
974
|
+
.lg\:relative {
|
975
|
+
position: relative;
|
976
|
+
}
|
977
|
+
.lg\:hidden {
|
978
|
+
display: none;
|
979
|
+
}
|
980
|
+
.lg\:w-1\/3 {
|
981
|
+
width: 33.3333%;
|
982
|
+
}
|
983
|
+
.lg\:translate-x-0 {
|
984
|
+
--tw-translate-x: calc(var(--spacing) * 0);
|
985
|
+
translate: var(--tw-translate-x) var(--tw-translate-y);
|
986
|
+
}
|
987
|
+
.lg\:transform-none {
|
988
|
+
transform: none;
|
989
|
+
}
|
990
|
+
}
|
929
991
|
}
|
930
992
|
:root {
|
931
993
|
color-scheme: light dark;
|
@@ -993,13 +1055,14 @@ h1 {
|
|
993
1055
|
display: flex;
|
994
1056
|
}
|
995
1057
|
@keyframes spin {
|
1058
|
+
0% {
|
1059
|
+
transform: rotate(0);
|
1060
|
+
}
|
996
1061
|
to {
|
997
1062
|
transform: rotate(360deg);
|
998
1063
|
}
|
999
1064
|
}
|
1000
1065
|
.loader-icon {
|
1001
|
-
border: 2px solid var(--loader-color);
|
1002
|
-
border-top-color: #0000;
|
1003
1066
|
justify-content: center;
|
1004
1067
|
align-items: center;
|
1005
1068
|
width: 40px;
|
@@ -1007,19 +1070,6 @@ h1 {
|
|
1007
1070
|
display: flex;
|
1008
1071
|
position: relative;
|
1009
1072
|
}
|
1010
|
-
.loader-icon:after {
|
1011
|
-
content: "";
|
1012
|
-
border: 2px solid var(--gray-text);
|
1013
|
-
border-top: 2px solid var(--learnpack-blue);
|
1014
|
-
border-radius: 50%;
|
1015
|
-
width: 100%;
|
1016
|
-
height: 100%;
|
1017
|
-
animation: 2s linear infinite spin;
|
1018
|
-
display: block;
|
1019
|
-
position: absolute;
|
1020
|
-
top: 0;
|
1021
|
-
left: 0;
|
1022
|
-
}
|
1023
1073
|
@keyframes glowing {
|
1024
1074
|
0% {
|
1025
1075
|
opacity: 0.6;
|
@@ -1202,6 +1252,14 @@ h1 {
|
|
1202
1252
|
inherits: false;
|
1203
1253
|
initial-value: 0 0 #0000;
|
1204
1254
|
}
|
1255
|
+
@property --tw-duration {
|
1256
|
+
syntax: "*";
|
1257
|
+
inherits: false;
|
1258
|
+
}
|
1259
|
+
@property --tw-ease {
|
1260
|
+
syntax: "*";
|
1261
|
+
inherits: false;
|
1262
|
+
}
|
1205
1263
|
@keyframes ping {
|
1206
1264
|
75%,
|
1207
1265
|
to {
|
@@ -10,8 +10,8 @@
|
|
10
10
|
/>
|
11
11
|
|
12
12
|
<title>Learnpack Creator: Craft tutorials in seconds!</title>
|
13
|
-
<script type="module" crossorigin src="/creator/assets/index-
|
14
|
-
<link rel="stylesheet" crossorigin href="/creator/assets/index-
|
13
|
+
<script type="module" crossorigin src="/creator/assets/index-Dm2fdeOs.js"></script>
|
14
|
+
<link rel="stylesheet" crossorigin href="/creator/assets/index-k_eF99Sf.css">
|
15
15
|
</head>
|
16
16
|
<body>
|
17
17
|
<div id="root"></div>
|
Binary file
|
@@ -0,0 +1,13 @@
|
|
1
|
+
{
|
2
|
+
"type": "service_account",
|
3
|
+
"project_id": "breathecode-197918",
|
4
|
+
"private_key_id": "5572762992e0fb395d88f2b2bd9809c03c7d42a7",
|
5
|
+
"private_key": "-----BEGIN PRIVATE KEY-----\nMIIEvgIBADANBgkqhkiG9w0BAQEFAASCBKgwggSkAgEAAoIBAQDI1e6IyBEoZg4k\nPiL4FPGJ1E8uVilWBjjuJMXyUoaPDX/5ylP8vOJCDd4ojCwa+TnHaHUqvwiKDw0p\nMBSYpJSKt0G4mkijKBDHAFyzpi5fZE1poN/JZ8iuicgOjYyCSXHL2Dx+t7h70spS\n/6jWsOoiReDHGB94Sx2J+bFUWCm50A5QUe/6fycx/pab6OTaIxqD0SkywO5i6rak\nEbUjppqXlErah8ynGlpaKDwrSuMy8I79hEacLrc7diJYYcdHque7JouvvkrhyKTG\nFtzKNfyZMj2wmyLJLCyy0Nz/9GQP6iFBPGsUXZ6fSQq/mDZ146mQKQDjzCBsKP7S\nCr7qC35vAgMBAAECggEAXtAcbgehjgRsHbEV+i+M/ig0f2ge2KVUYB0NNELAkq1p\nYughcVpMqKl6XYMbWVqaa+kFE3qfUeocKPsxZgSgucIdLUTtENWb4g7qNMe58b/d\nCgZwT9mGtNuIDlLF6EY7CmSZ3qrmVdKkQL3AnCZmSmrZ3LQnOzefCOHP1UVP4Y+g\nHrKBzPixtmT+c+D2/zrS1SyVDZr+h0orenjMgHs/8MEhJp0/rF6rLsZWXRqiT818\nis2+4V8P3AofphR8aZjW2TtuIodDuSMvIYgMaU/YIxFyRnqkORPdTox/ypTZymVw\ne4kLDa/LcSm6bjP2vNWmSdRo5qrUHpCxeUFXKzTAgQKBgQD3kTMEsT7Ba1lZgDra\nRRYEe89wo8FcSDO4QdrprANo8FTb0oVQI5GX3CHXlc1RhGoojL+dqdX8eOgzfqb3\n2Q4sI8EIg3Ern5kn9IhO3n9hJ7M8NvBbZ+loNxe4V+DBtt+8woFA/k8CIvuy5DsL\nfrkDAyez9niQfo0kIRa1dD8+7wKBgQDPrTsa7vFU8PufbGIQfQhWDZJjt6c8/lMI\n63CHQJ2zVcNEfMa3GS/j3vULfNqjWyGBdSFmYkBtH0ieTbIihFNpSpWvmx1Ot1H1\nuUZSK3BuDT68s1wX8bHamdnqHrYP6bNtbWE/b5TH2/zjW0afACYxo/bhoF22WbAo\nqvba3h+4gQKBgC2Hyb9CLc16xbr9J1W/QPZgIt2PcF9ddA2eJvm0xgfFs4WeKSB8\n+ijYtmykw1cLqE5+3DrN4moFfocB8wlAJSgfB0BelDC2sH81rN/8cabXm1ImtHvL\nF5UwFK+1kcNus6VOjGD8pGE7N9lFuko56yLPsLybRr8kVybe4wNKNtuHAoGBAKii\nIbxdCdnPVIK/n2GEJaC6pIQUPNhqK0Ky60zoSyW0Hjselr1W1mxSPuh1GZRMC4jz\nc4uPfIEfRfhFXsBoctKsnZ9adRHWCddd+pv+aezzFF5lxgIrYCABjdFt3qhNPEU+\n7Bh2onknSNHU7CNwG5NzcKUFcxL/AOwE5y4R7/ABAoGBAOrZE8S/+zAOZ5tQsucW\nE3vZblpKpeYrz3RRQH1JvRZUaF30Cm3sR6phkuBSUjGgk8hEuyfg08qpyzY6dk2N\nJ47b7SeasU7IE6652nI1ocRJybu0xcMk063v33ERdmF0DN8a87OShvq8oiVwgJ6g\nnpbEYpX2TKOdZVBw/GSThCls\n-----END PRIVATE KEY-----\n",
|
6
|
+
"client_email": "learnpack-creator@breathecode-197918.iam.gserviceaccount.com",
|
7
|
+
"client_id": "116506433220532654999",
|
8
|
+
"auth_uri": "https://accounts.google.com/o/oauth2/auth",
|
9
|
+
"token_uri": "https://oauth2.googleapis.com/token",
|
10
|
+
"auth_provider_x509_cert_url": "https://www.googleapis.com/oauth2/v1/certs",
|
11
|
+
"client_x509_cert_url": "https://www.googleapis.com/robot/v1/metadata/x509/learnpack-creator%40breathecode-197918.iam.gserviceaccount.com",
|
12
|
+
"universe_domain": "googleapis.com"
|
13
|
+
}
|