goodreads2roam-ui

├── .github └── FUNDING.yml ├── settings.gradle.kts ├── src └── main │ ├── resources │ ├── common.css │ └── index.html │ └── kotlin │ ├── common.kt │ ├── goodreads2roam.kt │ ├── main.kt │ ├── App.kt │ ├── FilteringSidebar.kt │ └── UploadPanel.kt ├── gradle └── wrapper │ ├── gradle-wrapper.jar │ └── gradle-wrapper.properties ├── gradle.properties ├── README.md ├── gradlew.bat ├── gradlew └── LICENSE /.github/FUNDING.yml: -------------------------------------------------------------------------------- 1 | github: Stvad 2 | patreon: stvad 3 | -------------------------------------------------------------------------------- /settings.gradle.kts: -------------------------------------------------------------------------------- 1 | rootProject.name = "goodreads2roam-ui" 2 | 3 | -------------------------------------------------------------------------------- /src/main/resources/common.css: -------------------------------------------------------------------------------- 1 | html, body { 2 | margin: 0; 3 | padding: 0; 4 | height: 100%; 5 | } 6 | -------------------------------------------------------------------------------- /gradle/wrapper/gradle-wrapper.jar: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Stvad/goodreads2roam-ui/main/gradle/wrapper/gradle-wrapper.jar -------------------------------------------------------------------------------- /gradle.properties: -------------------------------------------------------------------------------- 1 | kotlin.code.style=official 2 | # jdk 17 3 | #org.gradle.jvmargs=--illegal-access=permit -Dkotlin.daemon.jvm.options=--illegal-access=permit 4 | -------------------------------------------------------------------------------- /gradle/wrapper/gradle-wrapper.properties: -------------------------------------------------------------------------------- 1 | distributionBase=GRADLE_USER_HOME 2 | distributionPath=wrapper/dists 3 | distributionUrl=https\://services.gradle.org/distributions/gradle-6.7-bin.zip 4 | zipStoreBase=GRADLE_USER_HOME 5 | zipStorePath=wrapper/dists 6 | -------------------------------------------------------------------------------- /src/main/resources/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | goodreads2roam-ui 6 | 7 | 8 |

9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # goodreads2roam-ui 2 | 3 | Static site version of [Goodreads2Roam](https://github.com/Stvad/goodreads2roam). 4 | 5 | Supported by [Roam Garden](https://roam.garden) a service to generate beautiful static sites ( 6 | digital gardens) from your RoamResearch Graph 7 | 8 | It's live at https://goodreads2.roam.garden 9 | -------------------------------------------------------------------------------- /src/main/kotlin/common.kt: -------------------------------------------------------------------------------- 1 | import react.FunctionalComponent 2 | import react.RBuilder 3 | import react.ReactElement 4 | import react.child 5 | 6 | fun extension(component: FunctionalComponent): RBuilder.(Props.() -> Unit) -> ReactElement { 7 | fun RBuilder.builder(handler: Props.() -> Unit) = child(component) { 8 | attrs { 9 | handler() 10 | } 11 | } 12 | 13 | return RBuilder::builder 14 | } 15 | -------------------------------------------------------------------------------- /src/main/kotlin/goodreads2roam.kt: -------------------------------------------------------------------------------- 1 | @file:JsModule("goodreads2roam") 2 | @file:JsNonModule 3 | 4 | @JsName("parseBooks") 5 | external fun parseBooks(booksCsv: String): dynamic 6 | 7 | @JsName("bookToRoam") 8 | external fun bookToRoam(book: dynamic): String 9 | 10 | @JsName("shelves") 11 | external fun shelves(book: dynamic): List 12 | 13 | @JsName("filterByShelves") 14 | external fun filterByShelves(shelves: Array, books: dynamic): dynamic 15 | 16 | @JsName("cljMap") 17 | external fun cljMap(cljFun: dynamic, cljCollection: dynamic): dynamic 18 | 19 | @JsName("booksToRoam") 20 | external fun booksToRoam(books: dynamic): dynamic 21 | 22 | @JsName("toJs") 23 | external fun toJs(cljs: dynamic): dynamic 24 | 25 | @JsName("toClj") 26 | external fun toClj(js: dynamic): dynamic 27 | -------------------------------------------------------------------------------- /src/main/kotlin/main.kt: -------------------------------------------------------------------------------- 1 | import com.ccfraser.muirwik.components.mCssBaseline 2 | import kotlinx.browser.document 3 | import kotlinx.css.CSSBuilder 4 | import kotlinx.css.body 5 | import kotlinx.css.height 6 | import kotlinx.css.html 7 | import kotlinx.css.margin 8 | import kotlinx.css.padding 9 | import kotlinx.css.pct 10 | import kotlinx.css.px 11 | import react.child 12 | import react.dom.render 13 | import styled.injectGlobal 14 | 15 | fun main() { 16 | val styles = CSSBuilder().apply { 17 | body { 18 | htmlAndBodyDefaults() 19 | } 20 | html { 21 | htmlAndBodyDefaults() 22 | } 23 | } 24 | 25 | injectGlobal(styles.toString()) 26 | render(document.getElementById("root")) { 27 | mCssBaseline() 28 | 29 | child(App) 30 | } 31 | } 32 | 33 | private fun CSSBuilder.htmlAndBodyDefaults() { 34 | margin(0.px) 35 | padding(0.px) 36 | height = 100.pct 37 | } 38 | 39 | -------------------------------------------------------------------------------- /src/main/kotlin/App.kt: -------------------------------------------------------------------------------- 1 | import kotlinx.css.* 2 | import react.RProps 3 | import react.functionalComponent 4 | import react.useState 5 | import styled.* 6 | 7 | val App = functionalComponent { 8 | val (shelves, setShelves) = useState(listOf("read", "to-read")) 9 | val (shelvesToShow, setShelvesToShow) = useState(listOf()) 10 | 11 | styledDiv { 12 | css { 13 | display = Display.flex 14 | // maxHeight = 100.vh 15 | overflowY = Overflow.hidden 16 | } 17 | 18 | uploadPanel { 19 | this.shelvesToShow = shelvesToShow 20 | setAllShelves = setShelves 21 | } 22 | 23 | filteringSidebar { 24 | this.shelves = shelves 25 | this.setShelvesToShow = setShelvesToShow 26 | } 27 | } 28 | } 29 | 30 | /** 31 | * initial state - big drag & drop panel with prompt to add book (clickin/input should work too) 32 | * with placeholder on the side for shelves 33 | * when drag - transform the thing & populate shelves 34 | * need to figure out how to exclude/include well 35 | * 36 | * dark-ish theme 37 | * https://roam-tools.ryanguill.com/ 38 | * markdown syntax highlighting 39 | * 40 | * support buttons 41 | * this is also available as CLI at ... 42 | * 43 | * export: 44 | * copy to clipboard button (doing that automagically can also be an option, but I lean against it) 45 | * download button 46 | 47 | */ 48 | -------------------------------------------------------------------------------- /gradlew.bat: -------------------------------------------------------------------------------- 1 | @rem 2 | @rem Copyright 2015 the original author or authors. 3 | @rem 4 | @rem Licensed under the Apache License, Version 2.0 (the "License"); 5 | @rem you may not use this file except in compliance with the License. 6 | @rem You may obtain a copy of the License at 7 | @rem 8 | @rem https://www.apache.org/licenses/LICENSE-2.0 9 | @rem 10 | @rem Unless required by applicable law or agreed to in writing, software 11 | @rem distributed under the License is distributed on an "AS IS" BASIS, 12 | @rem WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 13 | @rem See the License for the specific language governing permissions and 14 | @rem limitations under the License. 15 | @rem 16 | 17 | @if "%DEBUG%" == "" @echo off 18 | @rem ########################################################################## 19 | @rem 20 | @rem Gradle startup script for Windows 21 | @rem 22 | @rem ########################################################################## 23 | 24 | @rem Set local scope for the variables with windows NT shell 25 | if "%OS%"=="Windows_NT" setlocal 26 | 27 | set DIRNAME=%~dp0 28 | if "%DIRNAME%" == "" set DIRNAME=. 29 | set APP_BASE_NAME=%~n0 30 | set APP_HOME=%DIRNAME% 31 | 32 | @rem Resolve any "." and ".." in APP_HOME to make it shorter. 33 | for %%i in ("%APP_HOME%") do set APP_HOME=%%~fi 34 | 35 | @rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script. 36 | set DEFAULT_JVM_OPTS="-Xmx64m" "-Xms64m" 37 | 38 | @rem Find java.exe 39 | if defined JAVA_HOME goto findJavaFromJavaHome 40 | 41 | set JAVA_EXE=java.exe 42 | %JAVA_EXE% -version >NUL 2>&1 43 | if "%ERRORLEVEL%" == "0" goto execute 44 | 45 | echo. 46 | echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. 47 | echo. 48 | echo Please set the JAVA_HOME variable in your environment to match the 49 | echo location of your Java installation. 50 | 51 | goto fail 52 | 53 | :findJavaFromJavaHome 54 | set JAVA_HOME=%JAVA_HOME:"=% 55 | set JAVA_EXE=%JAVA_HOME%/bin/java.exe 56 | 57 | if exist "%JAVA_EXE%" goto execute 58 | 59 | echo. 60 | echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME% 61 | echo. 62 | echo Please set the JAVA_HOME variable in your environment to match the 63 | echo location of your Java installation. 64 | 65 | goto fail 66 | 67 | :execute 68 | @rem Setup the command line 69 | 70 | set CLASSPATH=%APP_HOME%\gradle\wrapper\gradle-wrapper.jar 71 | 72 | 73 | @rem Execute Gradle 74 | "%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" org.gradle.wrapper.GradleWrapperMain %* 75 | 76 | :end 77 | @rem End local scope for the variables with windows NT shell 78 | if "%ERRORLEVEL%"=="0" goto mainEnd 79 | 80 | :fail 81 | rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of 82 | rem the _cmd.exe /c_ return code! 83 | if not "" == "%GRADLE_EXIT_CONSOLE%" exit 1 84 | exit /b 1 85 | 86 | :mainEnd 87 | if "%OS%"=="Windows_NT" endlocal 88 | 89 | :omega 90 | -------------------------------------------------------------------------------- /src/main/kotlin/FilteringSidebar.kt: -------------------------------------------------------------------------------- 1 | import com.ccfraser.muirwik.components.* 2 | import com.ccfraser.muirwik.components.form.mFormControl 3 | import com.ccfraser.muirwik.components.form.mFormGroup 4 | import com.ccfraser.muirwik.components.form.mFormLabel 5 | import com.ccfraser.muirwik.components.input.mInput 6 | import kotlinx.css.* 7 | import kotlinx.css.properties.* 8 | import kotlinx.html.title 9 | import org.w3c.dom.HTMLInputElement 10 | import react.* 11 | import styled.* 12 | 13 | val RBuilder.filteringSidebar 14 | get() = extension(FilteringSidebar) 15 | 16 | external interface FilteringSidebarProps : RProps { 17 | var shelves: List 18 | var setShelvesToShow: (List) -> Unit 19 | } 20 | 21 | val FilteringSidebar = functionalComponent { props -> 22 | val (checkedState, setCheckedState) = useState(emptyMap()) 23 | val (filter, setFilter) = useState("") 24 | 25 | useEffect(listOf(props.shelves)) { 26 | setCheckedState(props.shelves.associateWith { false } + checkedState) 27 | } 28 | 29 | fun handleChecked(name: String) { 30 | val newState = checkedState + (name to !checkedState.getOrElse(name) { false }) 31 | setCheckedState(newState) 32 | props.setShelvesToShow(newState.filter { it.value }.keys.toList()) 33 | } 34 | 35 | styledDiv { 36 | css { 37 | display = Display.flex 38 | flexDirection = FlexDirection.column 39 | // flexGrow = 1.0 40 | width = 20.pct 41 | alignItems = Align.stretch 42 | padding(left = 0.5.em, right = 0.5.em) 43 | height = 100.vh 44 | } 45 | styledDiv { 46 | css { 47 | alignSelf = Align.center 48 | marginTop = 1.em 49 | textAlign = TextAlign.center 50 | } 51 | 52 | mTypography( 53 | variant = MTypographyVariant.h4, 54 | align = MTypographyAlign.center, 55 | ) { 56 | +"Goodreads2Roam" 57 | } 58 | 59 | mTypography( 60 | variant = MTypographyVariant.body2, 61 | color = MTypographyColor.textSecondary, 62 | align = MTypographyAlign.center, 63 | ) { 64 | css { 65 | padding(vertical = 0.5.em) 66 | } 67 | 68 | +"Supported by " 69 | styledA { 70 | css { 71 | textDecoration = TextDecoration.none 72 | color = Color("#3182ce") 73 | } 74 | attrs.href = "https://roam.garden" 75 | +"\uD83C\uDF31 Roam Garden" 76 | } 77 | +" a service to generate beautiful static sites (digital gardens) from your RoamResearch Graph" 78 | } 79 | 80 | styledIframe { 81 | css { 82 | borderWidth = 0.px 83 | } 84 | 85 | attrs.src = "https://github.com/sponsors/Stvad/button" 86 | attrs.title = "Sponsor Stvad" 87 | attrs.height = "35" 88 | attrs.width = "116" 89 | } 90 | } 91 | styledHr { 92 | css { 93 | width = 100.pct 94 | borderWidth = 0.px 95 | borderTopWidth = 1.px 96 | } 97 | } 98 | 99 | mFormControl { 100 | css { 101 | minHeight = 0.px 102 | display = Display.flex 103 | flexDirection = FlexDirection.column 104 | } 105 | 106 | mFormLabel("Shelves (combined through AND)", component = "legend", className = "shelves-title") { 107 | css { 108 | marginTop = 0.5.em 109 | textAlign = TextAlign.center 110 | } 111 | } 112 | 113 | mInput(placeholder = "Filter", value = filter) { 114 | css { 115 | marginTop = 0.7.em 116 | } 117 | 118 | attrs.onChange = { e -> setFilter(e.target.unsafeCast().value) } 119 | } 120 | 121 | styledDiv { 122 | css { 123 | overflowY = Overflow.auto 124 | } 125 | 126 | mFormGroup { 127 | checkedState.toList().filter { it.first.contains(filter) }.sortedBy { it.first }.forEach { shelf -> 128 | 129 | mCheckboxWithLabel(shelf.first, shelf.second, color = MOptionColor.primary) { 130 | attrs.onClick = { handleChecked(shelf.first) } 131 | } 132 | } 133 | } 134 | } 135 | } 136 | } 137 | } 138 | -------------------------------------------------------------------------------- /gradlew: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env sh 2 | 3 | # 4 | # Copyright 2015 the original author or authors. 5 | # 6 | # Licensed under the Apache License, Version 2.0 (the "License"); 7 | # you may not use this file except in compliance with the License. 8 | # You may obtain a copy of the License at 9 | # 10 | # https://www.apache.org/licenses/LICENSE-2.0 11 | # 12 | # Unless required by applicable law or agreed to in writing, software 13 | # distributed under the License is distributed on an "AS IS" BASIS, 14 | # WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 15 | # See the License for the specific language governing permissions and 16 | # limitations under the License. 17 | # 18 | 19 | ############################################################################## 20 | ## 21 | ## Gradle start up script for UN*X 22 | ## 23 | ############################################################################## 24 | 25 | # Attempt to set APP_HOME 26 | # Resolve links: $0 may be a link 27 | PRG="$0" 28 | # Need this for relative symlinks. 29 | while [ -h "$PRG" ] ; do 30 | ls=`ls -ld "$PRG"` 31 | link=`expr "$ls" : '.*-> $.*$$'` 32 | if expr "$link" : '/.*' > /dev/null; then 33 | PRG="$link" 34 | else 35 | PRG=`dirname "$PRG"`"/$link" 36 | fi 37 | done 38 | SAVED="`pwd`" 39 | cd "`dirname \"$PRG\"`/" >/dev/null 40 | APP_HOME="`pwd -P`" 41 | cd "$SAVED" >/dev/null 42 | 43 | APP_NAME="Gradle" 44 | APP_BASE_NAME=`basename "$0"` 45 | 46 | # Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script. 47 | DEFAULT_JVM_OPTS='"-Xmx64m" "-Xms64m"' 48 | 49 | # Use the maximum available, or set MAX_FD != -1 to use that value. 50 | MAX_FD="maximum" 51 | 52 | warn () { 53 | echo "$*" 54 | } 55 | 56 | die () { 57 | echo 58 | echo "$*" 59 | echo 60 | exit 1 61 | } 62 | 63 | # OS specific support (must be 'true' or 'false'). 64 | cygwin=false 65 | msys=false 66 | darwin=false 67 | nonstop=false 68 | case "`uname`" in 69 | CYGWIN* ) 70 | cygwin=true 71 | ;; 72 | Darwin* ) 73 | darwin=true 74 | ;; 75 | MINGW* ) 76 | msys=true 77 | ;; 78 | NONSTOP* ) 79 | nonstop=true 80 | ;; 81 | esac 82 | 83 | CLASSPATH=$APP_HOME/gradle/wrapper/gradle-wrapper.jar 84 | 85 | 86 | # Determine the Java command to use to start the JVM. 87 | if [ -n "$JAVA_HOME" ] ; then 88 | if [ -x "$JAVA_HOME/jre/sh/java" ] ; then 89 | # IBM's JDK on AIX uses strange locations for the executables 90 | JAVACMD="$JAVA_HOME/jre/sh/java" 91 | else 92 | JAVACMD="$JAVA_HOME/bin/java" 93 | fi 94 | if [ ! -x "$JAVACMD" ] ; then 95 | die "ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME 96 | 97 | Please set the JAVA_HOME variable in your environment to match the 98 | location of your Java installation." 99 | fi 100 | else 101 | JAVACMD="java" 102 | which java >/dev/null 2>&1 || die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. 103 | 104 | Please set the JAVA_HOME variable in your environment to match the 105 | location of your Java installation." 106 | fi 107 | 108 | # Increase the maximum file descriptors if we can. 109 | if [ "$cygwin" = "false" -a "$darwin" = "false" -a "$nonstop" = "false" ] ; then 110 | MAX_FD_LIMIT=`ulimit -H -n` 111 | if [ $? -eq 0 ] ; then 112 | if [ "$MAX_FD" = "maximum" -o "$MAX_FD" = "max" ] ; then 113 | MAX_FD="$MAX_FD_LIMIT" 114 | fi 115 | ulimit -n $MAX_FD 116 | if [ $? -ne 0 ] ; then 117 | warn "Could not set maximum file descriptor limit: $MAX_FD" 118 | fi 119 | else 120 | warn "Could not query maximum file descriptor limit: $MAX_FD_LIMIT" 121 | fi 122 | fi 123 | 124 | # For Darwin, add options to specify how the application appears in the dock 125 | if $darwin; then 126 | GRADLE_OPTS="$GRADLE_OPTS \"-Xdock:name=$APP_NAME\" \"-Xdock:icon=$APP_HOME/media/gradle.icns\"" 127 | fi 128 | 129 | # For Cygwin or MSYS, switch paths to Windows format before running java 130 | if [ "$cygwin" = "true" -o "$msys" = "true" ] ; then 131 | APP_HOME=`cygpath --path --mixed "$APP_HOME"` 132 | CLASSPATH=`cygpath --path --mixed "$CLASSPATH"` 133 | 134 | JAVACMD=`cygpath --unix "$JAVACMD"` 135 | 136 | # We build the pattern for arguments to be converted via cygpath 137 | ROOTDIRSRAW=`find -L / -maxdepth 1 -mindepth 1 -type d 2>/dev/null` 138 | SEP="" 139 | for dir in $ROOTDIRSRAW ; do 140 | ROOTDIRS="$ROOTDIRS$SEP$dir" 141 | SEP="|" 142 | done 143 | OURCYGPATTERN="(^($ROOTDIRS))" 144 | # Add a user-defined pattern to the cygpath arguments 145 | if [ "$GRADLE_CYGPATTERN" != "" ] ; then 146 | OURCYGPATTERN="$OURCYGPATTERN|($GRADLE_CYGPATTERN)" 147 | fi 148 | # Now convert the arguments - kludge to limit ourselves to /bin/sh 149 | i=0 150 | for arg in "$@" ; do 151 | CHECK=`echo "$arg"|egrep -c "$OURCYGPATTERN" -` 152 | CHECK2=`echo "$arg"|egrep -c "^-"` ### Determine if an option 153 | 154 | if [ $CHECK -ne 0 ] && [ $CHECK2 -eq 0 ] ; then ### Added a condition 155 | eval `echo args$i`=`cygpath --path --ignore --mixed "$arg"` 156 | else 157 | eval `echo args$i`="\"$arg\"" 158 | fi 159 | i=`expr $i + 1` 160 | done 161 | case $i in 162 | 0) set -- ;; 163 | 1) set -- "$args0" ;; 164 | 2) set -- "$args0" "$args1" ;; 165 | 3) set -- "$args0" "$args1" "$args2" ;; 166 | 4) set -- "$args0" "$args1" "$args2" "$args3" ;; 167 | 5) set -- "$args0" "$args1" "$args2" "$args3" "$args4" ;; 168 | 6) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" ;; 169 | 7) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" ;; 170 | 8) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" ;; 171 | 9) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" "$args8" ;; 172 | esac 173 | fi 174 | 175 | # Escape application args 176 | save () { 177 | for i do printf %s\\n "$i" | sed "s/'/'\\\\''/g;1s/^/'/;\$s/\$/' \\\\/" ; done 178 | echo " " 179 | } 180 | APP_ARGS=`save "$@"` 181 | 182 | # Collect all arguments for the java command, following the shell quoting and substitution rules 183 | eval set -- $DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS "\"-Dorg.gradle.appname=$APP_BASE_NAME\"" -classpath "\"$CLASSPATH\"" org.gradle.wrapper.GradleWrapperMain "$APP_ARGS" 184 | 185 | exec "$JAVACMD" "$@" 186 | -------------------------------------------------------------------------------- /src/main/kotlin/UploadPanel.kt: -------------------------------------------------------------------------------- 1 | import com.ccfraser.muirwik.components.* 2 | import com.ccfraser.muirwik.components.button.mIconButton 3 | import kotlinx.browser.window 4 | import kotlinx.css.* 5 | import kotlinx.html.InputType 6 | import kotlinx.html.id 7 | import kotlinx.html.js.* 8 | import org.w3c.dom.DragEvent 9 | import org.w3c.dom.HTMLInputElement 10 | import org.w3c.dom.events.Event 11 | import org.w3c.files.FileList 12 | import org.w3c.files.FileReader 13 | import org.w3c.files.get 14 | import react.* 15 | import styled.* 16 | 17 | val RBuilder.uploadPanel 18 | get() = extension(UploadPanel) 19 | 20 | external interface UploadPanelProps : RProps { 21 | var shelvesToShow: List? 22 | var setAllShelves: (List) -> Unit 23 | } 24 | 25 | val UploadPanel = functionalComponent { props -> 26 | val (text, setText) = useState("") 27 | val (books, setBooks) = useState(null) 28 | val (booksToShow, setBooksToShow) = useState(null) 29 | 30 | fun onFilesSelected(files: FileList?) { 31 | console.log("files", files) 32 | files?.get(0)?.let { 33 | FileReader().apply { 34 | val onLoadEnd: (Event) -> Unit = { 35 | val parsedBooks = parseBooks(result.unsafeCast()) 36 | val allShelves = 37 | toJs(cljMap(::shelves, parsedBooks)).unsafeCast>>().flatten().toHashSet() 38 | props.setAllShelves(allShelves.toList().filter { it.isNotBlank() }.sorted()) 39 | 40 | setBooks(parsedBooks) 41 | } 42 | readAsText(it) 43 | onloadend = onLoadEnd 44 | } 45 | } 46 | } 47 | useMemo({ 48 | if (books != null) { 49 | setBooksToShow( 50 | if (props.shelvesToShow?.isEmpty() == false) { 51 | filterByShelves(toClj(props.shelvesToShow!!.toTypedArray()), books) 52 | } else books 53 | ) 54 | } 55 | }, arrayOf(books, props.shelvesToShow)) 56 | 57 | useMemo({ 58 | if (booksToShow != null) { 59 | val newText: String = toJs(booksToRoam(booksToShow)) 60 | setText(if (newText.isNotBlank()) newText else "No books found that are on all the selected shelves") 61 | } 62 | }, arrayOf(booksToShow)) 63 | 64 | fun RBuilder.copyIcon() { 65 | mIconButton { 66 | css { 67 | // otherwise the it's somehow not applied with proper priority :( 68 | // position = Position.absolute 69 | put("position", "absolute !important") 70 | 71 | top = 1.em 72 | right = 1.em 73 | } 74 | 75 | mSvgIcon("M318.54,57.282h-47.652V15c0-8.284-6.716-15-15-15H34.264c-8.284,0-15,6.716-15,15v265.522c0,8.284,6.716,15,15,15h47.651 v42.281c0,8.284,6.716,15,15,15H318.54c8.284,0,15-6.716,15-15V72.282C333.54,63.998,326.824,57.282,318.54,57.282z M49.264,265.522V30h191.623v27.282H96.916c-8.284,0-15,6.716-15,15v193.24H49.264z M303.54,322.804H111.916V87.282H303.54V322.804 z") { 76 | attrs.viewBox = "0 0 352.804 352.804" 77 | } 78 | 79 | attrs.onClick = { 80 | window.navigator.clipboard.writeText(text) 81 | } 82 | } 83 | } 84 | 85 | fun RBuilder.filePrompt() { 86 | styledLabel { 87 | css { 88 | margin(all = LinearDimension.auto) 89 | padding(all = 8.em) 90 | cursor = Cursor.pointer 91 | borderRadius = 4.px 92 | backgroundColor = rgb(250, 250, 250) 93 | // Stolen from paper thing 94 | put( 95 | "box-shadow", 96 | "0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12)" 97 | ) 98 | } 99 | 100 | val hiddenInput = "hiddenInput" 101 | attrs.htmlFor = hiddenInput 102 | 103 | mTypography( 104 | variant = MTypographyVariant.h1, 105 | align = MTypographyAlign.center, 106 | ) { 107 | +"Goodreads export" 108 | } 109 | 110 | mTypography( 111 | variant = MTypographyVariant.h3, 112 | align = MTypographyAlign.center, 113 | color = MTypographyColor.textSecondary, 114 | ) { 115 | css { 116 | paddingTop = 0.5.em 117 | } 118 | +"Drag & drop exported csv here or click to select it from the disk" 119 | } 120 | 121 | 122 | styledInput(type = InputType.file) { 123 | css { 124 | display = Display.none 125 | } 126 | 127 | attrs.id = hiddenInput 128 | 129 | attrs.onChangeFunction = { e -> 130 | val files = e.target.unsafeCast().files 131 | onFilesSelected(files) 132 | } 133 | } 134 | } 135 | } 136 | 137 | styledDiv { 138 | css { 139 | height = 100.vh 140 | width = 80.pct 141 | 142 | padding(all = 0.5.em) 143 | 144 | position = Position.relative 145 | } 146 | 147 | attrs.onDragOverFunction = { 148 | console.log("over", it) 149 | it.preventDefault() 150 | } 151 | 152 | attrs.onDragEnterFunction = { 153 | console.log("enter", it) 154 | } 155 | 156 | attrs.onDragLeaveFunction = { 157 | console.log("leave", it) 158 | } 159 | 160 | attrs.onDropFunction = { 161 | val e = it.unsafeCast() 162 | e.stopPropagation() 163 | e.preventDefault() 164 | 165 | onFilesSelected(e.dataTransfer?.files) 166 | } 167 | 168 | 169 | mPaper { 170 | css { 171 | padding(all = 2.em) 172 | height = 100.pct 173 | 174 | overflowY = Overflow.auto 175 | display = Display.flex 176 | } 177 | 178 | if (text.isBlank()) { 179 | filePrompt() 180 | } else { 181 | copyIcon() 182 | 183 | styledPre { 184 | css { 185 | whiteSpace = WhiteSpace.preWrap 186 | margin(all = 0.px) 187 | } 188 | +text 189 | } 190 | } 191 | } 192 | } 193 | 194 | } 195 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | Apache License 2 | Version 2.0, January 2004 3 | http://www.apache.org/licenses/ 4 | 5 | TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION 6 | 7 | 1. Definitions. 8 | 9 | "License" shall mean the terms and conditions for use, reproduction, 10 | and distribution as defined by Sections 1 through 9 of this document. 11 | 12 | "Licensor" shall mean the copyright owner or entity authorized by 13 | the copyright owner that is granting the License. 14 | 15 | "Legal Entity" shall mean the union of the acting entity and all 16 | other entities that control, are controlled by, or are under common 17 | control with that entity. For the purposes of this definition, 18 | "control" means (i) the power, direct or indirect, to cause the 19 | direction or management of such entity, whether by contract or 20 | otherwise, or (ii) ownership of fifty percent (50%) or more of the 21 | outstanding shares, or (iii) beneficial ownership of such entity. 22 | 23 | "You" (or "Your") shall mean an individual or Legal Entity 24 | exercising permissions granted by this License. 25 | 26 | "Source" form shall mean the preferred form for making modifications, 27 | including but not limited to software source code, documentation 28 | source, and configuration files. 29 | 30 | "Object" form shall mean any form resulting from mechanical 31 | transformation or translation of a Source form, including but 32 | not limited to compiled object code, generated documentation, 33 | and conversions to other media types. 34 | 35 | "Work" shall mean the work of authorship, whether in Source or 36 | Object form, made available under the License, as indicated by a 37 | copyright notice that is included in or attached to the work 38 | (an example is provided in the Appendix below). 39 | 40 | "Derivative Works" shall mean any work, whether in Source or Object 41 | form, that is based on (or derived from) the Work and for which the 42 | editorial revisions, annotations, elaborations, or other modifications 43 | represent, as a whole, an original work of authorship. For the purposes 44 | of this License, Derivative Works shall not include works that remain 45 | separable from, or merely link (or bind by name) to the interfaces of, 46 | the Work and Derivative Works thereof. 47 | 48 | "Contribution" shall mean any work of authorship, including 49 | the original version of the Work and any modifications or additions 50 | to that Work or Derivative Works thereof, that is intentionally 51 | submitted to Licensor for inclusion in the Work by the copyright owner 52 | or by an individual or Legal Entity authorized to submit on behalf of 53 | the copyright owner. For the purposes of this definition, "submitted" 54 | means any form of electronic, verbal, or written communication sent 55 | to the Licensor or its representatives, including but not limited to 56 | communication on electronic mailing lists, source code control systems, 57 | and issue tracking systems that are managed by, or on behalf of, the 58 | Licensor for the purpose of discussing and improving the Work, but 59 | excluding communication that is conspicuously marked or otherwise 60 | designated in writing by the copyright owner as "Not a Contribution." 61 | 62 | "Contributor" shall mean Licensor and any individual or Legal Entity 63 | on behalf of whom a Contribution has been received by Licensor and 64 | subsequently incorporated within the Work. 65 | 66 | 2. Grant of Copyright License. Subject to the terms and conditions of 67 | this License, each Contributor hereby grants to You a perpetual, 68 | worldwide, non-exclusive, no-charge, royalty-free, irrevocable 69 | copyright license to reproduce, prepare Derivative Works of, 70 | publicly display, publicly perform, sublicense, and distribute the 71 | Work and such Derivative Works in Source or Object form. 72 | 73 | 3. Grant of Patent License. Subject to the terms and conditions of 74 | this License, each Contributor hereby grants to You a perpetual, 75 | worldwide, non-exclusive, no-charge, royalty-free, irrevocable 76 | (except as stated in this section) patent license to make, have made, 77 | use, offer to sell, sell, import, and otherwise transfer the Work, 78 | where such license applies only to those patent claims licensable 79 | by such Contributor that are necessarily infringed by their 80 | Contribution(s) alone or by combination of their Contribution(s) 81 | with the Work to which such Contribution(s) was submitted. If You 82 | institute patent litigation against any entity (including a 83 | cross-claim or counterclaim in a lawsuit) alleging that the Work 84 | or a Contribution incorporated within the Work constitutes direct 85 | or contributory patent infringement, then any patent licenses 86 | granted to You under this License for that Work shall terminate 87 | as of the date such litigation is filed. 88 | 89 | 4. Redistribution. You may reproduce and distribute copies of the 90 | Work or Derivative Works thereof in any medium, with or without 91 | modifications, and in Source or Object form, provided that You 92 | meet the following conditions: 93 | 94 | (a) You must give any other recipients of the Work or 95 | Derivative Works a copy of this License; and 96 | 97 | (b) You must cause any modified files to carry prominent notices 98 | stating that You changed the files; and 99 | 100 | (c) You must retain, in the Source form of any Derivative Works 101 | that You distribute, all copyright, patent, trademark, and 102 | attribution notices from the Source form of the Work, 103 | excluding those notices that do not pertain to any part of 104 | the Derivative Works; and 105 | 106 | (d) If the Work includes a "NOTICE" text file as part of its 107 | distribution, then any Derivative Works that You distribute must 108 | include a readable copy of the attribution notices contained 109 | within such NOTICE file, excluding those notices that do not 110 | pertain to any part of the Derivative Works, in at least one 111 | of the following places: within a NOTICE text file distributed 112 | as part of the Derivative Works; within the Source form or 113 | documentation, if provided along with the Derivative Works; or, 114 | within a display generated by the Derivative Works, if and 115 | wherever such third-party notices normally appear. The contents 116 | of the NOTICE file are for informational purposes only and 117 | do not modify the License. You may add Your own attribution 118 | notices within Derivative Works that You distribute, alongside 119 | or as an addendum to the NOTICE text from the Work, provided 120 | that such additional attribution notices cannot be construed 121 | as modifying the License. 122 | 123 | You may add Your own copyright statement to Your modifications and 124 | may provide additional or different license terms and conditions 125 | for use, reproduction, or distribution of Your modifications, or 126 | for any such Derivative Works as a whole, provided Your use, 127 | reproduction, and distribution of the Work otherwise complies with 128 | the conditions stated in this License. 129 | 130 | 5. Submission of Contributions. Unless You explicitly state otherwise, 131 | any Contribution intentionally submitted for inclusion in the Work 132 | by You to the Licensor shall be under the terms and conditions of 133 | this License, without any additional terms or conditions. 134 | Notwithstanding the above, nothing herein shall supersede or modify 135 | the terms of any separate license agreement you may have executed 136 | with Licensor regarding such Contributions. 137 | 138 | 6. Trademarks. This License does not grant permission to use the trade 139 | names, trademarks, service marks, or product names of the Licensor, 140 | except as required for reasonable and customary use in describing the 141 | origin of the Work and reproducing the content of the NOTICE file. 142 | 143 | 7. Disclaimer of Warranty. Unless required by applicable law or 144 | agreed to in writing, Licensor provides the Work (and each 145 | Contributor provides its Contributions) on an "AS IS" BASIS, 146 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or 147 | implied, including, without limitation, any warranties or conditions 148 | of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A 149 | PARTICULAR PURPOSE. You are solely responsible for determining the 150 | appropriateness of using or redistributing the Work and assume any 151 | risks associated with Your exercise of permissions under this License. 152 | 153 | 8. Limitation of Liability. In no event and under no legal theory, 154 | whether in tort (including negligence), contract, or otherwise, 155 | unless required by applicable law (such as deliberate and grossly 156 | negligent acts) or agreed to in writing, shall any Contributor be 157 | liable to You for damages, including any direct, indirect, special, 158 | incidental, or consequential damages of any character arising as a 159 | result of this License or out of the use or inability to use the 160 | Work (including but not limited to damages for loss of goodwill, 161 | work stoppage, computer failure or malfunction, or any and all 162 | other commercial damages or losses), even if such Contributor 163 | has been advised of the possibility of such damages. 164 | 165 | 9. Accepting Warranty or Additional Liability. While redistributing 166 | the Work or Derivative Works thereof, You may choose to offer, 167 | and charge a fee for, acceptance of support, warranty, indemnity, 168 | or other liability obligations and/or rights consistent with this 169 | License. However, in accepting such obligations, You may act only 170 | on Your own behalf and on Your sole responsibility, not on behalf 171 | of any other Contributor, and only if You agree to indemnify, 172 | defend, and hold each Contributor harmless for any liability 173 | incurred by, or claims asserted against, such Contributor by reason 174 | of your accepting any such warranty or additional liability. 175 | 176 | END OF TERMS AND CONDITIONS 177 | 178 | APPENDIX: How to apply the Apache License to your work. 179 | 180 | To apply the Apache License to your work, attach the following 181 | boilerplate notice, with the fields enclosed by brackets "[]" 182 | replaced with your own identifying information. (Don't include 183 | the brackets!) The text should be enclosed in the appropriate 184 | comment syntax for the file format. We also recommend that a 185 | file or class name and description of purpose be included on the 186 | same "printed page" as the copyright notice for easier 187 | identification within third-party archives. 188 | 189 | Copyright [yyyy] [name of copyright owner] 190 | 191 | Licensed under the Apache License, Version 2.0 (the "License"); 192 | you may not use this file except in compliance with the License. 193 | You may obtain a copy of the License at 194 | 195 | http://www.apache.org/licenses/LICENSE-2.0 196 | 197 | Unless required by applicable law or agreed to in writing, software 198 | distributed under the License is distributed on an "AS IS" BASIS, 199 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 200 | See the License for the specific language governing permissions and 201 | limitations under the License. 202 | --------------------------------------------------------------------------------