Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Switch text views - Use OpenSeaDragon for the image #543

Merged
merged 44 commits into from
Jan 8, 2025
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
44 commits
Select commit Hold shift + click to select a range
46f6be2
chore: use 'preserve' for 'jsx' attribute in config, to get rid of 4 …
Dec 18, 2024
b515ffe
chore: set up shadcn
Dec 18, 2024
74776ea
wip(content Store): add an initial version of content Store
Dec 20, 2024
cf7768f
wip (texts in contentStore): add texts in item of ContentStore
Dec 20, 2024
a577b9a
wip (refactor content types toggle): control content types toggle in …
Dec 28, 2024
5648644
fix (content types toggle): use the state 't' for the activeContentTy…
Dec 28, 2024
48a7878
chore (content types toggle): minor
Dec 28, 2024
3ddd83c
chore(content types toggle): add error handling in Content Types toggle
Dec 28, 2024
b4f8170
feat (switch text views): add the split image-text view
Dec 28, 2024
3c726fe
feat(switch text views): add image view only as a simple image
Dec 30, 2024
6f169b5
feat(image view): represent image as OpenSeaDragon and add the existi…
Dec 30, 2024
b78c47c
fix (Open Sea Dragon): add unique id for the action buttons which is …
Dec 30, 2024
213bcc4
fix(Open Sea Dragon Viewer): set a unique 'id' for each viewer
Dec 31, 2024
536e254
refactor(Panel): remove text from Panel
Dec 31, 2024
ae16735
refactor(Config Provider): remove openedPanels
Jan 2, 2025
36eaf42
fix (init Data): init data synchronously for each panel in config: fi…
Jan 2, 2025
e59399e
refactor(Content Types Toggle): add content types in store
Jan 3, 2025
2d270a7
fix (Content Types Toggle): add the necessary change in Content Store
Jan 3, 2025
4ced221
fix (Split View): add the image as Open Sea Dragon Image Viewer
Jan 3, 2025
a1d6e22
style: clean code in ImageView
Jan 3, 2025
56839ef
style: clean code in PanelCentralContent
Jan 3, 2025
9279868
style: clean code in SplitView
Jan 3, 2025
e2c7f96
style: clean code in TextView
Jan 3, 2025
54a3709
style: clean code in TextViewOne
Jan 3, 2025
fc4ac59
fix (Content Types Toggle): improve the design of the buttons
Jan 3, 2025
34c2e0b
style: clean Panel component
Jan 3, 2025
cf5ab3f
style: clean PanelsTopBar
Jan 3, 2025
54998df
style: clean TextViewsToggle and utils/icons
Jan 3, 2025
3dbbfe6
style: add minor changes
Jan 3, 2025
e125a52
refactor (ImageActionButtons): add typescript interface for ImageAction
Jan 3, 2025
f4de071
chore (OpenSeaDragon): add Typescript in OpenSeaDragon
Jan 3, 2025
5143739
refactor (PanelsWrapper): move a few functions in utils/panel
Jan 4, 2025
eecb3f6
refactor (ContentStore): improve the code of updating the PanelContent
Jan 4, 2025
c9baace
fix (text views icons): set size to text view icons
Jan 4, 2025
43b32a6
wip (pop over tree): display the pop over when clicking at tree icon …
Jan 4, 2025
913e745
refactor (ContentStore): convert from arrays of PanelContent to an ob…
Jan 6, 2025
09d4701
fix: popover now covers the image action buttons
Jan 6, 2025
910f902
style: remove eslint errors
Jan 6, 2025
70a5cbf
style: fix some more lint errors
Jan 6, 2025
8fd8c7c
style: add changes which make all code more readable
Jan 7, 2025
00f3bcf
refactor: make colors global to the app
Jan 7, 2025
e50cffb
refactor: add a PanelProvider with 'panelId' and remove 'panelId' fro…
Jan 7, 2025
e35db97
style: rename 'central-content' folder to 'views'
Jan 7, 2025
41f2406
fix: use uuid to identify each panel id and update namings of types
Jan 7, 2025
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
21 changes: 21 additions & 0 deletions components.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,21 @@
{
"$schema": "https://ui.shadcn.com/schema.json",
"style": "default",
"rsc": false,
"tsx": true,
"tailwind": {
"config": "tailwind.config.js",
"css": "src/css/style.css",
"baseColor": "gray",
"cssVariables": false,
"prefix": ""
},
"aliases": {
"components": "@/components",
"utils": "@/lib/utils",
"ui": "@/components/ui",
"lib": "@/lib",
"hooks": "@/hooks"
},
"iconLibrary": "lucide"
}
96 changes: 57 additions & 39 deletions index.html
Original file line number Diff line number Diff line change
@@ -1,45 +1,63 @@
<!DOCTYPE html>
<html>
<head>
<title>TIDO</title>
<head>
<title>TIDO</title>

<meta charset="utf-8">
<meta name="description" content="<%= htmlWebpackPlugin.options.productDescription %>">
<meta name="format-detection" content="telephone=no">
<meta name="msapplication-tap-highlight" content="no">
<meta name="viewport" content="initial-scale=1, maximum-scale=5, minimum-scale=1, width=device-width<% if (ctx.mode.cordova || ctx.mode.capacitor) { %>, viewport-fit=cover<% } %>">
<style>
html, body {
margin: 0;
}
#app {
height: 100vh;
}
</style>
</head>
<meta charset="utf-8" />
<meta
name="description"
content="<%= htmlWebpackPlugin.options.productDescription %>"
/>
<meta name="format-detection" content="telephone=no" />
<meta name="msapplication-tap-highlight" content="no" />
<meta
name="viewport"
content="initial-scale=1, maximum-scale=5, minimum-scale=1, width=device-width<% if (ctx.mode.cordova || ctx.mode.capacitor) { %>, viewport-fit=cover<% } %>"
/>
<style>
html,
body {
margin: 0;
}
#app {
height: 100vh;
}
</style>
</head>

<body>
<noscript>
<strong>We're sorry but this app doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
</noscript>
<div id="app"></div>
<body>
<noscript>
<strong
>We're sorry but this app doesn't work properly without JavaScript
enabled. Please enable it to continue.</strong
>
</noscript>
<div id="app"></div>

<script type="module" src="/src/main.tsx"></script>
<script>
window.addEventListener('load', function () {
window.tido = new window.Tido({
globalTree: true,
panels: [
{
entrypoint: {
url: 'https://api.ahiqar.sub.uni-goettingen.de/textapi/ahiqar/syriac/collection.json',
type: 'collection'
}
}
],
}
)
})
</script>
</body>
<script type="module" src="/src/main.tsx"></script>
<script>
window.addEventListener("load", function () {
window.tido = new window.Tido({
globalTree: true,
colors: {
primary: "#1E40AF",
},
panels: [
{
entrypoint: {
url: "https://api.ahiqar.sub.uni-goettingen.de/textapi/ahiqar/syriac/collection.json",
type: "collection",
},
},
{
entrypoint: {
url: "https://api.ahiqar.sub.uni-goettingen.de/textapi/ahiqar/arabic-karshuni/collection.json",
type: "collection",
},
},
],
});
});
</script>
</body>
</html>
Loading
Loading