@oyvindberg apparently, reloading on a page other than the home doesn't work, was the fix that I pushed deployed? or it be that there is another change needed for the github pages side?
About this, I remember now, the webserver needs to be configured to serve the index when the file is not found, which I have no idea if can be done on gh pages with your current settings
from this issue, people claim that you can create a symlink from the 404.html page to your index, but that wouldn't work for many entrypoints which is how the demos work: isaacs/github#408
But yeah, it must be a config issue
Because it works fine when I run the demo repo
I deleted every single folder that didnt have anything to do with my code
did sbt clean
And then tried to do it all over again :D
@AlexITC I'm struggling with the CI for the demo repo, the builder container doesn't have enough memory to build mui. What it means is that CI will be green if I run
stPublishCache from my computer, but it's not able to publish itself. If you want to update the published demo you need to run dist in sbt and check in the results, which will be on the docs folder
nice @peterstorm :)
also @AlexITC an easy fix for missing history api on github pages would be to use hash routing instead.
as long as its 3.9.3 it's not changing much anyway
and deal properly with it later
it's just a small handful of libraries which end up being so incredibly much source code anyway
I ran
dist now and pushed it by the way
[warn ] 2020-11-16T00:52:31.544315Z Phase3Compile.scala:144 Built /home/olvind/.ivy2/local/org.scalablytyped.slinky/react_sjs1_3.0.0-M1/16.9-dt-20200711Z-805e37/jars/react_sjs1_3.0.0-M1.jar in 48664 ms [id => react, thread => 1, phase => build, flavour => SlinkyFlavour]
The future is approaching
hello, i want to display the demo of circular progress integration with using styleBuilder given in material ui demos, when i add val classes = styles1(js.undefined), it gives me blank pagen any suggestions`object DemoCircularIntegration {
case class Props()
//val classes = styles(js.undefined)
case class State(loading: Boolean = false, success: Boolean = false) {
def setLoading = copy(success = false, loading = true)
def setSuccess = copy(success = true, loading = false)}
class Backend(t: BackendScope[Props, State]) {
var timer: js.UndefOr[js.timers.SetTimeoutHandle] = js.undefined
def unmount = Callback {
timer.foreach(js.timers.clearTimeout)
timer = js.undefined
}
def setSuccess = Callback {
timer = js.timers.setTimeout(2000)(t.modState(_.setSuccess).runNow())
}
def handleButtonClick(loading: Boolean) = {
(t.modState(_.setLoading) >> setSuccess).when(!loading) >> Callback.empty
}
val classes = styles1(js.undefined)
def render(props: Props, state: State): VdomElement = {
// val css = props.style
// val classes = css.styles
//val buttonCss = if (state.success) css.buttonSuccess else css.common.emptyStyle
<. div(
<. div(
Mui.Fab.color(typings.materialUiCore.mod.PropTypes.Color.primary).onClick(_ => handleButtonClick(state.loading))(
if (state.success) Muii.Check() else Muii.Save()
),
HicpCircularProgress(size=68,className="fabProgress")().when(state.loading)
),
div(
HicpRaisedButton(touchTapCallback=_ =>handleButtonClick(state.loading), disabled=state.loading)
("Accept terms")
),
HicpCircularProgress(size=24,className="buttonProgress")().when(state.loading)
)
}}`
@lavrov yes,
"foo" | "bar" will be interesting, and also T | Null, and just general type inference and compile times. I hope it will be a big improvement :)
diff --git a/material-ui/src/main/scala/demo/button/Button.scala b/material-ui/src/main/scala/demo/button/Button.scala
index 56de112..f01beaf 100644
--- a/material-ui/src/main/scala/demo/button/Button.scala
+++ b/material-ui/src/main/scala/demo/button/Button.scala
@@ -12,7 +12,7 @@ import typings.materialUiCore.createMuiThemeMod.{Theme, ThemeOptions}
import typings.materialUiCore.spacingMod.SpacingOptions
import typings.materialUiCore.{stylesMod, components => Mui}
import typings.materialUiStyles.components.ThemeProvider
-import typings.std.global.window
+import typings.std.global.{console, window}
import scala.scalajs.js
@@ -47,10 +47,17 @@ object ButtonTest {
s"Increment it, ${props.name}"
)
+ val ref = Hooks.useRef[Any](null)
+
div(
/* text field controlled by the value of the state hook above*/
- Mui.TextField.StandardTextFieldProps().value(state).disabled(true),
- incrementButton
+ Mui.TextField.StandardTextFieldProps().value(state).disabled(true).innerRef(ref),
+ incrementButton,
+ Option(ref.current).map(x => {
+ val dynamic = x.asInstanceOf[js.Dynamic]
+ console.warn(dynamic)
+ "has reference"
+ })
)
}
}