This temporary repository is meant to simplify collaboration on creating an up to date version of httpStorage.ts and StorageBackend.ts which then can be used as "drop-in replacement" for Firebase storage in Excalidraw.
I want to provide an up-to-date and self-hostable version of Excalidraw (not an older version) with the ability to use another storage backend than Firebase.
As long as there's no upstream support for alternative backends you can't use Excalidraw with a custom storage solution. As some might not want to use Google services I try to provide an up-to-date alternative.
We can already play around with the great work from @kiliandeca, @b310-digital and @squatica. It is already possible to combine fork b310-digital/excalidraw and this PR from squatica to build a working version of Excalidraw with working collaboration features and a HTTP-based storage backend. But this version is outdated. As updating to the recent version of Excalidraw fails due to some bigger modifications I need some help to bring it up again.
I'm already working on a forked repository which is implementing all the fixes / repositories mentioned above but the build process does not succeed because some relevant parts of the code have changed in the meantime. And my programming skills regarding TypeScript are not that good to fix that on my own. So I will share all my findings here and maybe we can bring up a new working version of this together 🙏
So feel free to collaborate on this 🥳
I first committed the unmodified files from the old repositories the modifications were based on. Then I committed the modified files from the working (but outdated) forks. At least I committed the recent versions of the upstream repository without modifications. This way we can easily compare the differences and create a working version of httpBackend.
The functionality of reconcileElements has changed. It has been moved to ../../packages/excalidraw / ../../packages/excalidraw/data/reconcile now.
A new private function _reconcileElements was introduced with this commit.
Some things have changed in firestore.ts making the current implementation of httpStorage.ts incompatible.
The build failures in collab/Collab.tsx come from here and here.
The build failure in data/config.ts comes from here which is a pointer to saveToHttpStorage in httpStorage.ts
17.45 collab/Collab.tsx(487,30): error TS2345: Argument of type '{ elements: readonly ExcalidrawElement[]; scrollToContent: boolean; } | null' is not assignable to parameter of type 'MaybePromise<(ImportedDataState & { elements: readonly OrderedExcalidrawElement[]; }) | null>'.
17.45 collab/Collab.tsx(648,28): error TS2345: Argument of type '{ elements: readonly ExcalidrawElement[]; scrollToContent: boolean; } | null' is not assignable to parameter of type 'MaybePromise<(ImportedDataState & { elements: readonly OrderedExcalidrawElement[]; }) | null>'.
17.45 Type '{ elements: readonly ExcalidrawElement[]; scrollToContent: boolean; }' is not assignable to type 'MaybePromise<(ImportedDataState & { elements: readonly OrderedExcalidrawElement[]; }) | null>'.
17.45 Type '{ elements: readonly ExcalidrawElement[]; scrollToContent: boolean; }' is not assignable to type 'ImportedDataState & { elements: readonly OrderedExcalidrawElement[]; }'.
17.45 Type '{ elements: readonly ExcalidrawElement[]; scrollToContent: boolean; }' is not assignable to type '{ elements: readonly OrderedExcalidrawElement[]; }'.
17.45 Types of property 'elements' are incompatible.
17.45 Type 'readonly ExcalidrawElement[]' is not assignable to type 'readonly OrderedExcalidrawElement[]'.
17.45 Type 'ExcalidrawElement' is not assignable to type 'OrderedExcalidrawElement'.
17.45 Type 'ExcalidrawSelectionElement' is not assignable to type 'OrderedExcalidrawElement'.
17.45 Type 'ExcalidrawSelectionElement' is not assignable to type 'Readonly<{ id: string; x: number; y: number; strokeColor: string; backgroundColor: string; fillStyle: FillStyle; strokeWidth: number; strokeStyle: StrokeStyle; roundness: { ...; } | null; ... 16 more ...; customData?: Record<...> | undefined; }> & { ...; } & { ...; }'.
17.45 Type 'ExcalidrawSelectionElement' is not assignable to type '{ index: FractionalIndex; }'.
17.45 Types of property 'index' are incompatible.
17.45 Type 'FractionalIndex | null' is not assignable to type 'FractionalIndex'.
17.45 Type 'null' is not assignable to type 'FractionalIndex'.
17.45 Type 'null' is not assignable to type 'string'.
17.45 data/config.ts(27,5): error TS2322: Type '(portal: Portal, elements: readonly SyncableExcalidrawElement[], appState: AppState) => Promise<false | { reconciledElements: null; } | { reconciledElements: readonly SyncableExcalidrawElement[]; }>' is not assignable to type '(portal: Portal, elements: readonly SyncableExcalidrawElement[], appState: AppState) => Promise<readonly ExcalidrawElement[] | null>'.
17.45 Type 'Promise<false | { reconciledElements: null; } | { reconciledElements: readonly SyncableExcalidrawElement[]; }>' is not assignable to type 'Promise<readonly ExcalidrawElement[] | null>'.
17.45 Type 'false | { reconciledElements: null; } | { reconciledElements: readonly SyncableExcalidrawElement[]; }' is not assignable to type 'readonly ExcalidrawElement[] | null'.
17.45 Type 'boolean' is not assignable to type 'readonly ExcalidrawElement[]'.
22.95 ✓ 2506 modules transformed.
24.24 rendering chunks...
24.45 error Command failed with exit code 2.
24.45 info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.
24.47 error Command failed with exit code 2.
24.47 info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.