@learnpack/learnpack 5.0.309 → 5.0.311

package/src/creator/src/utils/eventBus.ts

@@ -1,2 +1,2 @@
-import mitt from "mitt"
-export const eventBus = mitt()
+import mitt from "mitt"
+export const eventBus = mitt()

package/src/creator/src/utils/rigo.ts

@@ -20,7 +20,7 @@ export const publicInteractiveCreation = async (
       DEV_MODE
         ? "https://1gm40gnb-3000.use2.devtunnels.ms"
         : window.location.origin
-      // "https://1gm40gnb-3000.use2.devtunnels.ms"
+      // : "https://1gm40gnb-3000.use2.devtunnels.ms"
     }/notifications/${randomUID}`;
 
     console.log("WEBHOOK URL to send to Rigo", webhookUrl);

package/src/creator/src/utils/socket.ts

@@ -1,61 +1,61 @@
-import { io, Socket } from "socket.io-client"
-
-type EventCallback = (...args: any[]) => void
-
-class CreatorSocket {
-  private socket: Socket | null = null
-  private readonly url: string
-
-  constructor(url: string) {
-    this.url = url
-  }
-
-  /**
-   * Conecta manualmente al servidor de websockets
-   */
-  connect() {
-    if (this.socket) return
-    this.socket = io(this.url, { autoConnect: false, path: "/sockete" })
-    this.socket.connect()
-  }
-
-  /**
-   * Desconecta del servidor
-   */
-  disconnect() {
-    if (this.socket) {
-      this.socket.disconnect()
-      this.socket = null
-    }
-  }
-
-  /**
-   * Verifica si está conectado
-   */
-  isConnected(): boolean {
-    return !!this.socket?.connected
-  }
-
-  /**
-   * Registra un evento personalizado
-   */
-  on(event: string, callback: EventCallback) {
-    this.socket?.on(event, callback)
-  }
-
-  /**
-   * Emite un evento al servidor
-   */
-  emit(event: string, ...args: any[]) {
-    this.socket?.emit(event, ...args)
-  }
-
-  /**
-   * Elimina un evento registrado
-   */
-  off(event: string, callback?: EventCallback) {
-    this.socket?.off(event, callback)
-  }
-}
-
-export default CreatorSocket
+import { io, Socket } from "socket.io-client"
+
+type EventCallback = (...args: any[]) => void
+
+class CreatorSocket {
+  private socket: Socket | null = null
+  private readonly url: string
+
+  constructor(url: string) {
+    this.url = url
+  }
+
+  /**
+   * Conecta manualmente al servidor de websockets
+   */
+  connect() {
+    if (this.socket) return
+    this.socket = io(this.url, { autoConnect: false, path: "/sockete" })
+    this.socket.connect()
+  }
+
+  /**
+   * Desconecta del servidor
+   */
+  disconnect() {
+    if (this.socket) {
+      this.socket.disconnect()
+      this.socket = null
+    }
+  }
+
+  /**
+   * Verifica si está conectado
+   */
+  isConnected(): boolean {
+    return !!this.socket?.connected
+  }
+
+  /**
+   * Registra un evento personalizado
+   */
+  on(event: string, callback: EventCallback) {
+    this.socket?.on(event, callback)
+  }
+
+  /**
+   * Emite un evento al servidor
+   */
+  emit(event: string, ...args: any[]) {
+    this.socket?.emit(event, ...args)
+  }
+
+  /**
+   * Elimina un evento registrado
+   */
+  off(event: string, callback?: EventCallback) {
+    this.socket?.off(event, callback)
+  }
+}
+
+export default CreatorSocket

package/src/creator/src/utils/store.ts

@@ -1,222 +1,222 @@
-import { create } from "zustand"
-import { persist } from "zustand/middleware"
-import { Lesson } from "../components/LessonItem"
-import { ParsedFile } from "../components/FileUploader"
-import { TMessage } from "../components/Message"
-// import { ParsedLink } from "../components/LinkUploader"
-export type TDifficulty = "easy" | "beginner" | "intermediate" | "hard"
-
-export type FormState = {
-  description: string
-  duration: number
-  hasContentIndex: boolean
-  contentIndex: string
-  purpose: string
-  difficulty: TDifficulty
-  slug: string
-  language?: string
-  isCompleted: boolean
-  variables: string[]
-  currentStep: string
-  title?: string
-  technologies?: string[]
-}
-
-type Auth = {
-  bcToken: string
-  rigoToken: string
-  userId: string
-  user: any
-  publicToken: string
-}
-export type Syllabus = {
-  lessons: Lesson[]
-  courseInfo: FormState
-  // messages: TMessage[]
-}
-
-type Consumables = {
-  [key: string]: number
-}
-
-type TTechnology = {
-  slug: string
-  lang: string
-}
-
-type Store = {
-  auth: Auth
-  formState: FormState
-  setFormState: (formState: Partial<FormState>) => void
-  resetFormState: () => void
-  setAuth: (auth: Auth) => void
-  // syllabus: Syllabus
-  planToRedirect: string
-  setPlanToRedirect: (planToRedirect: string) => void
-  uploadedFiles: ParsedFile[]
-  setUploadedFiles: (uploadedFiles: ParsedFile[]) => void
-  messages: TMessage[]
-  setMessages: (
-    messages: TMessage[] | ((prev: TMessage[]) => TMessage[])
-  ) => void
-  cleanHistory: () => void
-  history: Syllabus[]
-  technologies: TTechnology[]
-  setTechnologies: (technologies: TTechnology[]) => void
-  undo: () => void
-  push: (syllabus: Syllabus) => void
-  cleanAll: () => void
-  // setSyllabus: (syllabus: Partial<Syllabus>) => void
-  consumables: Consumables
-  setConsumables: (consumables: Partial<Consumables>) => void
-  mode: "student" | "teacher"
-  setMode: (mode: "student" | "teacher") => void
-}
-
-const useStore = create<Store>()(
-  persist(
-    (set) => ({
-      auth: {
-        bcToken: "",
-        rigoToken: "",
-        userId: "",
-        user: null,
-        publicToken: "",
-      },
-      planToRedirect: "learnpack-creator",
-      setPlanToRedirect: (planToRedirect: string) => set({ planToRedirect }),
-      formState: {
-        description: "",
-        duration: 0,
-        slug: "",
-        hasContentIndex: false,
-        contentIndex: "",
-        purpose: "",
-        language: "en",
-        technologies: [],
-        difficulty: "beginner",
-        // sources: [],
-        isCompleted: false,
-        currentStep: "description",
-        variables: [
-          "description",
-          "duration",
-          "purpose",
-          "hasContentIndex",
-          "verifyHuman",
-        ],
-      },
-      messages: [],
-      technologies: [],
-      setTechnologies: (technologies: TTechnology[]) => set({ technologies }),
-      setMessages: (
-        messages: TMessage[] | ((prev: TMessage[]) => TMessage[])
-      ) => {
-        set((state) => ({
-          messages:
-            typeof messages === "function"
-              ? messages(state.messages)
-              : messages,
-        }))
-      },
-      setFormState: (formState: Partial<FormState>) =>
-        set((state) => ({ formState: { ...state.formState, ...formState } })),
-      resetFormState: () =>
-        set({
-          formState: {
-            slug: "",
-            currentStep: "description",
-            description: "",
-            duration: 0,
-            language: "en",
-            difficulty: "beginner",
-            technologies: [],
-            hasContentIndex: false,
-            contentIndex: "",
-            purpose: "",
-            isCompleted: false,
-            variables: [
-              "description",
-              "duration",
-              "purpose",
-              "hasContentIndex",
-              "verifyHuman",
-            ],
-          },
-        }),
-
-      setUploadedFiles: (uploadedFiles) =>
-        set(() => ({
-          uploadedFiles: [...uploadedFiles],
-        })),
-      uploadedFiles: [],
-      history: [],
-      push: (syllabus: Syllabus) => {
-        set((state) => ({
-          history: [...state.history, syllabus],
-        }))
-      },
-
-      undo: () => {
-        set((state) => {
-          return {
-            history: state.history.slice(0, -1),
-          }
-        })
-      },
-      cleanHistory: () => {
-        set(() => ({ history: [] }))
-      },
-      cleanAll: () => {
-        set({
-          uploadedFiles: [],
-          messages: [],
-          history: [],
-          technologies: [],
-          formState: {
-            description: "",
-            duration: 0,
-            slug: "",
-            difficulty: "beginner",
-            language: "en",
-            technologies: [],
-            hasContentIndex: false,
-            contentIndex: "",
-            purpose: "",
-            isCompleted: false,
-            variables: [
-              "description",
-              "duration",
-              "purpose",
-              "hasContentIndex",
-              "verifyHuman",
-            ],
-            currentStep: "description",
-          },
-        })
-      },
-      consumables: {},
-      setConsumables: (consumables: Partial<Consumables>) =>
-        set((state) => {
-          const sanitized: Consumables = Object.fromEntries(
-            Object.entries(consumables).map(([k, v]) => [k, v ?? 0])
-          )
-          return {
-            consumables: {
-              ...state.consumables,
-              ...sanitized,
-            },
-          }
-        }),
-
-      setAuth: (auth: Auth) => set({ auth }),
-      mode: "student",
-      setMode: (mode: "student" | "teacher") => set({ mode }),
-    }),
-    {
-      name: "syllabus-storage",
-    }
-  )
-)
-
-export default useStore
+import { create } from "zustand"
+import { persist } from "zustand/middleware"
+import { Lesson } from "../components/LessonItem"
+import { ParsedFile } from "../components/FileUploader"
+import { TMessage } from "../components/Message"
+// import { ParsedLink } from "../components/LinkUploader"
+export type TDifficulty = "easy" | "beginner" | "intermediate" | "hard"
+
+export type FormState = {
+  description: string
+  duration: number
+  hasContentIndex: boolean
+  contentIndex: string
+  purpose: string
+  difficulty: TDifficulty
+  slug: string
+  language?: string
+  isCompleted: boolean
+  variables: string[]
+  currentStep: string
+  title?: string
+  technologies?: string[]
+}
+
+type Auth = {
+  bcToken: string
+  rigoToken: string
+  userId: string
+  user: any
+  publicToken: string
+}
+export type Syllabus = {
+  lessons: Lesson[]
+  courseInfo: FormState
+  // messages: TMessage[]
+}
+
+type Consumables = {
+  [key: string]: number
+}
+
+type TTechnology = {
+  slug: string
+  lang: string
+}
+
+type Store = {
+  auth: Auth
+  formState: FormState
+  setFormState: (formState: Partial<FormState>) => void
+  resetFormState: () => void
+  setAuth: (auth: Auth) => void
+  // syllabus: Syllabus
+  planToRedirect: string
+  setPlanToRedirect: (planToRedirect: string) => void
+  uploadedFiles: ParsedFile[]
+  setUploadedFiles: (uploadedFiles: ParsedFile[]) => void
+  messages: TMessage[]
+  setMessages: (
+    messages: TMessage[] | ((prev: TMessage[]) => TMessage[])
+  ) => void
+  cleanHistory: () => void
+  history: Syllabus[]
+  technologies: TTechnology[]
+  setTechnologies: (technologies: TTechnology[]) => void
+  undo: () => void
+  push: (syllabus: Syllabus) => void
+  cleanAll: () => void
+  // setSyllabus: (syllabus: Partial<Syllabus>) => void
+  consumables: Consumables
+  setConsumables: (consumables: Partial<Consumables>) => void
+  mode: "student" | "teacher"
+  setMode: (mode: "student" | "teacher") => void
+}
+
+const useStore = create<Store>()(
+  persist(
+    (set) => ({
+      auth: {
+        bcToken: "",
+        rigoToken: "",
+        userId: "",
+        user: null,
+        publicToken: "",
+      },
+      planToRedirect: "learnpack-creator",
+      setPlanToRedirect: (planToRedirect: string) => set({ planToRedirect }),
+      formState: {
+        description: "",
+        duration: 0,
+        slug: "",
+        hasContentIndex: false,
+        contentIndex: "",
+        purpose: "",
+        language: "en",
+        technologies: [],
+        difficulty: "beginner",
+        // sources: [],
+        isCompleted: false,
+        currentStep: "description",
+        variables: [
+          "description",
+          "duration",
+          "purpose",
+          "hasContentIndex",
+          "verifyHuman",
+        ],
+      },
+      messages: [],
+      technologies: [],
+      setTechnologies: (technologies: TTechnology[]) => set({ technologies }),
+      setMessages: (
+        messages: TMessage[] | ((prev: TMessage[]) => TMessage[])
+      ) => {
+        set((state) => ({
+          messages:
+            typeof messages === "function"
+              ? messages(state.messages)
+              : messages,
+        }))
+      },
+      setFormState: (formState: Partial<FormState>) =>
+        set((state) => ({ formState: { ...state.formState, ...formState } })),
+      resetFormState: () =>
+        set({
+          formState: {
+            slug: "",
+            currentStep: "description",
+            description: "",
+            duration: 0,
+            language: "en",
+            difficulty: "beginner",
+            technologies: [],
+            hasContentIndex: false,
+            contentIndex: "",
+            purpose: "",
+            isCompleted: false,
+            variables: [
+              "description",
+              "duration",
+              "purpose",
+              "hasContentIndex",
+              "verifyHuman",
+            ],
+          },
+        }),
+
+      setUploadedFiles: (uploadedFiles) =>
+        set(() => ({
+          uploadedFiles: [...uploadedFiles],
+        })),
+      uploadedFiles: [],
+      history: [],
+      push: (syllabus: Syllabus) => {
+        set((state) => ({
+          history: [...state.history, syllabus],
+        }))
+      },
+
+      undo: () => {
+        set((state) => {
+          return {
+            history: state.history.slice(0, -1),
+          }
+        })
+      },
+      cleanHistory: () => {
+        set(() => ({ history: [] }))
+      },
+      cleanAll: () => {
+        set({
+          uploadedFiles: [],
+          messages: [],
+          history: [],
+          technologies: [],
+          formState: {
+            description: "",
+            duration: 0,
+            slug: "",
+            difficulty: "beginner",
+            language: "en",
+            technologies: [],
+            hasContentIndex: false,
+            contentIndex: "",
+            purpose: "",
+            isCompleted: false,
+            variables: [
+              "description",
+              "duration",
+              "purpose",
+              "hasContentIndex",
+              "verifyHuman",
+            ],
+            currentStep: "description",
+          },
+        })
+      },
+      consumables: {},
+      setConsumables: (consumables: Partial<Consumables>) =>
+        set((state) => {
+          const sanitized: Consumables = Object.fromEntries(
+            Object.entries(consumables).map(([k, v]) => [k, v ?? 0])
+          )
+          return {
+            consumables: {
+              ...state.consumables,
+              ...sanitized,
+            },
+          }
+        }),
+
+      setAuth: (auth: Auth) => set({ auth }),
+      mode: "student",
+      setMode: (mode: "student" | "teacher") => set({ mode }),
+    }),
+    {
+      name: "syllabus-storage",
+    }
+  )
+)
+
+export default useStore

package/src/creator/src/vite-env.d.ts

@@ -1 +1 @@
-/// <reference types="vite/client" />
+/// <reference types="vite/client" />

package/src/creator/vite.config.ts

@@ -1,13 +1,13 @@
-import { defineConfig } from "vite"
-import react from "@vitejs/plugin-react-swc"
-import tailwindcss from "@tailwindcss/vite"
-
-// https://vite.dev/config/
-export default defineConfig({
-  plugins: [react(), tailwindcss()],
-  base: "/creator/",
-  build: {
-    outDir: "../creatorDist",
-    emptyOutDir: true,
-  },
-})
+import { defineConfig } from "vite"
+import react from "@vitejs/plugin-react-swc"
+import tailwindcss from "@tailwindcss/vite"
+
+// https://vite.dev/config/
+export default defineConfig({
+  plugins: [react(), tailwindcss()],
+  base: "/creator/",
+  build: {
+    outDir: "../creatorDist",
+    emptyOutDir: true,
+  },
+})