@arkcit/engine-react 0.3.0 → 0.3.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +51 -51
- package/dist/index.js +7 -6
- package/dist/materialization.js +7 -6
- package/package.json +10 -9
package/README.md
CHANGED
|
@@ -1,51 +1,51 @@
|
|
|
1
|
-
# @arkcit/engine-react
|
|
2
|
-
|
|
3
|
-
Concrete React renderer package for the Arkcit platform.
|
|
4
|
-
|
|
5
|
-
## Position In The Flow
|
|
6
|
-
|
|
7
|
-
```text
|
|
8
|
-
@arkcit/engine-schema
|
|
9
|
-
@arkcit/engine-runtime
|
|
10
|
-
@arkcit/engine-core
|
|
11
|
-
@arkcit/engine-render-layer
|
|
12
|
-
↓
|
|
13
|
-
@arkcit/engine-react
|
|
14
|
-
↓
|
|
15
|
-
@arkcit/engine
|
|
16
|
-
↓
|
|
17
|
-
@arkcit/react-ui
|
|
18
|
-
@arkcit/studio preview adapters
|
|
19
|
-
@arkcit/docs-shell
|
|
20
|
-
```
|
|
21
|
-
|
|
22
|
-
## What Goes In
|
|
23
|
-
|
|
24
|
-
- neutral resolved-node contracts
|
|
25
|
-
- shared engine primitives
|
|
26
|
-
- React-specific rendering needs
|
|
27
|
-
|
|
28
|
-
## What Comes Out
|
|
29
|
-
|
|
30
|
-
- React rendering helpers
|
|
31
|
-
- React engine root pieces
|
|
32
|
-
- React-specific composition/materialization utilities
|
|
33
|
-
|
|
34
|
-
## Responsibilities
|
|
35
|
-
|
|
36
|
-
- own React-only rendering behavior
|
|
37
|
-
- keep React-specific utilities out of neutral engine layers
|
|
38
|
-
- expose reusable React renderer seams to `@arkcit/engine`
|
|
39
|
-
|
|
40
|
-
## Do Not Put Here
|
|
41
|
-
|
|
42
|
-
- canonical schema rules
|
|
43
|
-
- runtime contract ownership
|
|
44
|
-
- Angular or React Native behavior
|
|
45
|
-
|
|
46
|
-
## Main Consumers
|
|
47
|
-
|
|
48
|
-
- `@arkcit/engine`
|
|
49
|
-
- `@arkcit/react-ui`
|
|
50
|
-
- `@arkcit/studio`
|
|
51
|
-
- `@arkcit/docs-shell`
|
|
1
|
+
# @arkcit/engine-react
|
|
2
|
+
|
|
3
|
+
Concrete React renderer package for the Arkcit platform.
|
|
4
|
+
|
|
5
|
+
## Position In The Flow
|
|
6
|
+
|
|
7
|
+
```text
|
|
8
|
+
@arkcit/engine-schema
|
|
9
|
+
@arkcit/engine-runtime
|
|
10
|
+
@arkcit/engine-core
|
|
11
|
+
@arkcit/engine-render-layer
|
|
12
|
+
↓
|
|
13
|
+
@arkcit/engine-react
|
|
14
|
+
↓
|
|
15
|
+
@arkcit/engine
|
|
16
|
+
↓
|
|
17
|
+
@arkcit/react-ui
|
|
18
|
+
@arkcit/studio preview adapters
|
|
19
|
+
@arkcit/docs-shell
|
|
20
|
+
```
|
|
21
|
+
|
|
22
|
+
## What Goes In
|
|
23
|
+
|
|
24
|
+
- neutral resolved-node contracts
|
|
25
|
+
- shared engine primitives
|
|
26
|
+
- React-specific rendering needs
|
|
27
|
+
|
|
28
|
+
## What Comes Out
|
|
29
|
+
|
|
30
|
+
- React rendering helpers
|
|
31
|
+
- React engine root pieces
|
|
32
|
+
- React-specific composition/materialization utilities
|
|
33
|
+
|
|
34
|
+
## Responsibilities
|
|
35
|
+
|
|
36
|
+
- own React-only rendering behavior
|
|
37
|
+
- keep React-specific utilities out of neutral engine layers
|
|
38
|
+
- expose reusable React renderer seams to `@arkcit/engine`
|
|
39
|
+
|
|
40
|
+
## Do Not Put Here
|
|
41
|
+
|
|
42
|
+
- canonical schema rules
|
|
43
|
+
- runtime contract ownership
|
|
44
|
+
- Angular or React Native behavior
|
|
45
|
+
|
|
46
|
+
## Main Consumers
|
|
47
|
+
|
|
48
|
+
- `@arkcit/engine`
|
|
49
|
+
- `@arkcit/react-ui`
|
|
50
|
+
- `@arkcit/studio`
|
|
51
|
+
- `@arkcit/docs-shell`
|
package/dist/index.js
CHANGED
|
@@ -970,6 +970,7 @@ var useUIEngineEffects = ({
|
|
|
970
970
|
// src/materialization/contentStudio.tsx
|
|
971
971
|
import React8 from "react";
|
|
972
972
|
import { Fragment as Fragment3, jsx as jsx10 } from "react/jsx-runtime";
|
|
973
|
+
var COVER_MEDIA_FRAME_CLASSNAME = "h-56 w-full overflow-hidden rounded-xl bg-surface ring-1 ring-border/60";
|
|
973
974
|
var buildCoverMedia = ({
|
|
974
975
|
mediaSource,
|
|
975
976
|
mediaSrc,
|
|
@@ -977,25 +978,25 @@ var buildCoverMedia = ({
|
|
|
977
978
|
}) => {
|
|
978
979
|
if (mediaSource === "none") return void 0;
|
|
979
980
|
if (mediaSource === "image" && mediaSrc) {
|
|
980
|
-
return /* @__PURE__ */ jsx10(
|
|
981
|
+
return /* @__PURE__ */ jsx10("div", { className: COVER_MEDIA_FRAME_CLASSNAME, children: /* @__PURE__ */ jsx10(
|
|
981
982
|
"img",
|
|
982
983
|
{
|
|
983
984
|
src: mediaSrc,
|
|
984
985
|
alt: mediaAlt || "Cover media",
|
|
985
|
-
className: "h-
|
|
986
|
+
className: "h-full w-full object-cover"
|
|
986
987
|
}
|
|
987
|
-
);
|
|
988
|
+
) });
|
|
988
989
|
}
|
|
989
990
|
if (mediaSource === "video" && mediaSrc) {
|
|
990
|
-
return /* @__PURE__ */ jsx10(
|
|
991
|
+
return /* @__PURE__ */ jsx10("div", { className: COVER_MEDIA_FRAME_CLASSNAME, children: /* @__PURE__ */ jsx10(
|
|
991
992
|
"video",
|
|
992
993
|
{
|
|
993
994
|
src: mediaSrc,
|
|
994
|
-
className: "h-
|
|
995
|
+
className: "h-full w-full object-cover",
|
|
995
996
|
controls: true,
|
|
996
997
|
preload: "metadata"
|
|
997
998
|
}
|
|
998
|
-
);
|
|
999
|
+
) });
|
|
999
1000
|
}
|
|
1000
1001
|
return void 0;
|
|
1001
1002
|
};
|
package/dist/materialization.js
CHANGED
|
@@ -21,6 +21,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
21
21
|
// src/materialization/contentStudio.tsx
|
|
22
22
|
import React from "react";
|
|
23
23
|
import { Fragment, jsx } from "react/jsx-runtime";
|
|
24
|
+
var COVER_MEDIA_FRAME_CLASSNAME = "h-56 w-full overflow-hidden rounded-xl bg-surface ring-1 ring-border/60";
|
|
24
25
|
var buildCoverMedia = ({
|
|
25
26
|
mediaSource,
|
|
26
27
|
mediaSrc,
|
|
@@ -28,25 +29,25 @@ var buildCoverMedia = ({
|
|
|
28
29
|
}) => {
|
|
29
30
|
if (mediaSource === "none") return void 0;
|
|
30
31
|
if (mediaSource === "image" && mediaSrc) {
|
|
31
|
-
return /* @__PURE__ */ jsx(
|
|
32
|
+
return /* @__PURE__ */ jsx("div", { className: COVER_MEDIA_FRAME_CLASSNAME, children: /* @__PURE__ */ jsx(
|
|
32
33
|
"img",
|
|
33
34
|
{
|
|
34
35
|
src: mediaSrc,
|
|
35
36
|
alt: mediaAlt || "Cover media",
|
|
36
|
-
className: "h-
|
|
37
|
+
className: "h-full w-full object-cover"
|
|
37
38
|
}
|
|
38
|
-
);
|
|
39
|
+
) });
|
|
39
40
|
}
|
|
40
41
|
if (mediaSource === "video" && mediaSrc) {
|
|
41
|
-
return /* @__PURE__ */ jsx(
|
|
42
|
+
return /* @__PURE__ */ jsx("div", { className: COVER_MEDIA_FRAME_CLASSNAME, children: /* @__PURE__ */ jsx(
|
|
42
43
|
"video",
|
|
43
44
|
{
|
|
44
45
|
src: mediaSrc,
|
|
45
|
-
className: "h-
|
|
46
|
+
className: "h-full w-full object-cover",
|
|
46
47
|
controls: true,
|
|
47
48
|
preload: "metadata"
|
|
48
49
|
}
|
|
49
|
-
);
|
|
50
|
+
) });
|
|
50
51
|
}
|
|
51
52
|
return void 0;
|
|
52
53
|
};
|
package/package.json
CHANGED
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@arkcit/engine-react",
|
|
3
3
|
"private": false,
|
|
4
|
-
"version": "0.3.
|
|
4
|
+
"version": "0.3.2",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"sideEffects": false,
|
|
7
7
|
"description": "React-specific renderer package for the Arkcit engine platform.",
|
|
8
8
|
"license": "UNLICENSED",
|
|
9
9
|
"repository": {
|
|
10
10
|
"type": "git",
|
|
11
|
-
"url": "https://github.com/Arkcit/engine-react.git"
|
|
11
|
+
"url": "git+https://github.com/Arkcit-UI/engine-react.git"
|
|
12
12
|
},
|
|
13
|
-
"homepage": "https://github.com/Arkcit/engine-react",
|
|
13
|
+
"homepage": "https://github.com/Arkcit-UI/engine-react",
|
|
14
14
|
"bugs": {
|
|
15
|
-
"url": "https://github.com/Arkcit/engine-react/issues"
|
|
15
|
+
"url": "https://github.com/Arkcit-UI/engine-react/issues"
|
|
16
16
|
},
|
|
17
17
|
"main": "./dist/index.js",
|
|
18
18
|
"module": "./dist/index.js",
|
|
@@ -21,7 +21,8 @@
|
|
|
21
21
|
"dist"
|
|
22
22
|
],
|
|
23
23
|
"publishConfig": {
|
|
24
|
-
"access": "public"
|
|
24
|
+
"access": "public",
|
|
25
|
+
"registry": "https://registry.npmjs.org"
|
|
25
26
|
},
|
|
26
27
|
"exports": {
|
|
27
28
|
".": {
|
|
@@ -69,10 +70,10 @@
|
|
|
69
70
|
"test": "npm run test:smoke && npm run test:unit"
|
|
70
71
|
},
|
|
71
72
|
"dependencies": {
|
|
72
|
-
"@arkcit/engine-core": "^0.3.
|
|
73
|
-
"@arkcit/engine-render-layer": "^0.3.
|
|
74
|
-
"@arkcit/engine-runtime": "^0.3.
|
|
75
|
-
"@arkcit/engine-schema": "^0.3.
|
|
73
|
+
"@arkcit/engine-core": "^0.3.1",
|
|
74
|
+
"@arkcit/engine-render-layer": "^0.3.1",
|
|
75
|
+
"@arkcit/engine-runtime": "^0.3.1",
|
|
76
|
+
"@arkcit/engine-schema": "^0.3.1"
|
|
76
77
|
},
|
|
77
78
|
"peerDependencies": {
|
|
78
79
|
"react": "^19.1.0",
|