- Update the styling and logic of the selection element in the project page
- Replace single class with two classes for the selection element
[src/routes/projects/[projectId]/sessions/[sessionId]/+page.svelte]
- Change the styling of the selection elements
- Change the logic of the selection element to use two different classes instead of one
- Update project page layout to a `div` with a bottom border
- Adjust display width of session timeline based on session duration
- Add timeline session components to project page
- Add logic to determine if project exists
- Update authentication API calls and parse JSON responses
- Add new methods for creating login token and getting user object
[src/routes/+layout.svelte]
- Change div container from `flex` to `grid`
- Increase sidebar height from `10` to `12`
- Change sidebar width from `1/4` to `flex`
- Change main content width from `flex-grow` to `col-span-5`
- Add `dark` class to sidebar and main content
[src/lib/components/timeline/index.ts]
- Change the exported component from `TimelineDay` to `TimelineDaySession`
[src/routes/+layout.ts]
- Add an `add` method to the `projects` object
- Add `user` object to the `load` function
- Update the `projects` object to be initialized from an external source if not building
[src/routes/projects/[projectId]/+layout.svelte]
- Change the layout of the project page from a `div` to a `div` with a bottom border
[src/lib/components/timeline/TimelineDay.svelte]
- Delete the TimelineDay component
- Remove the code related to the component, including the `sessionDisplayWidth` function
[src/routes/projects/[projectId]/sessions/[sessionId]/+page.svelte]
- Replace the `border-y` class with `border-b` in the `+page.svelte` file
[src/routes/projects/[projectId]/+page.svelte]
- Add logic to adjust the display width of the session timeline based on session duration
- Add logic to determine if the project exists
- Add timeline session components to the project page
[src/lib/users.ts]
- Move imports to the top of the file
- Add a check to see if a user is logged in
- Set the store to the user if they are logged in
- Log the user when they are set
- Write the user to the file when they are set
[src/lib/authentication.ts]
- Change the URL for the API calls
- Parse JSON responses from the API
- Add a new method for creating a login token
- Add a new method for getting a user object
- Fix typo in error message
- Update the content-type header for API calls
[src/routes/projects/[projectId]/sessions/[sessionId]/+page.ts]
- Change the logic for finding the current session
- Make the code more precise in finding the current session
- Change the logic for finding the previous session
- Added a button to each delta for selection
- Updated the `session` store to return the first session if the sessionId is not found
- Updated the `previousSession` store to return the session before the current one if it exists
- Updated the `docsNext` derived store to include the `selection` store
- Added an `if` statement for `files` in `+page.svelte`
[src/routes/projects/[projectId]/sessions/[sessionId]/+page.ts]
- Changed the import of `svelte/store` to include `writable`
- Changed the `session` store to return the first session if the sessionId is not found
- Changed the `previousSession` store to return the session before the current one if it exists
[src/routes/projects/[projectId]/sessions/[sessionId]/+page.svelte]
- Move the `Timeline` component import from `+page.svelte`
- Initialize `selection` store in `+page.svelte`
- Update `docsNext` derived store to include the `selection` store
- Add a button to each delta for selection
- Add an `if` statement for `files` in `+page.svelte`
- Delete `contentWithDeltasApplied` function from `+page.
- Update CodeViewer component to call `mergeView?.destroy()` before recreating the merge view
- Add a function to update the two editors when values change
[src/lib/components/CodeViewer.svelte]
- Remove commented out code
- Update code to call `mergeView?.destroy()` before recreating the merge view
- Add a function to update the two editors when the values change
- Upgrade CodeViewer component to use MergeView
- Add collapseUnchanged option to MergeView
- Update @codemirror/state and @codemirror/view to latest version
- Add @codemirror/merge to dependencies and packages list
[package.json]
- Add @codemirror/merge dependency to package.json
[src/routes/projects/[projectId]/sessions/[sessionId]/+page.svelte]
- Change the `CodeViewer` value from `contentWithDeltasApplied` to `contentAtSessionStart` and `newValue` to `contentWithDeltasApplied`
[src/routes/projects/[projectId]/sessions/[sessionId]/+page.ts]
- Remove `console.log` line in `src/routes/projects/[projectId]/sessions/[sessionId]/+page.ts`
- Change type of `files` from `Record<string, string>` to `any`
[src/lib/components/CodeViewer.svelte]
- Change the code viewer from an EditorView to a MergeView
- Add a newValue prop to the CodeViewer component
- Update the update function to use the new MergeView
- Add collapseUnchanged option to the MergeView
- Remove unused code related to coloring the last edit
[pnpm-lock.yaml]
- Add `@codemirror/merge` to the dependencies and specifiers
- Update `@codemirror/state` to version `6.2.0`
- Update `@codemirror/view` to version `6.7.3`
- Add `@codemirror/merge` to the packages list with the specified resolution and dependencies
- Export `list()` function from `deltas.ts`
- Update `TimelineDaySession.svelte` to use `list()` and `deltas` instead of `listFiles` and `files`
[src/lib/deltas.ts]
- Change `list()` to `export const list()`
- Add type annotations to `list()` function parameters
[src/lib/components/timeline/TimelineDaySession.svelte]
- Change `listFiles` to `list`
- Change `files` to `deltas`
- Change `file` to `delta`
- Add support for displaying files with deltas applied in the code viewer
- Add a type alias for `Delta` and a function to apply deltas to a string
[src/routes/projects/[projectId]/sessions/[sessionId]/+page.svelte]
- Add a type alias for `Delta`
- Add a function to apply deltas to a string
- Display files with deltas applied in the code viewer
- Add console log to the `load` function for debug purposes
- Add `listFiles` function from `$lib/sessions`
- Render list of files in `<div id="files">` with file name only
[src/routes/projects/[projectId]/sessions/[sessionId]/+page.ts]
- Add console log to the `load` function for debug purposes
[src/lib/components/timeline/TimelineDaySession.svelte]
- Add `listFiles` function from `$lib/sessions`
- Render list of files in `<div id="files">` with file name only
- Update `TimelineDaySessionActivities` component to include activity message in the `title` attribute
- Update `TimelineDaySession` component to use `session.meta.startTs` and `session.meta.lastTs` for `session.startTime` and `session.endTime` respectively
- Uncomment `TimelineDaySessionActivities` component
- Change `session.activities` to `session.activity` in the `TimelineDaySession
[src/lib/components/timeline/TimelineDaySessionActivities.svelte]
- Change `title` attribute to include activity message
[src/lib/components/timeline/TimelineDaySession.svelte]
- Change `session.startTime` to `session.meta.startTs` in the `TimelineDaySessionActivities` component
- Change `session.endTime` to `session.meta.lastTs` in the `TimelineDaySessionActivities` component
- Uncomment the `TimelineDaySessionActivities` component
- Change `session.activities` to `session.activity` in the `TimelineDaySessionActivities` component
- Change
- Add link to last session in the project layout
- Change "Session" link to an anchor if there is a last session
[src/routes/projects/[projectId]/+layout.svelte]
- Add a `sessions` variable to the layout
- Add a link to the last session in the layout
- Change the "Session" link to an anchor if there is a last session
- Update layout to use flexbox
- Add draggable header, dropdown for project selection, and up-to-date indicator in the footer
- Add overflow-auto to sidebar and overflow-hidden to main content area
- Remove `position: fixed; width: 100%; height: 100%; overflow: hidden;` from the `<style>` tag
- Replace `flex` with `flex w-full h-full overflow-hidden`
- Wrap `
[src/routes/+layout.svelte]
- Change header to be draggable
- Change layout to use flexbox
- Add overflow-auto to sidebar
- Add border to sidebar
- Add dropdown for project selection
- Add footer with up-to-date indicator
- Add overflow-hidden to main content area
[src/app.html]
- Remove `position: fixed; width: 100%; height: 100%; overflow: hidden;` from the `<style>` tag
- Add `class="fixed h-full w-full overflow-hidden"` to the `<body>` tag
[src/routes/projects/[projectId]/sessions/[sessionId]/+page.svelte]
- Replace `flex` with `flex w-full h-full overflow-hidden`
- Wrap `CodeViewer` in a `details` tag
- Add `Timeline` div
[src/routes/projects/[projectId]/+layout.svelte]
- Remove `<div class="">` and `</div>` from the layout
- Change link from `Week` to `Day`
- Remove the closing tag for the script section
- Refactor SessionNavBlock, SessionNav, and sessions.ts to improve UX and performance
- Add CodeViewer component for all file paths
- Update type definitions in deltas.ts
- Add links to previous and next session if they exist
[src/lib/components/session/SessionNavBlock.svelte]
- Change border padding for SessionNavBlock from `p-2` to `px-2 py-1`
- Add hover effect to SessionNavBlock border when hovered
[src/routes/projects/[projectId]/sessions/[sessionId]/+page.svelte]
- Move initialization of `octokit` to a separate file
- Replace `toHumanReadableTime` with `writable` store
- Replace hardcoded navigation links with `SessionNav` component
- Add `CodeViewer` component for all file paths
- Add `derived` store for `docs`
- Replace `data` with `$deltas` in `derived` store
- Replace hardcoded `debug` with `session hash`
- Add
[src/lib/deltas.ts]
- Fix typo in the parameters type definition of the `list_deltas` function
- Update type definition of the `export default` function to match the `list_deltas` function
[src/lib/components/session/SessionNav.svelte]
- Change the class of the `session-nav` div from `my-2` to `text-sm`
- Change the `extraClasses` of the `SessionNavBlock` from `p-4` to `py-2`
- Add a link to the previous session if it exists
- Add a link to the next session if it exists
[src/lib/sessions.ts]
- Change `id` type in `Session` from `string` to `string;`
- Update session navigation for projects
- Add navigation for previous and next sessions
- Update navigation layout for sessions
- Add a `hover` and `extraClasses` export variable to `SessionNavBlock` component
- Add a `SessionNavBlock` component for navigating between sessions
- Add a `toHumanReadableTime` helper function
- Store the current session in a `session` variable
- Add `previousSession` and `nextSession` variables to store the previous and next session in the list
- Add logic to handle edge cases when the current session is the first or last in the list
- Add a link for the Day label in the Projects layout
