add elm ui explorer

This commit is contained in:
Pavel Murygin 2021-06-28 16:22:12 +03:00
parent 1c8acdae8b
commit 600d76c49d
5 changed files with 67 additions and 3 deletions

2
.gitignore vendored
View File

@ -4,3 +4,5 @@ node_modules
dist
bundle
.cache
.storybook/explorer.js

24
.storybook/index.html Normal file
View File

@ -0,0 +1,24 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Elm Ui Explorer</title>
<link
rel="stylesheet"
type="text/css"
href="https://cdn.jsdelivr.net/gh/kalutheo/elm-ui-explorer@master/assets/styles.css"
/>
</head>
<body class="overflow-hidden">
<div id="root"></div>
<script src="explorer.js"></script>
<script type="text/javascript">
var app = Elm.Explorer.init({
node: document.getElementById("root")
})
</script>
</body>
</html>

View File

@ -1,6 +1,6 @@
{
"type": "application",
"source-directories": ["src"],
"source-directories": ["src", "src_storybook"],
"elm-version": "0.19.1",
"dependencies": {
"direct": {
@ -15,14 +15,25 @@
"elm-community/intdict": "3.0.0",
"elm-community/list-extra": "8.2.4",
"elm-community/maybe-extra": "5.2.0",
"kalutheo/elm-ui-explorer": "9.0.0",
"lukewestby/elm-string-interpolate": "1.0.4"
},
"indirect": {
"1602/elm-feather": "2.3.4",
"NoRedInk/datetimepicker-legacy": "1.0.4",
"avh4/elm-debug-controls": "2.2.1",
"elm/parser": "1.1.0",
"elm/random": "1.0.0",
"elm/regex": "1.0.0",
"elm/svg": "1.0.1",
"elm/time": "1.0.0",
"elm/virtual-dom": "1.0.2",
"elm-explorations/test": "1.2.2"
"elm-explorations/markdown": "1.0.0",
"elm-explorations/test": "1.2.2",
"justinmimbs/date": "3.2.1",
"justinmimbs/time-extra": "1.1.0",
"rtfeldman/elm-css": "16.1.1",
"rtfeldman/elm-hex": "1.0.0"
}
},
"test-dependencies": {

View File

@ -11,7 +11,8 @@
"prod": "webpack -p --mode production",
"analyse": "elm-analyse -s -p 3001 -o",
"compile-aqua": "aqua-cli --js -i ./aqua/ -o ./src/_aqua",
"watch-aqua": "chokidar \"**/*.aqua\" -c \"npm run compile-aqua\""
"watch-aqua": "chokidar \"**/*.aqua\" -c \"npm run compile-aqua\"",
"uie": "elm-live src_storybook/Explorer.elm --open --dir=.storybook --start-page=index.html -- --output=.storybook/explorer.js --debug"
},
"nodemonConfig": {
"watch": [
@ -37,6 +38,7 @@
"yup": "^0.32.9"
},
"devDependencies": {
"elm-live": "^4.0.2",
"@babel/core": "^7.11.6",
"@babel/preset-env": "^7.11.5",
"@fluencelabs/aqua-cli": "^0.1.7-153",

View File

@ -0,0 +1,25 @@
module Explorer exposing (main)
import Html
import HubPage.View exposing (welcomeText)
import UIExplorer
exposing
( UIExplorerProgram
, defaultConfig
, explore
, storiesOf
)
main : UIExplorerProgram {} () {} {}
main =
explore
defaultConfig
[ storiesOf
"Welcome"
[ ( "Default", \_ -> Html.text "Welcome to you explorer.", {} )
]
, storiesOf
"HubView"
[ ( "1", \_ -> welcomeText, {} ) ]
]