@datalayer/core 0.0.3 → 0.0.4

package/lib/hooks/useCache.js

@@ -3,13 +3,14 @@
  * Distributed under the terms of the Modified BSD License.
  */
 import { URLExt } from '@jupyterlab/coreutils';
-import { BOOTSTRAP_USER_ONBOARDING, LinkedInUser, asContact, asDatasource, asInbound, asInvite, asOrganization, asOutbound, asPage, asSecret, asSpace, asSurvey, asTeam, asToken, asUsage, asUser, } from "../models";
+import { BOOTSTRAP_USER_ONBOARDING, LinkedInUser, asContact, asDatasource, asInbound, asInvite, asOrganization, asOutbound, asPage, asSecret, asSpace, asSurvey, asTeam, asToken, asUsage, asUser, } from '../models';
 import { useCoreStore, useIAMStore } from '../state';
-import { asDisplayName, namesAsInitials, asArray } from "../utils";
+import { asDisplayName, namesAsInitials, asArray } from '../utils';
 import { IAMProvidersSpecs } from '../models';
 import { newUserMock } from './../mocks';
-import { useDatalayer } from "./useDatalayer";
-import { useAuthorization } from "./useAuthorization";
+import { useDatalayer } from './useDatalayer';
+import { useAuthorization } from './useAuthorization';
+import { useUploadForm } from './useUpload';
 import { OUTPUTSHOT_PLACEHOLDER_DEFAULT_SVG } from './assets';
 const CONTACTS_BY_HANDLE = new Map();
 const CONTACTS_BY_ID = new Map();
@@ -64,10 +65,13 @@ const DEFAULT_SEARCH_OPTS = {
  * instead of redirecting to the login page).
  */
 export const useCache = ({ loginRoute = '/login' } = {}) => {
-    const { configuration } = useCoreStore();
+    const coreStore = useCoreStore();
+    const { configuration } = coreStore;
     const { user } = useIAMStore();
     const { requestDatalayer } = useDatalayer({ loginRoute });
     const { checkIsOrganizationMember } = useAuthorization();
+    // Hook for notebook upload/creation
+    const { isLoading: notebookUploadLoading, uploadAndSubmit: uploadNotebook, progress: notebookUploadProgress, reset: resetNotebookUpload, } = useUploadForm(`${coreStore.configuration.spacerRunUrl}/api/spacer/v1/notebooks`);
     // Caches -------------------------------------------------------------------
     const clearAllCaches = () => {
         CONTACTS_BY_HANDLE.clear();
@@ -129,7 +133,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
             body: {
                 handle,
                 password,
-            }
+            },
         });
     };
     const logout = () => {
@@ -151,7 +155,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
                 lastName,
                 password,
                 passwordConfirm,
-            }
+            },
         });
     };
     const requestJoinToken = (handle, email, firstName, lastName, password, passwordConfirm) => {
@@ -165,7 +169,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
                 lastName,
                 password,
                 passwordConfirm,
-            }
+            },
         });
     };
     const joinWithInvite = (formValues, token) => {
@@ -193,7 +197,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
                 handle,
                 password,
                 passwordConfirm,
-            }
+            },
         });
     };
     const createTokenForPasswordChange = (handle, password, passwordConfirm) => {
@@ -204,7 +208,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
                 handle,
                 password,
                 passwordConfirm,
-            }
+            },
         });
     };
     const confirmPassworkWithToken = (userHandle, token) => {
@@ -216,7 +220,8 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
     // OAuth2 -------------------------------------------------------------------
     const getOAuth2AuthorizationURL = async (queryArgs) => {
         return requestDatalayer({
-            url: URLExt.join(configuration.iamRunUrl, 'api/iam/v1/oauth2/authz/url') + URLExt.objectToQueryString(queryArgs),
+            url: URLExt.join(configuration.iamRunUrl, 'api/iam/v1/oauth2/authz/url') +
+                URLExt.objectToQueryString(queryArgs),
             notifyOnError: false,
         });
     };
@@ -230,8 +235,8 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         return fetch(IAMProvidersSpecs.GitHub.userInfoURL, {
             method: 'GET',
             headers: {
-                'Accept': 'application/vnd.github+json',
-                'Authorization': `Bearer ${accessToken}`,
+                Accept: 'application/vnd.github+json',
+                Authorization: `Bearer ${accessToken}`,
                 'X-GitHub-Api-Version': '2022-11-28',
             },
         }).then(resp => resp.json());
@@ -246,53 +251,50 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
     };
     const postLinkedinShare = async (linkedinUser, postText, accessToken) => {
         const POST_SHARE_REQUEST = {
-            "author": linkedinUser.getUrn(),
-            "lifecycleState": "PUBLISHED",
-            "specificContent": {
-                "com.linkedin.ugc.ShareContent": {
-                    "shareCommentary": {
-                        "text": postText
+            author: linkedinUser.getUrn(),
+            lifecycleState: 'PUBLISHED',
+            specificContent: {
+                'com.linkedin.ugc.ShareContent': {
+                    shareCommentary: {
+                        text: postText,
                     },
-                    "shareMediaCategory": "NONE"
-                }
+                    shareMediaCategory: 'NONE',
+                },
+            },
+            visibility: {
+                'com.linkedin.ugc.MemberNetworkVisibility': 'PUBLIC',
             },
-            "visibility": {
-                "com.linkedin.ugc.MemberNetworkVisibility": "PUBLIC"
-            }
         };
         return proxyPOST(IAMProvidersSpecs.LinkedIn.postShareURL, POST_SHARE_REQUEST, accessToken);
     };
     const postLinkedinShareWithUpload = async (linkedinUser, postText, uploadObject, accessToken) => {
         const REGISTER_UPLOAD_REQUEST = {
-            "registerUploadRequest": {
-                "recipes": [
-                    "urn:li:digitalmediaRecipe:feedshare-image"
-                ],
-                "owner": linkedinUser.getUrn(),
-                "serviceRelationships": [
+            registerUploadRequest: {
+                recipes: ['urn:li:digitalmediaRecipe:feedshare-image'],
+                owner: linkedinUser.getUrn(),
+                serviceRelationships: [
                     {
-                        "relationshipType": "OWNER",
-                        "identifier": "urn:li:userGeneratedContent"
-                    }
-                ]
-            }
+                        relationshipType: 'OWNER',
+                        identifier: 'urn:li:userGeneratedContent',
+                    },
+                ],
+            },
         };
-        return proxyPOST(IAMProvidersSpecs.LinkedIn.registerUploadURL, REGISTER_UPLOAD_REQUEST, accessToken)
-            .then(registerUploadReponse => {
+        return proxyPOST(IAMProvidersSpecs.LinkedIn.registerUploadURL, REGISTER_UPLOAD_REQUEST, accessToken).then(registerUploadReponse => {
             /*
-            {
-              "value": {
-                  "uploadMechanism": {
-                      "com.linkedin.digitalmedia.uploading.MediaUploadHttpRequest": {
-                          "headers": {},
-                          "uploadUrl": "https://api.linkedin.com/mediaUpload/C5522AQGTYER3k3ByHQ/feedshare-uploadedImage/0?ca=vector_feedshare&cn=uploads&m=AQJbrN86Zm265gAAAWemyz2pxPSgONtBiZdchrgG872QltnfYjnMdb2j3A&app=1953784&sync=0&v=beta&ut=2H-IhpbfXrRow1"
-                      }
-                  },
-                  "mediaArtifact": "urn:li:digitalmediaMediaArtifact:(urn:li:digitalmediaAsset:C5522AQGTYER3k3ByHQ,urn:li:digitalmediaMediaArtifactClass:feedshare-uploadedImage)",
-                  "asset": "urn:li:digitalmediaAsset:C5522AQGTYER3k3ByHQ"
+              {
+                "value": {
+                    "uploadMechanism": {
+                        "com.linkedin.digitalmedia.uploading.MediaUploadHttpRequest": {
+                            "headers": {},
+                            "uploadUrl": "https://api.linkedin.com/mediaUpload/C5522AQGTYER3k3ByHQ/feedshare-uploadedImage/0?ca=vector_feedshare&cn=uploads&m=AQJbrN86Zm265gAAAWemyz2pxPSgONtBiZdchrgG872QltnfYjnMdb2j3A&app=1953784&sync=0&v=beta&ut=2H-IhpbfXrRow1"
+                        }
+                    },
+                    "mediaArtifact": "urn:li:digitalmediaMediaArtifact:(urn:li:digitalmediaAsset:C5522AQGTYER3k3ByHQ,urn:li:digitalmediaMediaArtifactClass:feedshare-uploadedImage)",
+                    "asset": "urn:li:digitalmediaAsset:C5522AQGTYER3k3ByHQ"
+                }
               }
-            }
-            */
+              */
             const asset = registerUploadReponse.response.value.asset;
             const uploadURL = registerUploadReponse.response.value.uploadMechanism['com.linkedin.digitalmedia.uploading.MediaUploadHttpRequest'].uploadUrl;
             const UPLOAD_OBJECT_REQUEST = {
@@ -300,34 +302,33 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
                 content: uploadObject,
                 userURN: linkedinUser.getUrn(),
             };
-            return proxyPUT(uploadURL, UPLOAD_OBJECT_REQUEST, accessToken)
-                .then(resp => {
+            return proxyPUT(uploadURL, UPLOAD_OBJECT_REQUEST, accessToken).then(resp => {
                 const share = {
-                    "author": linkedinUser.getUrn(),
-                    "lifecycleState": "PUBLISHED",
-                    "specificContent": {
-                        "com.linkedin.ugc.ShareContent": {
-                            "shareCommentary": {
-                                "text": postText
+                    author: linkedinUser.getUrn(),
+                    lifecycleState: 'PUBLISHED',
+                    specificContent: {
+                        'com.linkedin.ugc.ShareContent': {
+                            shareCommentary: {
+                                text: postText,
                             },
-                            "shareMediaCategory": "IMAGE",
-                            "media": [
+                            shareMediaCategory: 'IMAGE',
+                            media: [
                                 {
-                                    "status": "READY",
-                                    "description": {
-                                        "text": "Datalayer Notebook"
+                                    status: 'READY',
+                                    description: {
+                                        text: 'Datalayer Notebook',
                                     },
-                                    "media": asset,
-                                    "title": {
-                                        "text": "Datalayer Notebook"
-                                    }
-                                }
-                            ]
-                        }
+                                    media: asset,
+                                    title: {
+                                        text: 'Datalayer Notebook',
+                                    },
+                                },
+                            ],
+                        },
+                    },
+                    visibility: {
+                        'com.linkedin.ugc.MemberNetworkVisibility': 'PUBLIC',
                     },
-                    "visibility": {
-                        "com.linkedin.ugc.MemberNetworkVisibility": "PUBLIC"
-                    }
                 };
                 return proxyPOST(IAMProvidersSpecs.LinkedIn.postShareURL, share, accessToken);
             });
@@ -342,7 +343,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
                 request_method: 'GET',
                 request_url: url,
                 request_token: token,
-            }
+            },
         });
     };
     const proxyPOST = async (url, body, token) => {
@@ -354,7 +355,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
                 request_url: url,
                 request_token: token,
                 request_body: body,
-            }
+            },
         });
     };
     const proxyPUT = async (url, body, token) => {
@@ -366,7 +367,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
                 request_url: url,
                 request_token: token,
                 request_body: body,
-            }
+            },
         });
     };
     // Waiting List -------------------------------------------------------------
@@ -378,8 +379,8 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
                 firstName: formData.firstName,
                 lastName: formData.lastName,
                 email: formData.email,
-                affiliation: formData.affiliation || ''
-            }
+                affiliation: formData.affiliation || '',
+            },
         })
             .then(resp => {
             // Special case, make the error very explicit to the user...
@@ -398,7 +399,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         const resp = await requestDatalayer({
             url: `${configuration.iamRunUrl}/api/iam/v1/me`,
             method: 'GET',
-            token
+            token,
         });
         const me = resp.me;
         if (me) {
@@ -415,7 +416,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
                 email,
                 firstName,
                 lastName,
-            }
+            },
         });
     };
     const whoami = () => {
@@ -424,22 +425,22 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
             method: 'GET',
         });
     };
-    const requestEmailUpdate = (email) => {
+    const requestEmailUpdate = email => {
         return requestDatalayer({
             url: `${configuration.iamRunUrl}/api/iam/v1/me/email`,
             method: 'PUT',
             body: {
                 email,
-            }
+            },
         });
     };
-    const confirmEmailUpdate = (token) => {
+    const confirmEmailUpdate = token => {
         return requestDatalayer({
             url: `${configuration.iamRunUrl}/api/iam/v1/me/email`,
             method: 'POST',
             body: {
                 token,
-            }
+            },
         });
     };
     // Onboarding ---------------------------------------------------------------
@@ -449,7 +450,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
             method: 'PUT',
             body: {
                 onboarding,
-            }
+            },
         });
     };
     // Settings -----------------------------------------------------------------
@@ -475,7 +476,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         return requestDatalayer({
             url: `${configuration.libraryRunUrl}/api/library/v1/pages`,
             method: 'POST',
-            body: { ...page }
+            body: { ...page },
         }).then(resp => {
             if (resp.success) {
                 if (resp.page) {
@@ -560,7 +561,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         return requestDatalayer({
             url: `${configuration.iamRunUrl}/api/iam/v1/datasources`,
             method: 'POST',
-            body: { ...datasource }
+            body: { ...datasource },
         }).then(resp => {
             if (resp.success) {
                 if (resp.datasource) {
@@ -574,7 +575,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         return requestDatalayer({
             url: `${configuration.iamRunUrl}/api/iam/v1/datasources/${datasource.id}`,
             method: 'PUT',
-            body: { ...datasource }
+            body: { ...datasource },
         }).then(resp => {
             if (resp.success) {
                 if (resp.datasource) {
@@ -631,7 +632,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         return requestDatalayer({
             url: `${configuration.iamRunUrl}/api/iam/v1/secrets`,
             method: 'POST',
-            body: { ...secret }
+            body: { ...secret },
         }).then(resp => {
             if (resp.success) {
                 if (resp.secret) {
@@ -645,7 +646,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         return requestDatalayer({
             url: `${configuration.iamRunUrl}/api/iam/v1/secrets/${secret.id}`,
             method: 'PUT',
-            body: { ...secret }
+            body: { ...secret },
         }).then(resp => {
             if (resp.success) {
                 if (resp.secret) {
@@ -711,7 +712,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
             body: {
                 ...token,
                 expirationDate: token.expirationDate.getTime(),
-            }
+            },
         }).then(resp => {
             if (resp.success) {
                 if (resp.token) {
@@ -725,7 +726,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         return requestDatalayer({
             url: `${configuration.iamRunUrl}/api/iam/v1/tokens/${token.id}`,
             method: 'PUT',
-            body: { ...token }
+            body: { ...token },
         }).then(resp => {
             if (resp.success) {
                 if (resp.token) {
@@ -822,7 +823,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
                 last_name: lastName,
                 email: email,
                 social_url: socialUrl,
-            }
+            },
         });
     };
     const sendInvite = (invite) => {
@@ -835,7 +836,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
                 lastName: invite.to.lastName,
                 message: invite.message,
                 brand: invite.brand,
-            }
+            },
         });
     };
     const getInvite = (token) => INVITES_BY_TOKEN.get(token);
@@ -916,7 +917,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
             method: 'POST',
             body: {
                 contact,
-            }
+            },
         }).then(resp => {
             if (resp.success) {
                 toContact(resp.contact);
@@ -930,7 +931,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
             method: 'PUT',
             body: {
                 contact,
-            }
+            },
         }).then(resp => {
             if (resp.success) {
                 toContact(resp.contact);
@@ -955,7 +956,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
             method: 'POST',
             body: {
                 query,
-            }
+            },
         }).then(resp => {
             if (resp.success) {
                 const contacts = resp.contacts.map(contact => toContact(contact));
@@ -989,7 +990,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
             body: {
                 contactId: contact.id,
                 message,
-            }
+            },
         });
     };
     // Contacts Enrich ----------------------------------------------------------
@@ -999,7 +1000,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
             method: 'GET',
         });
     };
-    const enrichContactLinkedin = (contactId) => {
+    const enrichContactLinkedin = contactId => {
         return requestDatalayer({
             url: `${configuration.growthRunUrl}/api/growth/v1/contacts/${contactId}/enrich/linkedin`,
             method: 'GET',
@@ -1011,7 +1012,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
             method: 'POST',
             body: {
                 message,
-            }
+            },
         }).then(resp => {
             if (resp.success) {
                 toContact(resp.contact);
@@ -1059,8 +1060,8 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
             url: `${configuration.iamRunUrl}/api/iam/v1/users/search`,
             method: 'POST',
             body: {
-                namingPattern
-            }
+                namingPattern,
+            },
         }).then(resp => {
             if (resp.success) {
                 const users = resp.users.map(user => toUser(user));
@@ -1097,7 +1098,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
                 handle: organization.handle,
                 name: organization.name,
                 description: organization.description,
-            }
+            },
         }).then(resp => {
             const organization = toOrganization(resp.organization);
             ORGANISATIONS_FOR_USER_BY_ID.set(organization.id, organization);
@@ -1135,7 +1136,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
             body: {
                 name: organization.name,
                 description: organization.description,
-            }
+            },
         }).then(resp => {
             if (resp.success) {
                 const org = getOrganizationById(organization.id);
@@ -1205,7 +1206,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
                 name: team.name,
                 description: team.description,
                 organizationId: organization.id,
-            }
+            },
         }).then(resp => {
             const team = toTeam(resp.team, organization.id);
             TEAMS_BY_HANDLE.set(team.handle, team);
@@ -1242,7 +1243,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
             body: {
                 name: team.name,
                 description: team.description,
-            }
+            },
         }).then(resp => {
             if (resp.success) {
                 const t = resp.team;
@@ -1326,7 +1327,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
                         creationDate: new Date(s.creation_ts_dt),
                         setMembers(members) {
                             this.members = members;
-                        }
+                        },
                     };
                     SCHOOLS_BY_ID.set(school.id, school);
                 });
@@ -1340,9 +1341,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         return space;
     };
     const createSpace = (space, organization) => {
-        const seedSpaceId = (space.variant === 'course')
-            ? space.seedSpace?.id
-            : undefined;
+        const seedSpaceId = space.variant === 'course' ? space.seedSpace?.id : undefined;
         return requestDatalayer({
             url: `${configuration.spacerRunUrl}/api/spacer/v1/spaces`,
             method: 'POST',
@@ -1354,7 +1353,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
                 spaceHandle: space.handle,
                 organizationId: organization?.id,
                 seedSpaceId,
-            }
+            },
         }).then(resp => {
             const spc = resp.space;
             if (spc) {
@@ -1416,7 +1415,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
             body: {
                 name: space.name,
                 description: space.description,
-            }
+            },
         }).then(resp => {
             if (resp.success) {
                 const spc = getOrganizationSpace(organization.id, space.id);
@@ -1495,7 +1494,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
             body: {
                 name: space.name,
                 description: space.description,
-            }
+            },
         }).then(resp => {
             if (resp.success) {
                 const spc = getUserSpace(space.id);
@@ -1603,7 +1602,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
                 onboarding: BOOTSTRAP_USER_ONBOARDING,
                 linkedContactId: undefined,
                 events: [],
-                settings: {}
+                settings: {},
             };
             USERS_BY_ID.set(instructor.id, instructor);
         }
@@ -1634,7 +1633,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
             id: raw_course.uid,
             handle: raw_course.handle_s,
             type: 'space',
-            variant: "course",
+            variant: 'course',
             name: raw_course.name_t,
             description: raw_course.description_t,
             creationDate: new Date(raw_course.creation_ts_dt),
@@ -1656,7 +1655,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
             body: {
                 name,
                 description,
-            }
+            },
         });
     };
     const refreshCourse = (courseId) => {
@@ -1750,7 +1749,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
             method: 'PUT',
             body: {
                 completed,
-            }
+            },
         });
     };
     const setCourseItems = (courseId, itemIds) => {
@@ -1759,7 +1758,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
             method: 'PUT',
             body: {
                 itemIds,
-            }
+            },
         });
     };
     // Surveys ---------------------------------------------------------------------
@@ -1933,7 +1932,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
     // Items --------------------------------------------------------------
     const toItem = (item) => {
         if (!item.type_s) {
-            console.error("No type_s found on item", item);
+            console.error('No type_s found on item', item);
             return {};
         }
         switch (item.type_s) {
@@ -2046,7 +2045,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         });
     };
     // Datasets ------------------------------------------------------------------
-    const toDataset = (raw_dataset) => {
+    const toDataset = raw_dataset => {
         const owner = newUserMock();
         USERS_BY_ID.set(owner.id, owner);
         const dataset = {
@@ -2063,19 +2062,21 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
             cdnUrl: raw_dataset.cdn_url_s,
             creationDate: new Date(raw_dataset.creation_ts_dt),
             public: raw_dataset.public_b ?? false,
-            lastPublicationDate: raw_dataset.creation_ts_dt ? new Date(raw_dataset.creation_ts_dt) : undefined,
+            lastPublicationDate: raw_dataset.creation_ts_dt
+                ? new Date(raw_dataset.creation_ts_dt)
+                : undefined,
             owner,
             space: {
                 handle: raw_dataset.handle_s,
             },
             organization: {
                 handle: raw_dataset.handle_s,
-            }
+            },
         };
         SPACE_DATASETS_BY_ID.set(dataset.id, dataset);
         return dataset;
     };
-    const getDataset = (id) => SPACE_DATASETS_BY_ID.get(id);
+    const getDataset = id => SPACE_DATASETS_BY_ID.get(id);
     const refreshDataset = (id) => {
         return requestDatalayer({
             url: `${configuration.spacerRunUrl}/api/spacer/v1/spaces/items/${id}`,
@@ -2112,11 +2113,11 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
             body: {
                 name,
                 description,
-            }
+            },
         });
     };
     // Cells ------------------------------------------------------------------
-    const toCell = (cl) => {
+    const toCell = cl => {
         const owner = newUserMock();
         USERS_BY_ID.set(owner.id, owner);
         const cell = {
@@ -2127,7 +2128,9 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
             source: cl.source_t,
             creationDate: new Date(cl.creation_ts_dt),
             public: cl.public_b ?? false,
-            lastPublicationDate: cl.last_publication_ts_dt ? new Date(cl.last_publication_ts_dt) : undefined,
+            lastPublicationDate: cl.last_publication_ts_dt
+                ? new Date(cl.last_publication_ts_dt)
+                : undefined,
             outputshotUrl: cl.outputshot_url_s || '',
             outputshotData: OUTPUTSHOT_PLACEHOLDER_DEFAULT_SVG,
             owner,
@@ -2175,7 +2178,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         return requestDatalayer({
             url: `${configuration.spacerRunUrl}/api/spacer/v1/cells/${cell.id}`,
             method: 'PUT',
-            body: cell
+            body: cell,
         });
     };
     const cloneCell = (cellId) => {
@@ -2190,7 +2193,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         });
     };
     // Notebooks ------------------------------------------------------------------
-    const toNotebook = (raw_notebook) => {
+    const toNotebook = raw_notebook => {
         const owner = newUserMock();
         USERS_BY_ID.set(owner.id, owner);
         const notebook = {
@@ -2198,11 +2201,17 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
             type: 'notebook',
             name: raw_notebook.name_t,
             description: raw_notebook.description_t,
-            nbformat: raw_notebook.model_s ? JSON.parse(raw_notebook.model_s) : undefined,
+            nbformat: raw_notebook.model_s
+                ? JSON.parse(raw_notebook.model_s)
+                : undefined,
             public: raw_notebook.public_b ?? false,
             creationDate: new Date(raw_notebook.creation_ts_dt),
-            lastUpdateDate: raw_notebook.last_update_ts_dt ? new Date(raw_notebook.last_update_ts_dt) : undefined,
-            lastPublicationDate: raw_notebook.creation_ts_dt ? new Date(raw_notebook.creation_ts_dt) : undefined,
+            lastUpdateDate: raw_notebook.last_update_ts_dt
+                ? new Date(raw_notebook.last_update_ts_dt)
+                : undefined,
+            lastPublicationDate: raw_notebook.creation_ts_dt
+                ? new Date(raw_notebook.creation_ts_dt)
+                : undefined,
             datasets: [],
             owner,
             space: {
@@ -2210,12 +2219,12 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
             },
             organization: {
                 handle: raw_notebook.handle_s,
-            }
+            },
         };
         SPACE_NOTEBOOKS_BY_ID.set(notebook.id, notebook);
         return notebook;
     };
-    const getNotebook = (notebookId) => SPACE_NOTEBOOKS_BY_ID.get(notebookId);
+    const getNotebook = notebookId => SPACE_NOTEBOOKS_BY_ID.get(notebookId);
     const refreshNotebook = (notebookId) => {
         return requestDatalayer({
             url: `${configuration.spacerRunUrl}/api/spacer/v1/notebooks/${notebookId}`,
@@ -2231,7 +2240,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         });
     };
     const getSpaceNotebooks = () => Array.from(SPACE_NOTEBOOKS_BY_ID.values());
-    const getSpaceNotebook = (id) => SPACE_NOTEBOOKS_BY_ID.get(id);
+    const getSpaceNotebook = id => SPACE_NOTEBOOKS_BY_ID.get(id);
     const refreshSpaceNotebooks = (space, organization) => {
         const url = `${configuration.spacerRunUrl}/api/spacer/v1/spaces/${space.id}/items/types/notebook`;
         return requestDatalayer({
@@ -2257,6 +2266,27 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
             return resp;
         });
     };
+    const createNotebook = async (spaceId, name, description, notebookType = 'notebook') => {
+        // Create FormData for the upload
+        const formData = new FormData();
+        formData.append('spaceId', spaceId);
+        formData.append('notebookType', notebookType);
+        formData.append('name', name);
+        formData.append('description', description || '');
+        try {
+            const resp = await uploadNotebook(formData);
+            if (resp.success) {
+                if (resp.notebook) {
+                    toNotebook(resp.notebook);
+                }
+            }
+            return resp;
+        }
+        catch (error) {
+            console.error('Failed to create notebook:', error);
+            return { success: false, error };
+        }
+    };
     const updateNotebook = (id, name, description) => {
         return requestDatalayer({
             url: `${configuration.spacerRunUrl}/api/spacer/v1/notebooks/${id}`,
@@ -2264,7 +2294,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
             body: {
                 name,
                 description,
-            }
+            },
         });
     };
     const updateNotebookModel = (notebookId, nbformat) => {
@@ -2273,11 +2303,11 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
             method: 'PUT',
             body: {
                 nbformat,
-            }
+            },
         });
     };
     // Documents ------------------------------------------------------------------
-    const toDocument = (doc) => {
+    const toDocument = doc => {
         const owner = newUserMock();
         USERS_BY_ID.set(owner.id, owner);
         const document = {
@@ -2288,20 +2318,24 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
             model: doc.model_s ? JSON.parse(doc.model_s) : undefined,
             public: doc.public_b ?? false,
             creationDate: new Date(doc.creation_ts_dt),
-            lastUpdateDate: doc.last_update_ts_dt ? new Date(doc.last_update_ts_dt) : undefined,
-            lastPublicationDate: doc.creation_ts_dt ? new Date(doc.creation_ts_dt) : undefined,
+            lastUpdateDate: doc.last_update_ts_dt
+                ? new Date(doc.last_update_ts_dt)
+                : undefined,
+            lastPublicationDate: doc.creation_ts_dt
+                ? new Date(doc.creation_ts_dt)
+                : undefined,
             owner,
             space: {
                 handle: doc.handle_s,
             },
             organization: {
                 handle: doc.handle_s,
-            }
+            },
         };
         SPACE_DOCUMENTS_BY_ID.set(document.id, document);
         return document;
     };
-    const getDocument = (id) => SPACE_DOCUMENTS_BY_ID.get(id);
+    const getDocument = id => SPACE_DOCUMENTS_BY_ID.get(id);
     const refreshDocument = (id) => {
         return requestDatalayer({
             url: `${configuration.spacerRunUrl}/api/spacer/v1/lexicals/${id}`,
@@ -2317,7 +2351,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         });
     };
     const getSpaceDocuments = () => Array.from(SPACE_DOCUMENTS_BY_ID.values());
-    const getSpaceDocument = (id) => SPACE_DOCUMENTS_BY_ID.get(id);
+    const getSpaceDocument = id => SPACE_DOCUMENTS_BY_ID.get(id);
     const refreshSpaceDocuments = (space, organization) => {
         const url = `${configuration.spacerRunUrl}/api/spacer/v1/spaces/${space.id}/items/types/document`;
         return requestDatalayer({
@@ -2350,7 +2384,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
             body: {
                 name,
                 description,
-            }
+            },
         });
     };
     const updateDocumentModel = (id, model) => {
@@ -2359,7 +2393,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
             method: 'PUT',
             body: {
                 model,
-            }
+            },
         });
     };
     // Environments ------------------------------------------------------------------
@@ -2373,14 +2407,16 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
             description: env.description_t,
             creationDate: new Date(env.creation_ts_dt),
             public: env.public_b ?? false,
-            lastPublicationDate: env.creation_ts_dt ? new Date(env.creation_ts_dt) : undefined,
+            lastPublicationDate: env.creation_ts_dt
+                ? new Date(env.creation_ts_dt)
+                : undefined,
             owner,
             space: {
                 handle: env.handle_s,
             },
             organization: {
                 handle: env.handle_s,
-            }
+            },
         };
         cache.set(environment.id, environment);
         return environment;
@@ -2416,7 +2452,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         });
     };
     // Lessons ------------------------------------------------------------------
-    const toLesson = (raw_lesson) => {
+    const toLesson = raw_lesson => {
         const owner = newUserMock();
         USERS_BY_ID.set(owner.id, owner);
         const lesson = {
@@ -2427,8 +2463,12 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
             nbformat: raw_lesson.model_s ? JSON.parse(raw_lesson.model_s) : undefined,
             public: raw_lesson.public_b ?? false,
             creationDate: new Date(raw_lesson.creation_ts_dt),
-            lastUpdateDate: raw_lesson.last_update_ts_dt ? new Date(raw_lesson.last_update_ts_dt) : undefined,
-            lastPublicationDate: raw_lesson.creation_ts_dt ? new Date(raw_lesson.creation_ts_dt) : undefined,
+            lastUpdateDate: raw_lesson.last_update_ts_dt
+                ? new Date(raw_lesson.last_update_ts_dt)
+                : undefined,
+            lastPublicationDate: raw_lesson.creation_ts_dt
+                ? new Date(raw_lesson.creation_ts_dt)
+                : undefined,
             owner,
             space: {
                 handle: raw_lesson.handle_s,
@@ -2441,7 +2481,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         SPACE_LESSONS_BY_ID.set(lesson.id, lesson);
         return lesson;
     };
-    const getLesson = (id) => SPACE_LESSONS_BY_ID.get(id);
+    const getLesson = id => SPACE_LESSONS_BY_ID.get(id);
     const refreshLesson = (id) => {
         return requestDatalayer({
             url: `${configuration.spacerRunUrl}/api/spacer/v1/lessons/${id}`,
@@ -2457,7 +2497,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         });
     };
     const getSpaceLessons = () => Array.from(SPACE_LESSONS_BY_ID.values());
-    const getSpaceLesson = (id) => SPACE_LESSONS_BY_ID.get(id);
+    const getSpaceLesson = id => SPACE_LESSONS_BY_ID.get(id);
     const refreshSpaceLessons = (space, organization) => {
         const url = `${configuration.spacerRunUrl}/api/spacer/v1/spaces/${space.id}/items/types/lesson`;
         return requestDatalayer({
@@ -2499,8 +2539,12 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
             codeTest: ex.code_test_t,
             public: ex.public_b ?? false,
             creationDate: new Date(ex.creation_ts_dt),
-            lastUpdateDate: ex.last_update_ts_dt ? new Date(ex.last_update_ts_dt) : undefined,
-            lastPublicationDate: ex.creation_ts_dt ? new Date(ex.creation_ts_dt) : undefined,
+            lastUpdateDate: ex.last_update_ts_dt
+                ? new Date(ex.last_update_ts_dt)
+                : undefined,
+            lastPublicationDate: ex.creation_ts_dt
+                ? new Date(ex.creation_ts_dt)
+                : undefined,
             owner,
             space: {
                 handle: ex.handle_s,
@@ -2568,7 +2612,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
                 codeSolution,
                 codeQuestion,
                 codeTest,
-            }
+            },
         });
     };
     const updateExercisePoints = (id, codeStudent, points) => {
@@ -2578,7 +2622,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
             body: {
                 codeStudent,
                 points,
-            }
+            },
         });
     };
     // Assignments ------------------------------------------------------------------
@@ -2590,7 +2634,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
             raw_assignment.student_items.forEach(student_item => {
                 studentItem = {
                     id: student_item.uid,
-                    type: "student_item",
+                    type: 'student_item',
                     itemId: student_item.item_uid,
                     itemType: student_item.item_type_s,
                     nbgrades: student_item.nbgrades,
@@ -2605,11 +2649,17 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
             type: 'assignment',
             name: raw_assignment.name_t,
             description: raw_assignment.description_t,
-            nbformat: raw_assignment.model_s ? JSON.parse(raw_assignment.model_s) : undefined,
+            nbformat: raw_assignment.model_s
+                ? JSON.parse(raw_assignment.model_s)
+                : undefined,
             public: raw_assignment.public_b ?? false,
             creationDate: new Date(raw_assignment.creation_ts_dt),
-            lastUpdateDate: raw_assignment.last_update_ts_dt ? new Date(raw_assignment.last_update_ts_dt) : undefined,
-            lastPublicationDate: raw_assignment.creation_ts_dt ? new Date(raw_assignment.creation_ts_dt) : undefined,
+            lastUpdateDate: raw_assignment.last_update_ts_dt
+                ? new Date(raw_assignment.last_update_ts_dt)
+                : undefined,
+            lastPublicationDate: raw_assignment.creation_ts_dt
+                ? new Date(raw_assignment.creation_ts_dt)
+                : undefined,
             studentItem,
             datasets: [],
             owner,
@@ -2624,7 +2674,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         STUDENT_ASSIGNMENTS_BY_ID.set(assignment.id, assignment);
         return assignment;
     };
-    const getAssignment = (assignmentId) => SPACE_ASSIGNMENTS_BY_ID.get(assignmentId);
+    const getAssignment = assignmentId => SPACE_ASSIGNMENTS_BY_ID.get(assignmentId);
     const refreshAssignment = (assignmentId) => {
         return requestDatalayer({
             url: `${configuration.spacerRunUrl}/api/spacer/v1/assignments/${assignmentId}`,
@@ -2674,7 +2724,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
             method: 'PUT',
             body: {
                 model,
-            }
+            },
         }).then(resp => {
             if (resp.success) {
                 const assignment = resp.assignment;
@@ -2686,7 +2736,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         });
     };
     const getSpaceAssignments = () => Array.from(SPACE_ASSIGNMENTS_BY_ID.values());
-    const getSpaceAssignment = (id) => SPACE_ASSIGNMENTS_BY_ID.get(id);
+    const getSpaceAssignment = id => SPACE_ASSIGNMENTS_BY_ID.get(id);
     const refreshSpaceAssignments = (space, organization) => {
         const url = `${configuration.spacerRunUrl}/api/spacer/v1/spaces/${space.id}/items/types/assignment`;
         return requestDatalayer({
@@ -2712,7 +2762,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
             return resp;
         });
     };
-    const getAssignmentStudentVersion = (assignmentId) => {
+    const getAssignmentStudentVersion = assignmentId => {
         return requestDatalayer({
             url: `${configuration.spacerRunUrl}/api/spacer/v1/assignments/${assignmentId}/student_version`,
             method: 'GET',
@@ -2732,8 +2782,8 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
             method: 'POST',
             body: {
                 price_id: product?.id,
-                return_url: `${location.protocol}//${location.host}${location.pathname.split('/').slice(0, -1).join('/')}`
-            }
+                return_url: `${location.protocol}//${location.host}${location.pathname.split('/').slice(0, -1).join('/')}`,
+            },
         })
             .then(data => data.client_secret)
             .catch(error => {
@@ -2741,40 +2791,40 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         });
     };
     // Credits -------------------------------------------------------------------
-    const burnCredit = (credits) => {
+    const burnCredit = credits => {
         return requestDatalayer({
             url: `${configuration.iamRunUrl}/api/iam/v1/usage/credits`,
-            method: "DELETE",
+            method: 'DELETE',
             body: {
                 credits,
-            }
+            },
         });
     };
-    const getUserCredits = (userId) => {
+    const getUserCredits = userId => {
         return requestDatalayer({
             url: `${configuration.iamRunUrl}/api/iam/v1/usage/credits/users/${userId}`,
-            method: "GET",
+            method: 'GET',
         });
     };
     const updateUserCredits = (userId, credits, brand) => {
         return requestDatalayer({
             url: `${configuration.iamRunUrl}/api/iam/v1/usage/credits/users/${userId}`,
-            method: "PUT",
+            method: 'PUT',
             body: {
                 credits,
                 brand,
-            }
+            },
         });
     };
     const updateUserCreditsQuota = (userId, quota) => {
         return requestDatalayer({
             url: `${configuration.iamRunUrl}/api/iam/v1/usage/quota`,
-            method: "PUT",
+            method: 'PUT',
             body: {
                 user_uid: userId,
                 quota,
-                reset: "0",
-            }
+                reset: '0',
+            },
         });
     };
     // Usages -------------------------------------------------------------------
@@ -2784,7 +2834,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
     const getUsages = async () => {
         const data = await requestDatalayer({
             url: `${configuration.iamRunUrl}/api/iam/v1/usage/user`,
-            method: "GET",
+            method: 'GET',
         });
         data.usages = (data.usages ?? []).map(u => asUsage(u));
         return data;
@@ -2795,7 +2845,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
     const getUsagesForUser = async (userId) => {
         const data = await requestDatalayer({
             url: `${configuration.iamRunUrl}/api/iam/v1/usage/users/${userId}`,
-            method: "GET",
+            method: 'GET',
         });
         data.usages = (data.usages ?? []).map(u => asUsage(u));
         return data;
@@ -2806,7 +2856,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
     const getPlatformUsages = async () => {
         const data = await requestDatalayer({
             url: `${configuration.iamRunUrl}/api/iam/v1/usage/platform`,
-            method: "GET",
+            method: 'GET',
         });
         data.usages = (data.usages ?? []).map(u => asUsage(u));
         return data;
@@ -2821,7 +2871,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
                 message,
                 email,
                 brand,
-            }
+            },
         });
     };
     const requestPlatformSupport2 = (accountHandle, firstName, lastName, email, message) => {
@@ -2834,7 +2884,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
                 lastName,
                 email,
                 message,
-            }
+            },
         });
     };
     // Growth ------------------------------------------------------------------
@@ -2871,6 +2921,7 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         cloneExercise,
         cloneLesson,
         cloneNotebook,
+        createNotebook,
         confirmCourseItemCompletion,
         confirmEmailUpdate,
         confirmJoinWithToken,
@@ -3093,6 +3144,9 @@ export const useCache = ({ loginRoute = '/login' } = {}) => {
         updateUserSettings,
         validateUserMFACode,
         whoami,
+        notebookUploadLoading,
+        notebookUploadProgress,
+        resetNotebookUpload,
     };
 };
 export default useCache;