@learnpack/learnpack 5.0.69 → 5.0.70
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/creatorDist/assets/{index-C7bLE5wU.js → index-Chx6V3zd.js} +9427 -9322
- package/lib/creatorDist/assets/{index-C_Rp91QE.css → index-Dqo9u2iR.css} +98 -31
- 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/creator/public/rigo-float.gif +0 -0
- package/src/creator/src/App.tsx +202 -163
- package/src/creator/src/assets/svgs.tsx +1 -1
- package/src/creator/src/components/LessonItem.tsx +10 -3
- package/src/creator/src/components/Message.tsx +1 -1
- package/src/creator/src/components/StepWizard.tsx +32 -18
- package/src/creator/src/components/syllabus/ContentIndex.tsx +44 -9
- package/src/creator/src/components/syllabus/Sidebar.tsx +123 -0
- package/src/creator/src/components/syllabus/SyllabusEditor.tsx +6 -124
- package/src/creator/src/index.css +2 -6
- package/src/creator/src/utils/store.ts +12 -3
- package/src/creatorDist/assets/{index-C7bLE5wU.js → index-Chx6V3zd.js} +9427 -9322
- package/src/creatorDist/assets/{index-C_Rp91QE.css → index-Dqo9u2iR.css} +98 -31
- package/src/creatorDist/index.html +2 -2
- package/src/creatorDist/rigo-float.gif +0 -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
|
}
|
@@ -95,6 +97,7 @@
|
|
95
97
|
--radius-md: 0.375rem;
|
96
98
|
--radius-lg: 0.5rem;
|
97
99
|
--radius-xl: 0.75rem;
|
100
|
+
--ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
|
98
101
|
--animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
|
99
102
|
--animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
|
100
103
|
--default-transition-duration: 0.15s;
|
@@ -364,6 +367,9 @@
|
|
364
367
|
.absolute {
|
365
368
|
position: absolute;
|
366
369
|
}
|
370
|
+
.fixed {
|
371
|
+
position: fixed;
|
372
|
+
}
|
367
373
|
.relative {
|
368
374
|
position: relative;
|
369
375
|
}
|
@@ -373,6 +379,12 @@
|
|
373
379
|
.-top-3 {
|
374
380
|
top: calc(var(--spacing) * -3);
|
375
381
|
}
|
382
|
+
.top-0 {
|
383
|
+
top: calc(var(--spacing) * 0);
|
384
|
+
}
|
385
|
+
.top-2 {
|
386
|
+
top: calc(var(--spacing) * 2);
|
387
|
+
}
|
376
388
|
.right-0 {
|
377
389
|
right: calc(var(--spacing) * 0);
|
378
390
|
}
|
@@ -388,21 +400,27 @@
|
|
388
400
|
.bottom-3 {
|
389
401
|
bottom: calc(var(--spacing) * 3);
|
390
402
|
}
|
391
|
-
.bottom-4 {
|
392
|
-
bottom: calc(var(--spacing) * 4);
|
393
|
-
}
|
394
403
|
.left-0 {
|
395
404
|
left: calc(var(--spacing) * 0);
|
396
405
|
}
|
397
406
|
.left-1\/2 {
|
398
407
|
left: 50%;
|
399
408
|
}
|
409
|
+
.left-2 {
|
410
|
+
left: calc(var(--spacing) * 2);
|
411
|
+
}
|
400
412
|
.z-10 {
|
401
413
|
z-index: 10;
|
402
414
|
}
|
403
415
|
.z-20 {
|
404
416
|
z-index: 20;
|
405
417
|
}
|
418
|
+
.z-40 {
|
419
|
+
z-index: 40;
|
420
|
+
}
|
421
|
+
.z-50 {
|
422
|
+
z-index: 50;
|
423
|
+
}
|
406
424
|
.container {
|
407
425
|
width: 100%;
|
408
426
|
}
|
@@ -500,6 +518,12 @@
|
|
500
518
|
.h-24 {
|
501
519
|
height: calc(var(--spacing) * 24);
|
502
520
|
}
|
521
|
+
.h-40 {
|
522
|
+
height: calc(var(--spacing) * 40);
|
523
|
+
}
|
524
|
+
.h-\[70\%\] {
|
525
|
+
height: 70%;
|
526
|
+
}
|
503
527
|
.h-full {
|
504
528
|
height: 100%;
|
505
529
|
}
|
@@ -515,23 +539,20 @@
|
|
515
539
|
.min-h-screen {
|
516
540
|
min-height: 100vh;
|
517
541
|
}
|
518
|
-
.w-1\/3 {
|
519
|
-
width: 33.3333%;
|
520
|
-
}
|
521
542
|
.w-2 {
|
522
543
|
width: calc(var(--spacing) * 2);
|
523
544
|
}
|
524
|
-
.w-2\/3 {
|
525
|
-
width: 66.6667%;
|
526
|
-
}
|
527
545
|
.w-3 {
|
528
546
|
width: calc(var(--spacing) * 3);
|
529
547
|
}
|
548
|
+
.w-4\/5 {
|
549
|
+
width: 80%;
|
550
|
+
}
|
530
551
|
.w-6 {
|
531
552
|
width: calc(var(--spacing) * 6);
|
532
553
|
}
|
533
|
-
.w
|
534
|
-
width:
|
554
|
+
.w-20 {
|
555
|
+
width: calc(var(--spacing) * 20);
|
535
556
|
}
|
536
557
|
.w-full {
|
537
558
|
width: 100%;
|
@@ -555,6 +576,14 @@
|
|
555
576
|
--tw-translate-x: -50%;
|
556
577
|
translate: var(--tw-translate-x) var(--tw-translate-y);
|
557
578
|
}
|
579
|
+
.-translate-x-full {
|
580
|
+
--tw-translate-x: -100%;
|
581
|
+
translate: var(--tw-translate-x) var(--tw-translate-y);
|
582
|
+
}
|
583
|
+
.translate-x-0 {
|
584
|
+
--tw-translate-x: calc(var(--spacing) * 0);
|
585
|
+
translate: var(--tw-translate-x) var(--tw-translate-y);
|
586
|
+
}
|
558
587
|
.transform {
|
559
588
|
transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z)
|
560
589
|
var(--tw-skew-x) var(--tw-skew-y);
|
@@ -571,9 +600,6 @@
|
|
571
600
|
.resize {
|
572
601
|
resize: both;
|
573
602
|
}
|
574
|
-
.resize-none {
|
575
|
-
resize: none;
|
576
|
-
}
|
577
603
|
.flex-col {
|
578
604
|
flex-direction: column;
|
579
605
|
}
|
@@ -743,6 +769,9 @@
|
|
743
769
|
var(--tw-gradient-to) var(--tw-gradient-to-position)
|
744
770
|
);
|
745
771
|
}
|
772
|
+
.p-1 {
|
773
|
+
padding: calc(var(--spacing) * 1);
|
774
|
+
}
|
746
775
|
.p-2 {
|
747
776
|
padding: calc(var(--spacing) * 2);
|
748
777
|
}
|
@@ -773,8 +802,11 @@
|
|
773
802
|
.pr-2 {
|
774
803
|
padding-right: calc(var(--spacing) * 2);
|
775
804
|
}
|
776
|
-
.pb-
|
777
|
-
padding-bottom: calc(var(--spacing) *
|
805
|
+
.pb-5 {
|
806
|
+
padding-bottom: calc(var(--spacing) * 5);
|
807
|
+
}
|
808
|
+
.pb-32 {
|
809
|
+
padding-bottom: calc(var(--spacing) * 32);
|
778
810
|
}
|
779
811
|
.text-center {
|
780
812
|
text-align: center;
|
@@ -891,6 +923,22 @@
|
|
891
923
|
);
|
892
924
|
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
893
925
|
}
|
926
|
+
.transition-transform {
|
927
|
+
transition-property: transform, translate, scale, rotate;
|
928
|
+
transition-timing-function: var(
|
929
|
+
--tw-ease,
|
930
|
+
var(--default-transition-timing-function)
|
931
|
+
);
|
932
|
+
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
933
|
+
}
|
934
|
+
.duration-300 {
|
935
|
+
--tw-duration: 0.3s;
|
936
|
+
transition-duration: 0.3s;
|
937
|
+
}
|
938
|
+
.ease-in-out {
|
939
|
+
--tw-ease: var(--ease-in-out);
|
940
|
+
transition-timing-function: var(--ease-in-out);
|
941
|
+
}
|
894
942
|
@media (hover: hover) {
|
895
943
|
.hover\:bg-blue-50:hover {
|
896
944
|
background-color: var(--color-blue-50);
|
@@ -926,6 +974,29 @@
|
|
926
974
|
.disabled\:opacity-40:disabled {
|
927
975
|
opacity: 0.4;
|
928
976
|
}
|
977
|
+
@media (min-width: 48rem) {
|
978
|
+
.md\:flex-row {
|
979
|
+
flex-direction: row;
|
980
|
+
}
|
981
|
+
}
|
982
|
+
@media (min-width: 64rem) {
|
983
|
+
.lg\:relative {
|
984
|
+
position: relative;
|
985
|
+
}
|
986
|
+
.lg\:hidden {
|
987
|
+
display: none;
|
988
|
+
}
|
989
|
+
.lg\:w-1\/3 {
|
990
|
+
width: 33.3333%;
|
991
|
+
}
|
992
|
+
.lg\:translate-x-0 {
|
993
|
+
--tw-translate-x: calc(var(--spacing) * 0);
|
994
|
+
translate: var(--tw-translate-x) var(--tw-translate-y);
|
995
|
+
}
|
996
|
+
.lg\:transform-none {
|
997
|
+
transform: none;
|
998
|
+
}
|
999
|
+
}
|
929
1000
|
}
|
930
1001
|
:root {
|
931
1002
|
color-scheme: light dark;
|
@@ -993,13 +1064,14 @@ h1 {
|
|
993
1064
|
display: flex;
|
994
1065
|
}
|
995
1066
|
@keyframes spin {
|
1067
|
+
0% {
|
1068
|
+
transform: rotate(0);
|
1069
|
+
}
|
996
1070
|
to {
|
997
1071
|
transform: rotate(360deg);
|
998
1072
|
}
|
999
1073
|
}
|
1000
1074
|
.loader-icon {
|
1001
|
-
border: 2px solid var(--loader-color);
|
1002
|
-
border-top-color: #0000;
|
1003
1075
|
justify-content: center;
|
1004
1076
|
align-items: center;
|
1005
1077
|
width: 40px;
|
@@ -1007,19 +1079,6 @@ h1 {
|
|
1007
1079
|
display: flex;
|
1008
1080
|
position: relative;
|
1009
1081
|
}
|
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
1082
|
@keyframes glowing {
|
1024
1083
|
0% {
|
1025
1084
|
opacity: 0.6;
|
@@ -1202,6 +1261,14 @@ h1 {
|
|
1202
1261
|
inherits: false;
|
1203
1262
|
initial-value: 0 0 #0000;
|
1204
1263
|
}
|
1264
|
+
@property --tw-duration {
|
1265
|
+
syntax: "*";
|
1266
|
+
inherits: false;
|
1267
|
+
}
|
1268
|
+
@property --tw-ease {
|
1269
|
+
syntax: "*";
|
1270
|
+
inherits: false;
|
1271
|
+
}
|
1205
1272
|
@keyframes ping {
|
1206
1273
|
75%,
|
1207
1274
|
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-Chx6V3zd.js"></script>
|
14
|
+
<link rel="stylesheet" crossorigin href="/creator/assets/index-Dqo9u2iR.css">
|
15
15
|
</head>
|
16
16
|
<body>
|
17
17
|
<div id="root"></div>
|
Binary file
|
package/oclif.manifest.json
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":"5.0.
|
1
|
+
{"version":"5.0.70","commands":{"audit":{"id":"audit","description":"learnpack audit is the command in charge of creating an auditory of the repository\n...\nlearnpack audit checks for the following information in a repository:\n 1. The configuration object has slug, repository and description. (Error)\n 2. The command learnpack clean has been run. (Error)\n 3. If a markdown or test file doesn't have any content. (Error)\n 4. The links are accessing to valid servers. (Error)\n 5. The relative images are working (If they have the shortest path to the image or if the images exists in the assets). (Error)\n 6. The external images are working (If they are pointing to a valid server). (Error)\n 7. The exercises directory names are valid. (Error)\n 8. If an exercise doesn't have a README file. (Error)\n 9. The exercises array (Of the config file) has content. (Error)\n 10. The exercses have the same translations. (Warning)\n 11. The .gitignore file exists. (Warning)\n 12. If there is a file within the exercises folder but not inside of any particular exercise's folder. (Warning)\n","pluginName":"@learnpack/learnpack","pluginType":"core","aliases":[],"flags":{"strict":{"name":"strict","type":"boolean","char":"s","description":"strict mode","allowNo":false}},"args":[]},"breakToken":{"id":"breakToken","description":"Break the token","pluginName":"@learnpack/learnpack","pluginType":"core","aliases":[],"flags":{"yes":{"name":"yes","type":"boolean","char":"y","description":"Skip all prompts and initialize an empty project","allowNo":false},"grading":{"name":"grading","type":"boolean","char":"h","description":"show CLI help","allowNo":false}},"args":[]},"clean":{"id":"clean","description":"Clean the configuration object\n ...\n Extra documentation goes here\n ","pluginName":"@learnpack/learnpack","pluginType":"core","aliases":[],"flags":{},"args":[]},"download":{"id":"download","description":"Describe the command here\n...\nExtra documentation goes here\n","pluginName":"@learnpack/learnpack","pluginType":"core","aliases":[],"flags":{},"args":[{"name":"package","description":"The unique string that identifies this package on learnpack","required":false,"hidden":false}]},"init":{"id":"init","description":"Create a new learning package: Book, Tutorial or Exercise","pluginName":"@learnpack/learnpack","pluginType":"core","aliases":[],"flags":{"yes":{"name":"yes","type":"boolean","char":"y","description":"Skip all prompts and initialize an empty project","allowNo":false},"grading":{"name":"grading","type":"boolean","char":"h","description":"show CLI help","allowNo":false}},"args":[]},"login":{"id":"login","description":"Describe the command here\n ...\n Extra documentation goes here\n ","pluginName":"@learnpack/learnpack","pluginType":"core","aliases":[],"flags":{},"args":[{"name":"package","description":"The unique string that identifies this package on learnpack","required":false,"hidden":false}]},"logout":{"id":"logout","description":"Describe the command here\n ...\n Extra documentation goes here\n ","pluginName":"@learnpack/learnpack","pluginType":"core","aliases":[],"flags":{},"args":[{"name":"package","description":"The unique string that identifies this package on learnpack","required":false,"hidden":false}]},"publish":{"id":"publish","description":"Builds the project by copying necessary files and directories into a zip file","pluginName":"@learnpack/learnpack","pluginType":"core","aliases":[],"flags":{"strict":{"name":"strict","type":"boolean","char":"s","description":"strict mode","allowNo":false},"help":{"name":"help","type":"boolean","char":"h","description":"show CLI help","allowNo":false}},"args":[]},"serve":{"id":"serve","description":"Runs a small server to build tutorials","pluginName":"@learnpack/learnpack","pluginType":"core","aliases":[],"flags":{"yes":{"name":"yes","type":"boolean","char":"y","description":"Skip all prompts and initialize an empty project","allowNo":false},"port":{"name":"port","type":"option","char":"p","description":"server port"},"host":{"name":"host","type":"option","char":"h","description":"server host"},"debug":{"name":"debug","type":"boolean","char":"d","description":"debugger mode for more verbage","allowNo":false}},"args":[]},"start":{"id":"start","description":"Runs a small server with all the exercise instructions","pluginName":"@learnpack/learnpack","pluginType":"core","aliases":[],"flags":{"yes":{"name":"yes","type":"boolean","char":"y","description":"Skip all prompts and initialize an empty project","allowNo":false},"port":{"name":"port","type":"option","char":"p","description":"server port"},"host":{"name":"host","type":"option","char":"h","description":"server host"},"disableGrading":{"name":"disableGrading","type":"boolean","char":"D","description":"disble grading functionality","allowNo":false},"watch":{"name":"watch","type":"boolean","char":"w","description":"Watch for file changes","allowNo":false},"editor":{"name":"editor","type":"option","char":"e","description":"[preview, extension]","options":["extension","preview"]},"version":{"name":"version","type":"option","char":"v","description":"E.g: 1.0.1"},"grading":{"name":"grading","type":"option","char":"g","description":"[isolated, incremental]","options":["isolated","incremental"]},"debug":{"name":"debug","type":"boolean","char":"d","description":"debugger mode for more verbage","allowNo":false}},"args":[]},"test":{"id":"test","description":"Test exercises","pluginName":"@learnpack/learnpack","pluginType":"core","aliases":[],"flags":{"yes":{"name":"yes","type":"boolean","char":"y","description":"Skip all prompts and initialize an empty project","allowNo":false}},"args":[{"name":"exerciseSlug","description":"The name of the exercise to test","required":false,"hidden":false}]},"translate":{"id":"translate","description":"List all the lessons, the user is able of select many of them to translate to the given languages","pluginName":"@learnpack/learnpack","pluginType":"core","aliases":[],"flags":{"yes":{"name":"yes","type":"boolean","char":"y","description":"Skip all prompts and initialize an empty project","allowNo":false}},"args":[]}}}
|
package/package.json
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
{
|
2
2
|
"name": "@learnpack/learnpack",
|
3
3
|
"description": "Seamlessly build, sell and/or take interactive & auto-graded tutorials, start learning now or build a new tutorial to your audience.",
|
4
|
-
"version": "5.0.
|
4
|
+
"version": "5.0.70",
|
5
5
|
"author": "Alejandro Sanchez @alesanchezr",
|
6
6
|
"contributors": [
|
7
7
|
{
|
Binary file
|