This contains Statebox Studio, Statebox REST API, Statebox REST client and associated projects.
See the docs in the studio directory.
Statebox studio + core + API + REST client
Home Page: https://studio.statebox.cloud
This contains Statebox Studio, Statebox REST API, Statebox REST client and associated projects.
See the docs in the studio directory.
Related links:
github.com/klangner/purescript-linear-algebra
pursuit.purescript.org/search?q=vec
@epost ter informatie
Reproduce:
Following GreatSPN, let's put place and transition labels under and over places and transitions, respectively.
Wrap code from https://github.com/statebox/js-pnpro-parser in FFI. Needs to be converted to oldskool ecmascript first, ie replace fat arrow syntax x => ...
by function (x) { return ... }
.
This captures some of the 'routing' (menu navigation) that we're already doing more neatly.
We shouldn't be prescribing whether to use an additive or some other monoid over out token type.
<arc head="FinalApproval" kind="OUTPUT" tail="submitForFinalApproval">
<point x="94.0" y="48.0"/>
</arc>
Currently, the sources of kettlebell/purescript-halogen-svg are included verbatim in src/Svg
. Furthermore, kettlebell/purescript-halogen-svg is a fork of kwohlfahrt/purescript-halogen-svg.
Use Justin Woo's work in this area.
There are 3 buttons for toggling the visibility of arcs, places and transitions (ElemKind
s) respectively. We would like to show whether labels for a given ElemKind
are currently visible or not.
We can modify the style of the buttons or simply use checkboxes.
The pointer-events: none
is to ensure that dragging operators around also works when dragging the operator's label. We do this in CSS now but we don't want someone to accidentally delete this from the CSS and mess up the behaviour (rather than the styling) of the draggable operators.
The current CSS is:
pointer-events: none; /* mouse should click through to the underlying rectangle */
A Halogen SVG Attribute
should be introduced for this.
The arc editor should be able to edit:
String
(for now?) or some type variable?)newtype Guard = Guard String
for now, similar to the Typedef
newtype we're using)Look at the PlaceEditor
and TransitionEditor
for inspiration.
TODO:
ArcFocused
event, similar to ArcFocused
and PlaceFocused
.ArcEditor.form
as described above.PetriNetViews
's eval
function. For now, don't update the state or anything yet, just do pure next
The user should be able to switch them on or off individually. Also, show them on hover may be nice. Places have a title
attr to sort of do that now but that sucks, for one because it takes a long time before the title appears.
Route
data typeCurrently when a tx
is fired
the token is animated travelling along arcs to appropriate places
but they also immediately appear in their destination places
(effectively showing the same token twice). It should be the case that the tokens only appear in the new place once the animation is finished.
Basically, npm install
, the look at package.json
to see the build tasks available. To see it in action, open dist/index.html
.
Should switch between showing nets or diagrams.
A Project
should have:
name
nets
Steps:
Typedef
with products, sums, unitchoice
and combination
or somethingThis block should be referring to gspn.edges.arc
fyi @wires
Studio
getBoundingClientRect
Project
should be a part of the path that the route captures.We want to be able to update labels types, and other properties for places, transitions, and arcs. Current types explicitly prohibit that.
We'll want something like a function edge
or arc
that does or invokes something along the lines of this thing:
https://github.com/statebox/purescript-stbx-sandbox/blob/208b9e571f46b3c6814656e04f4d52f0356efb9c/src/PetrinetView.purs#L174-L178
There are various ways of defining SVG 'components', e.g. defs, which might help.
This allows us to:
String
), for example journal-process.PNPRO. pnproNetInfos1 :: Array NetInfo
pnproNetInfos1 = PNPRO.mkNetInfo <$> pnproProject1.project.gspn
where
pnproProject1 :: PNPRO.Document
pnproProject1 = PNPRO.fromStringUnsafe pnproXml1
import PNPRO project
menu to the navbar .Studio
state to the resulting list of nets.A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.