"
- }
--------------------------------
-
-Example:
--------------------------------
-let upstream = --
-in upstream
- with benchotron =
- { dependencies =
- [ "arrays"
- , "exists"
- , "profunctor"
- , "strings"
- , "quickcheck"
- , "lcg"
- , "transformers"
- , "foldable-traversable"
- , "exceptions"
- , "node-fs"
- , "node-buffer"
- , "node-readline"
- , "datetime"
- , "now"
- ]
- , repo =
- "https://github.com/hdgarrood/purescript-benchotron.git"
- , version =
- "v7.0.0"
- }
--------------------------------
--}
let upstream =
- https://github.com/purescript/package-sets/releases/download/psc-0.14.0-20210331/packages.dhall sha256:fe3b63fe4b0cd1518c0ee506751b5b16d2c47210df94b5beb48be6570fe7f78a
+ https://github.com/purescript/package-sets/releases/download/psc-0.15.2-20220706/packages.dhall
+ sha256:7a24ebdbacb2bfa27b2fc6ce3da96f048093d64e54369965a2a7b5d9892b6031
in upstream
+ with react-basic =
+ { dependencies = [ "effect", "prelude", "record" ]
+ , repo = "https://github.com/lumihq/purescript-react-basic"
+ , version = "v17.0.0"
+ }
+ with react-basic-dom.version = "v6.0.0"
diff --git a/spago.dhall b/spago.dhall
index d29457c..f3f72ec 100644
--- a/spago.dhall
+++ b/spago.dhall
@@ -4,18 +4,21 @@ You can edit this file as you like.
-}
{ name = "react-basic-emotion"
, dependencies =
- [ "colors"
- , "console"
- , "effect"
+ [ "arrays"
+ , "colors"
+ , "either"
, "foreign"
, "foreign-object"
+ , "functions"
+ , "integers"
, "numbers"
, "prelude"
- , "psci-support"
, "react-basic"
- , "react-basic-hooks"
+ , "strings"
+ , "transformers"
, "typelevel-prelude"
- , "unsafe-reference"
+ , "unsafe-coerce"
+ , "web-html"
]
, packages = ./packages.dhall
, sources = [ "src/**/*.purs" ]
diff --git a/src/React/Basic/Emotion.js b/src/React/Basic/Emotion.js
index c4439d0..e71c2d0 100644
--- a/src/React/Basic/Emotion.js
+++ b/src/React/Basic/Emotion.js
@@ -1,11 +1,10 @@
-"use strict";
+import * as Emotion from '@emotion/react';
-const Emotion = require("@emotion/react");
const createElement = Emotion.jsx;
-exports.emptyStyle = undefined;
+export const emptyStyle = undefined;
-exports.emptyStyleProperty = undefined;
+export const emptyStyleProperty = undefined;
const flattenDataProp = (component, props) => {
let data = null;
@@ -18,7 +17,7 @@ const flattenDataProp = (component, props) => {
return data == null ? props : Object.assign({}, props, data);
};
-exports.element_ = (component, props, areChildrenDynamic) => {
+export const element_ = (component, props, areChildrenDynamic) => {
const args = [component, flattenDataProp(component, props)];
return createElement.apply(
null,
@@ -28,13 +27,13 @@ exports.element_ = (component, props, areChildrenDynamic) => {
);
};
-exports.elementKeyed_ = (component, props) =>
- exports.element_(component, props, true);
+export const elementKeyed_ = (component, props) =>
+ element_(component, props, true);
-exports.global = Emotion.Global;
+export const global = Emotion.Global;
-exports.css_ = Emotion.css;
+export const css_ = Emotion.css;
-exports.important = prop => typeof prop === "string" ? prop + " !important" : prop;
+export const important = prop => typeof prop === "string" ? prop + " !important" : prop;
-exports.keyframes_ = Emotion.keyframes;
+export const keyframes_ = Emotion.keyframes;
diff --git a/src/React/Basic/Emotion.purs b/src/React/Basic/Emotion.purs
index 831cc0d..7956b27 100644
--- a/src/React/Basic/Emotion.purs
+++ b/src/React/Basic/Emotion.purs
@@ -1,74 +1,116 @@
module React.Basic.Emotion
( Style
, StyleProperty
+ , absolute
+ , auto
+ , baseline
+ , block
+ , borderBox
+ , center
+ , ch
+ , ch2
+ , ch4
, class IsStyle
- , style
, class IsStyleProperty
- , prop
+ , cm
+ , cm2
+ , cm4
+ , color
+ , column
+ , contentBox
+ , css
+ , default
, element
, elementKeyed
- , css
+ , ellipsis
+ , em
+ , em2
+ , em4
+ , ex
+ , ex2
+ , ex4
+ , fallbacks
+ , fixed
+ , flex
+ , flexEnd
+ , flexStart
, global
+ , grid
+ , hidden
, important
+ , inches
+ , inches2
+ , inches4
+ , inherit
+ , initial
+ , inlineBlock
+ , inlineFlex
+ , inlineGrid
+ , int
, keyframes
- , nested
+ , manipulation
+ , maxContent
, merge
- , str
- , int
- , num
- , fallbacks
- , url
- , color
+ , minContent
+ , mm
+ , mm2
+ , mm4
+ , nested
, none
- , auto
- , inherit
- , unset
- , initial
- , revert
- , borderBox
- , contentBox
- , hidden
- , visible
- , scroll
- , wrap
, nowrap
- , row
- , column
- , default
- , manipulation
+ , num
+ , pc
+ , pc2
+ , pc4
+ , percent
+ , percent2
+ , percent4
, pointer
- , solid
- , ellipsis
- , underline
- , fixed
- , absolute
+ , preWrap
+ , prop
+ , pt
+ , pt2
+ , pt4
+ , px
+ , px'
+ , px2
+ , px2'
+ , px4
+ , px4'
, relative
- , sticky
- , block
- , inlineBlock
- , flex
- , inlineFlex
- , grid
- , inlineGrid
- , flexStart
- , flexEnd
- , center
- , stretch
- , baseline
- , spaceAround
+ , rem
+ , rem2
+ , rem4
+ , revert
+ , row
+ , scroll
+ , solid
, spaceBetween
, spaceEvenly
- , minContent
- , maxContent
- , preWrap
+ , sticky
+ , str
+ , stretch
+ , style
+ , underline
+ , unset
+ , url
, var
- , px, px', cm, mm, inches, pt, pc
- , em, ex, ch, rem, vw, vh, vmin, vmax, percent
- , px2, px2', cm2, mm2, inches2, pt2, pc2
- , em2, ex2, ch2, rem2, vw2, vh2, vmin2, vmax2, percent2
- , px4, px4', cm4, mm4, inches4, pt4, pc4
- , em4, ex4, ch4, rem4, vw4, vh4, vmin4, vmax4, percent4
- ) where
+ , vh
+ , vh2
+ , vh4
+ , visible
+ , vmax
+ , vmax2
+ , vmax4
+ , vmin
+ , vmin2
+ , vmin4
+ , vw
+ , vw2
+ , vw4
+ , wrap
+ )
+ where
import Prelude
diff --git a/tools/publish-shell.nix b/tools/publish-shell.nix
new file mode 100644
index 0000000..38ec253
--- /dev/null
+++ b/tools/publish-shell.nix
@@ -0,0 +1,32 @@
+# Universal shell for PureScript repos
+{ pkgs ? import (builtins.fetchGit {
+ # https://github.com/NixOS/nixpkgs/releases/tag/21.11
+ url = "https://github.com/nixos/nixpkgs/";
+ ref = "refs/tags/21.11";
+ rev = "a7ecde854aee5c4c7cd6177f54a99d2c1ff28a31";
+ }) {}
+}:
+let
+ easy-ps-src = builtins.fetchGit {
+ url = "https://github.com/justinwoo/easy-purescript-nix.git";
+ ref = "master";
+ rev = "0ad5775c1e80cdd952527db2da969982e39ff592";
+ };
+ easy-ps = import easy-ps-src { inherit pkgs; };
+in
+pkgs.mkShell {
+ nativeBuildInputs = [
+ easy-ps.purs-0_15_0
+ easy-ps.spago
+ easy-ps.pulp-16_0_0-0
+ easy-ps.psc-package
+ easy-ps.purs-tidy
+ pkgs.nodejs-16_x
+ pkgs.nodePackages.bower
+ ];
+ LC_ALL = "C.UTF-8"; # https://github.com/purescript/spago/issues/507
+ # https://github.com/purescript/spago#install-autocompletions-for-bash
+ shellHook = ''
+ source <(spago --bash-completion-script `which spago`)
+ '';
+}
pFad - Phonifier reborn
Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.
Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.
Alternative Proxies:
Alternative Proxy
pFad Proxy
pFad v3 Proxy
pFad v4 Proxy