Loading...
6 | });
7 |
8 | function Try() {
9 | return {React.string(text)}
11 | }
12 |
--------------------------------------------------------------------------------
/src/common/LangUtil.res:
--------------------------------------------------------------------------------
1 | type language =
2 | | English
3 | | Chinese
4 |
5 | let langDocBase = (lang) =>
6 | switch lang {
7 | | English => "docs"
8 | | Chinese => "docs-cn"
9 | }
10 |
11 |
12 | let whichLang = (url: Url.t) =>
13 | if Array.length(url.base) > 0 {
14 | switch url.base[0] {
15 | | "docs-cn" => Chinese
16 | | _ => English
17 | }
18 | }
19 | else{
20 | English
21 | }
22 |
--------------------------------------------------------------------------------
/src/common/XmlHttpRequest.mjs:
--------------------------------------------------------------------------------
1 | // Generated by ReScript, PLEASE EDIT WITH CARE
2 |
3 |
4 | var Upload = {};
5 |
6 | function decodeReadyState(x) {
7 | if (x > 4 || x < 0) {
8 | return /* Unknown */5;
9 | } else {
10 | return x;
11 | }
12 | }
13 |
14 | function readyState(xhr) {
15 | return decodeReadyState(xhr.readyState);
16 | }
17 |
18 | export {
19 | Upload ,
20 | decodeReadyState ,
21 | readyState ,
22 | }
23 | /* No side effect */
24 |
--------------------------------------------------------------------------------
/src/common/WarningFlagDescription.resi:
--------------------------------------------------------------------------------
1 | module Parser: {
2 | type token = {
3 | enabled: bool,
4 | flag: string,
5 | }
6 |
7 | let parse: string => result| {React.string("#")} | {React.string("Description")} |
|---|---|
| {React.string(number)} | {React.string(description)} | 14 |
Loading...
15 | });
16 |
17 | export default function BuildConfigurationSchemaPage() {
18 | return Loading...
15 | });
16 |
17 | export default function BuildConfigurationSchemaPage() {
18 | return Loading...
15 | });
16 |
17 | export default function BuildConfigurationSchemaPage() {
18 | return
7 |
17 |
18 | }
19 |
--------------------------------------------------------------------------------
/data/sidebar_react_latest.json:
--------------------------------------------------------------------------------
1 | {
2 | "概览": [
3 | "introduction",
4 | "installation",
5 | "migrate-from-reason-react"
6 | ],
7 | "核心概念": [
8 | "elements-and-jsx",
9 | "rendering-elements",
10 | "components-and-props",
11 | "arrays-and-keys",
12 | "refs-and-the-dom",
13 | "context",
14 | "styling",
15 | "router"
16 | ],
17 | "Hooks & 状态管理": [
18 | "hooks-overview",
19 | "hooks-effect",
20 | "hooks-state",
21 | "hooks-reducer",
22 | "hooks-context",
23 | "hooks-ref",
24 | "hooks-custom"
25 | ],
26 | "指引": [
27 | "beyond-jsx",
28 | "forwarding-refs"
29 | ]
30 | }
31 |
--------------------------------------------------------------------------------
/src/common/LangUtil.mjs:
--------------------------------------------------------------------------------
1 | // Generated by ReScript, PLEASE EDIT WITH CARE
2 |
3 | import * as Caml_array from "rescript/lib/es6/caml_array.js";
4 |
5 | function langDocBase(lang) {
6 | if (lang) {
7 | return "docs-cn";
8 | } else {
9 | return "docs";
10 | }
11 | }
12 |
13 | function whichLang(url) {
14 | if (url.base.length === 0) {
15 | return /* English */0;
16 | }
17 | var match = Caml_array.get(url.base, 0);
18 | if (match === "docs-cn") {
19 | return /* Chinese */1;
20 | } else {
21 | return /* English */0;
22 | }
23 | }
24 |
25 | export {
26 | langDocBase ,
27 | whichLang ,
28 | }
29 | /* No side effect */
30 |
--------------------------------------------------------------------------------
/src/components/Image.res:
--------------------------------------------------------------------------------
1 | // This component is representing a embedded image, mainly used for markdown content
2 |
3 | @react.component
4 | let default = (~src: string, ~withShadow=false, ~caption: option
8 |
16 |
10 |
11 | children
12 |
13 |
14 | //
15 |
11 | ![]()
12 | {switch caption {
13 | | None => React.null
14 | | Some(caption) =>
15 |
18 | }
19 |
--------------------------------------------------------------------------------
/pages/docs/manual/v8.0.0/libraries.mdx:
--------------------------------------------------------------------------------
1 | ---
2 | title: "Libraries"
3 | description: "ReScript libraries"
4 | canonical: "/docs/manual/latest/libraries"
5 | ---
6 |
7 | # Libraries
8 |
9 | ReScript libraries are just like JavaScript libraries: hosted on [NPM](http://npmjs.com).
10 |
11 | If you can't find what you're looking for: sometimes **you don't need a wrapper** to use a JS library:
12 |
13 | - Most JS data types, such as array and objects, [map over cleanly to ReScript and vice-versa](shared-data-types.md).
14 | - You also have access to the familiar [JS API](api/js).
15 | - You can use a JavaScript library without needing to bind to them first. Check the [`external`](external) page.
16 |
--------------------------------------------------------------------------------
/src/common/DocFrontmatter.res:
--------------------------------------------------------------------------------
1 | type t = {
2 | title: string,
3 | metaTitle: Js.null {React.string(caption)}
16 | }}
17 |
24 |
27 | }
28 |
--------------------------------------------------------------------------------
/pages/docs/manual/latest/api/js/typed-array-2_array-buffer.mdx:
--------------------------------------------------------------------------------
1 | # TypedArray2.ArrayBuffer
2 |
3 | {React.string("Main Palette")}
25 | {React.array(fireColorSquares)}
26 |
6 |
19 | }
20 |
--------------------------------------------------------------------------------
/bsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "rescript-lang.org",
3 | "namespace": false,
4 | "reason": {
5 | "react-jsx": 3
6 | },
7 | "bs-dependencies": [
8 | "@rescript/react",
9 | "@ryyppy/rescript-promise"
10 | ],
11 | "ppx-flags": [],
12 | "sources": [
13 | {
14 | "dir": "src",
15 | "subdirs": true
16 | },
17 | {
18 | "dir": "scripts",
19 | "subdirs": true,
20 | "type": "dev"
21 | }
22 | ],
23 | "package-specs": {
24 | "module": "es6",
25 | "in-source": true
26 | },
27 | "warnings": {
28 | "error": "+8"
29 | },
30 | "suffix": ".mjs",
31 | "bsc-flags": [
32 | "-bs-g"
33 | ],
34 | "gentypeconfig": {
35 | "language": "untyped",
36 | "shims": [],
37 | "module": "es6"
38 | }
39 | }
40 |
--------------------------------------------------------------------------------
/misc_docs/syntax/language_if_else.mdx:
--------------------------------------------------------------------------------
1 | ---
2 | id: "if-else"
3 | keywords: ["if", "else"]
4 | name: "if / else"
5 | summary: "This is the `if / else` control flow."
6 | category: "languageconstructs"
7 | ---
8 |
9 | Use `if / else` expressions to express a value through a `true` / `false` condition.
10 |
11 | ### Example
12 |
13 |
7 |
13 | {switch caption {
14 | | None => React.null
15 | | Some(caption) =>
16 |
10 |
11 |
12 | {React.string(caption)}
17 | }}
18 | 
6 |
7 |
8 |
9 | [svg](/static/brand/rescript-brandmark.svg) | [png](/static/brand/rescript-brandmark.png)
10 |
11 |
12 |
13 | ## Brandmark
14 |
15 | 
16 |
17 |
18 |
19 |
20 | 
21 |
22 |
23 |
21 |
24 |
25 | [white.svg](/static/brand/rescript-logo-white.svg) | [white.png](/static/brand/rescript-logo-white.png) | [red.svg](/static/brand/rescript-logo.svg) | [red.png](/static/brand/rescript-logo.png)
26 |
27 |
28 |
29 |
--------------------------------------------------------------------------------
/misc_docs/syntax/decorator_variadic.mdx:
--------------------------------------------------------------------------------
1 | ---
2 | id: "variadic-decorator"
3 | keywords: ["variadic", "decorator"]
4 | name: "@variadic"
5 | summary: "This is the `@variadic` decorator."
6 | category: "decorators"
7 | ---
8 |
9 | The `@variadic` decorator is used to model JavaScript functions that take a variable number of arguments, where all arguments are of the same type.
10 |
11 | ### Example
12 |
13 | children
7 | }*/ 8 | 9 | module H2 = { 10 | // We will currently hide the headline, to keep the structure, 11 | // but having an Elm like documentation 12 | @react.component 13 | let make = (~id, ~children) => <> 14 |
21 |
22 | We will write a dedicated article explaining how we achieve this incredible
23 | build performance.
24 |
25 | A detailed list of changes is available
26 | [here](https://github.com/BuckleScript/bucklescript/blob/master/Changes.md#4017)
27 |
28 | Another quite important but not client facing change is that we renovated the
29 | internal build system, it will be much easier for contribution later on. We
30 | will update the contribution guide once it gets stable.
31 |
--------------------------------------------------------------------------------
/misc_docs/syntax/decorator_return.mdx:
--------------------------------------------------------------------------------
1 | ---
2 | id: "return-decorator"
3 | keywords: ["return", "decorator"]
4 | name: "@return"
5 | summary: "This is the `@return` decorator."
6 | category: "decorators"
7 | ---
8 |
9 | The `@return` decorator is used to control how `null` and `undefined` values are converted to `option` types in ReScript.
10 |
11 | ### Example
12 |
13 | text inside of Info-Box (Markdown)? */
52 | .infobox > p {
53 | @apply text-14 mt-0;
54 | }
55 |
56 | .infobox > .md-p {
57 | @apply mt-0;
58 | }
59 |
60 | .infobox >p >a {
61 | @apply underline text-current;
62 | }
63 | .infobox >p >a:hover {
64 | @apply no-underline text-current text-gray-70;
65 | }
66 |
--------------------------------------------------------------------------------
/pages/docs/manual/latest/api/js/types.mdx:
--------------------------------------------------------------------------------
1 | # Types
2 |
3 | 
36 |