@arcanewizards/sigil 0.1.1 → 0.1.3
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/LICENSE +21 -0
- package/README.md +97 -0
- package/dist/{chunk-XAK7WC3D.js → chunk-HF7IIHPE.js} +5 -1
- package/dist/{chunk-MXDDIFIO.cjs → chunk-WEKMHSZV.cjs} +5 -1
- package/dist/frontend/appearance.cjs +5 -5
- package/dist/frontend/appearance.js +1 -1
- package/dist/frontend/controls/index.cjs +2 -2
- package/dist/frontend/controls/index.d.cts +3 -1
- package/dist/frontend/controls/index.d.ts +3 -1
- package/dist/frontend/controls/index.js +1 -1
- package/dist/frontend/dialogs.cjs +2 -2
- package/dist/frontend/dialogs.js +1 -1
- package/dist/frontend/styles/sigil.css +11 -0
- package/dist/frontend.cjs +4 -4
- package/dist/frontend.js +1 -1
- package/dist/index.cjs +2 -0
- package/dist/index.d.cts +3 -1
- package/dist/index.d.ts +3 -1
- package/dist/index.js +2 -0
- package/package.json +3 -2
package/LICENSE
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
MIT License
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2026 Arcane Wizards Ltd
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
+
in the Software without restriction, including without limitation the rights
|
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
+
furnished to do so, subject to the following conditions:
|
|
11
|
+
|
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
|
13
|
+
copies or substantial portions of the Software.
|
|
14
|
+
|
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
+
SOFTWARE.
|
package/README.md
ADDED
|
@@ -0,0 +1,97 @@
|
|
|
1
|
+
# `@arcanewizards/sigil`
|
|
2
|
+
|
|
3
|
+
[](https://www.npmjs.com/package/@arcanewizards/sigil)
|
|
4
|
+
|
|
5
|
+
Application framework for Arcane-based A/V applications.
|
|
6
|
+
|
|
7
|
+
`@arcanewizards/sigil` provides the runtime glue for standing up an Arcane application, wiring backend and frontend component namespaces, and reusing shared frontend controls, dialogs, toolbars, styling helpers, and CSS assets.
|
|
8
|
+
|
|
9
|
+
## Installation
|
|
10
|
+
|
|
11
|
+
```sh
|
|
12
|
+
pnpm add @arcanewizards/sigil
|
|
13
|
+
```
|
|
14
|
+
|
|
15
|
+
## Main Entry Points
|
|
16
|
+
|
|
17
|
+
- `@arcanewizards/sigil`
|
|
18
|
+
Backend/runtime exports such as `runSigilApp`, `AppShell`, `AppRoot`, `AppListenerManager`, logging contexts, and shared runtime types.
|
|
19
|
+
- `@arcanewizards/sigil/frontend`
|
|
20
|
+
Frontend bootstrap exports such as `startSigilFrontend`, `createSigilFrontendRenderer`, `Debugger`, browser-context helpers, and shared frontend types.
|
|
21
|
+
- `@arcanewizards/sigil/frontend/controls`
|
|
22
|
+
Shared control primitives.
|
|
23
|
+
- `@arcanewizards/sigil/frontend/dialogs`
|
|
24
|
+
Shared dialog primitives.
|
|
25
|
+
- `@arcanewizards/sigil/frontend/toolbars`
|
|
26
|
+
Shared toolbar primitives.
|
|
27
|
+
- `@arcanewizards/sigil/frontend/tooltip`
|
|
28
|
+
Shared tooltip helpers and boundaries.
|
|
29
|
+
- `@arcanewizards/sigil/frontend/styling`
|
|
30
|
+
Shared styling helpers such as `cssVariables`, `cnd`, `sigilColorUsage`, and root hint-color helpers.
|
|
31
|
+
- `@arcanewizards/sigil/frontend/preferences`
|
|
32
|
+
Frontend preference helpers.
|
|
33
|
+
- `@arcanewizards/sigil/frontend/appearance`
|
|
34
|
+
Appearance-switching UI.
|
|
35
|
+
- `@arcanewizards/sigil/frontend/styles/base.css`
|
|
36
|
+
- `@arcanewizards/sigil/frontend/styles/theme.css`
|
|
37
|
+
- `@arcanewizards/sigil/frontend/styles/sigil.css`
|
|
38
|
+
|
|
39
|
+
## Backend Usage
|
|
40
|
+
|
|
41
|
+
```ts
|
|
42
|
+
import { CoreComponents } from '@arcanejs/react-toolkit';
|
|
43
|
+
import { runSigilApp, SIGIL_COMPONENTS } from '@arcanewizards/sigil';
|
|
44
|
+
import pino from 'pino';
|
|
45
|
+
|
|
46
|
+
type AppApi = {
|
|
47
|
+
ping: () => string;
|
|
48
|
+
};
|
|
49
|
+
|
|
50
|
+
const logger = pino();
|
|
51
|
+
|
|
52
|
+
const app = runSigilApp<AppApi, { greeting: string }>({
|
|
53
|
+
logger,
|
|
54
|
+
title: 'Example App',
|
|
55
|
+
version: '0.1.0',
|
|
56
|
+
appProps: { greeting: 'hello' },
|
|
57
|
+
createApp: ({ setAppApi }) => {
|
|
58
|
+
setAppApi({
|
|
59
|
+
ping: () => 'pong',
|
|
60
|
+
});
|
|
61
|
+
|
|
62
|
+
return null;
|
|
63
|
+
},
|
|
64
|
+
componentNamespaces: [CoreComponents, SIGIL_COMPONENTS],
|
|
65
|
+
});
|
|
66
|
+
|
|
67
|
+
app.addEventListener('apiChange', (api) => {
|
|
68
|
+
console.log(api?.ping());
|
|
69
|
+
});
|
|
70
|
+
```
|
|
71
|
+
|
|
72
|
+
## Frontend Usage
|
|
73
|
+
|
|
74
|
+
```ts
|
|
75
|
+
import { startSigilFrontend } from '@arcanewizards/sigil/frontend';
|
|
76
|
+
|
|
77
|
+
startSigilFrontend({
|
|
78
|
+
appRenderers: [],
|
|
79
|
+
});
|
|
80
|
+
```
|
|
81
|
+
|
|
82
|
+
In a real app you normally pass your own frontend component renderers through `appRenderers`.
|
|
83
|
+
|
|
84
|
+
## CSS Assets
|
|
85
|
+
|
|
86
|
+
For frontend applications, import the exported styles from your app stylesheet:
|
|
87
|
+
|
|
88
|
+
```css
|
|
89
|
+
@import '@arcanewizards/sigil/frontend/styles/sigil.css';
|
|
90
|
+
@import '@arcanewizards/sigil/frontend/styles/theme.css';
|
|
91
|
+
@import '@arcanewizards/sigil/frontend/styles/base.css';
|
|
92
|
+
```
|
|
93
|
+
|
|
94
|
+
## Notes
|
|
95
|
+
|
|
96
|
+
- The package is designed for React-based Arcane applications.
|
|
97
|
+
- The frontend and backend APIs are intentionally split into subpath exports so consumers only import the surface they need.
|
|
@@ -87,7 +87,8 @@ var clsControlButton = ({
|
|
|
87
87
|
active,
|
|
88
88
|
touching,
|
|
89
89
|
position,
|
|
90
|
-
className
|
|
90
|
+
className,
|
|
91
|
+
primary
|
|
91
92
|
}) => cn(
|
|
92
93
|
`sigil-control-button`,
|
|
93
94
|
cnd(variant === "border", `sigil-control-button-variant-border`),
|
|
@@ -99,6 +100,7 @@ var clsControlButton = ({
|
|
|
99
100
|
cnd(touching, `sigil-control-button-touching`),
|
|
100
101
|
cnd(active, `sigil-control-button-active`),
|
|
101
102
|
cnd(touching && active, `sigil-control-button-active-touching`),
|
|
103
|
+
cnd(primary, `sigil-control-button-primary`),
|
|
102
104
|
clsControlPosition(position),
|
|
103
105
|
className
|
|
104
106
|
);
|
|
@@ -115,6 +117,7 @@ var ControlButtonFrame = forwardRef(
|
|
|
115
117
|
title,
|
|
116
118
|
tooltipSide,
|
|
117
119
|
position,
|
|
120
|
+
primary,
|
|
118
121
|
...props
|
|
119
122
|
}, ref) => {
|
|
120
123
|
const btn = /* @__PURE__ */ jsx(
|
|
@@ -129,6 +132,7 @@ var ControlButtonFrame = forwardRef(
|
|
|
129
132
|
active,
|
|
130
133
|
touching,
|
|
131
134
|
position,
|
|
135
|
+
primary,
|
|
132
136
|
className
|
|
133
137
|
}),
|
|
134
138
|
children: /* @__PURE__ */ jsxs("span", { children: [
|
|
@@ -87,7 +87,8 @@ var clsControlButton = ({
|
|
|
87
87
|
active,
|
|
88
88
|
touching,
|
|
89
89
|
position,
|
|
90
|
-
className
|
|
90
|
+
className,
|
|
91
|
+
primary
|
|
91
92
|
}) => _util.cn.call(void 0,
|
|
92
93
|
`sigil-control-button`,
|
|
93
94
|
_chunk5DRI7C4Ucjs.cnd.call(void 0, variant === "border", `sigil-control-button-variant-border`),
|
|
@@ -99,6 +100,7 @@ var clsControlButton = ({
|
|
|
99
100
|
_chunk5DRI7C4Ucjs.cnd.call(void 0, touching, `sigil-control-button-touching`),
|
|
100
101
|
_chunk5DRI7C4Ucjs.cnd.call(void 0, active, `sigil-control-button-active`),
|
|
101
102
|
_chunk5DRI7C4Ucjs.cnd.call(void 0, touching && active, `sigil-control-button-active-touching`),
|
|
103
|
+
_chunk5DRI7C4Ucjs.cnd.call(void 0, primary, `sigil-control-button-primary`),
|
|
102
104
|
clsControlPosition(position),
|
|
103
105
|
className
|
|
104
106
|
);
|
|
@@ -115,6 +117,7 @@ var ControlButtonFrame = _react.forwardRef.call(void 0,
|
|
|
115
117
|
title,
|
|
116
118
|
tooltipSide,
|
|
117
119
|
position,
|
|
120
|
+
primary,
|
|
118
121
|
...props
|
|
119
122
|
}, ref) => {
|
|
120
123
|
const btn = /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
@@ -129,6 +132,7 @@ var ControlButtonFrame = _react.forwardRef.call(void 0,
|
|
|
129
132
|
active,
|
|
130
133
|
touching,
|
|
131
134
|
position,
|
|
135
|
+
primary,
|
|
132
136
|
className
|
|
133
137
|
}),
|
|
134
138
|
children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { children: [
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
4
|
+
var _chunkWEKMHSZVcjs = require('../chunk-WEKMHSZV.cjs');
|
|
5
5
|
require('../chunk-PEARNJ5G.cjs');
|
|
6
6
|
require('../chunk-RI33QVOD.cjs');
|
|
7
7
|
require('../chunk-5DRI7C4U.cjs');
|
|
@@ -35,7 +35,7 @@ var AppearanceSwitcher = ({
|
|
|
35
35
|
);
|
|
36
36
|
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "control-grid-pos-all flex flex-wrap items-stretch gap-2", children: [
|
|
37
37
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
38
|
-
|
|
38
|
+
_chunkWEKMHSZVcjs.ControlButton,
|
|
39
39
|
{
|
|
40
40
|
onClick: selectDarkMode,
|
|
41
41
|
active: colorSchemePreference === "dark",
|
|
@@ -48,7 +48,7 @@ var AppearanceSwitcher = ({
|
|
|
48
48
|
}
|
|
49
49
|
),
|
|
50
50
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
51
|
-
|
|
51
|
+
_chunkWEKMHSZVcjs.ControlButton,
|
|
52
52
|
{
|
|
53
53
|
onClick: selectLightMode,
|
|
54
54
|
active: colorSchemePreference === "light",
|
|
@@ -61,7 +61,7 @@ var AppearanceSwitcher = ({
|
|
|
61
61
|
}
|
|
62
62
|
),
|
|
63
63
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
64
|
-
|
|
64
|
+
_chunkWEKMHSZVcjs.ControlButton,
|
|
65
65
|
{
|
|
66
66
|
onClick: selectSystemMode,
|
|
67
67
|
active: colorSchemePreference === "auto",
|
|
@@ -74,7 +74,7 @@ var AppearanceSwitcher = ({
|
|
|
74
74
|
}
|
|
75
75
|
),
|
|
76
76
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
77
|
-
|
|
77
|
+
_chunkWEKMHSZVcjs.ControlColorSelect,
|
|
78
78
|
{
|
|
79
79
|
color,
|
|
80
80
|
onChange: updateHintColor,
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
|
|
21
21
|
|
|
22
22
|
|
|
23
|
-
var
|
|
23
|
+
var _chunkWEKMHSZVcjs = require('../../chunk-WEKMHSZV.cjs');
|
|
24
24
|
require('../../chunk-PEARNJ5G.cjs');
|
|
25
25
|
require('../../chunk-RI33QVOD.cjs');
|
|
26
26
|
require('../../chunk-5DRI7C4U.cjs');
|
|
@@ -46,4 +46,4 @@ require('../../chunk-5DRI7C4U.cjs');
|
|
|
46
46
|
|
|
47
47
|
|
|
48
48
|
|
|
49
|
-
exports.CheckboxControlButton =
|
|
49
|
+
exports.CheckboxControlButton = _chunkWEKMHSZVcjs.CheckboxControlButton; exports.ControlButton = _chunkWEKMHSZVcjs.ControlButton; exports.ControlButtonGroup = _chunkWEKMHSZVcjs.ControlButtonGroup; exports.ControlColorSelect = _chunkWEKMHSZVcjs.ControlColorSelect; exports.ControlDetails = _chunkWEKMHSZVcjs.ControlDetails; exports.ControlDialog = _chunkWEKMHSZVcjs.ControlDialog; exports.ControlDialogButtons = _chunkWEKMHSZVcjs.ControlDialogButtons; exports.ControlInput = _chunkWEKMHSZVcjs.ControlInput; exports.ControlLabel = _chunkWEKMHSZVcjs.ControlLabel; exports.ControlParagraph = _chunkWEKMHSZVcjs.ControlParagraph; exports.ControlPercent = _chunkWEKMHSZVcjs.ControlPercent; exports.ControlSelect = _chunkWEKMHSZVcjs.ControlSelect; exports.InputSpanningTitle = _chunkWEKMHSZVcjs.InputSpanningTitle; exports.InputWithDelayedPropagation = _chunkWEKMHSZVcjs.InputWithDelayedPropagation; exports.LongPressableControlButton = _chunkWEKMHSZVcjs.LongPressableControlButton; exports.clsControlButton = _chunkWEKMHSZVcjs.clsControlButton; exports.clsControlPosition = _chunkWEKMHSZVcjs.clsControlPosition; exports.clsControlSubgridPosition = _chunkWEKMHSZVcjs.clsControlSubgridPosition; exports.controlButtonColorVariable = _chunkWEKMHSZVcjs.controlButtonColorVariable; exports.controlButtonColorVariables = _chunkWEKMHSZVcjs.controlButtonColorVariables; exports.controlPositionClass = _chunkWEKMHSZVcjs.controlPositionClass;
|
|
@@ -33,6 +33,7 @@ type ControlButtonProps = Omit<ComponentPropsWithoutRef<'button'>, 'children' |
|
|
|
33
33
|
title?: ReactNode;
|
|
34
34
|
tooltipSide?: TooltipProps['side'];
|
|
35
35
|
position?: ControlPosition;
|
|
36
|
+
primary?: boolean;
|
|
36
37
|
} & ({
|
|
37
38
|
children: ReactNode;
|
|
38
39
|
icon?: string;
|
|
@@ -49,8 +50,9 @@ type ControlButtonFrameProps = Omit<ComponentPropsWithoutRef<'button'>, 'childre
|
|
|
49
50
|
title?: ReactNode;
|
|
50
51
|
tooltipSide?: TooltipProps['side'];
|
|
51
52
|
position?: ControlPosition;
|
|
53
|
+
primary?: boolean;
|
|
52
54
|
};
|
|
53
|
-
declare const clsControlButton: ({ variant, active, touching, position, className, }: Pick<ControlButtonFrameProps, "variant" | "active" | "touching" | "position" | "className">) => string;
|
|
55
|
+
declare const clsControlButton: ({ variant, active, touching, position, className, primary, }: Pick<ControlButtonFrameProps, "variant" | "active" | "touching" | "position" | "className" | "primary">) => string;
|
|
54
56
|
declare const ControlButton: react.ForwardRefExoticComponent<ControlButtonProps & react.RefAttributes<HTMLButtonElement>>;
|
|
55
57
|
type CheckboxControlButtonProps = Omit<ControlButtonProps, 'children' | 'icon'> & {
|
|
56
58
|
label?: string;
|
|
@@ -33,6 +33,7 @@ type ControlButtonProps = Omit<ComponentPropsWithoutRef<'button'>, 'children' |
|
|
|
33
33
|
title?: ReactNode;
|
|
34
34
|
tooltipSide?: TooltipProps['side'];
|
|
35
35
|
position?: ControlPosition;
|
|
36
|
+
primary?: boolean;
|
|
36
37
|
} & ({
|
|
37
38
|
children: ReactNode;
|
|
38
39
|
icon?: string;
|
|
@@ -49,8 +50,9 @@ type ControlButtonFrameProps = Omit<ComponentPropsWithoutRef<'button'>, 'childre
|
|
|
49
50
|
title?: ReactNode;
|
|
50
51
|
tooltipSide?: TooltipProps['side'];
|
|
51
52
|
position?: ControlPosition;
|
|
53
|
+
primary?: boolean;
|
|
52
54
|
};
|
|
53
|
-
declare const clsControlButton: ({ variant, active, touching, position, className, }: Pick<ControlButtonFrameProps, "variant" | "active" | "touching" | "position" | "className">) => string;
|
|
55
|
+
declare const clsControlButton: ({ variant, active, touching, position, className, primary, }: Pick<ControlButtonFrameProps, "variant" | "active" | "touching" | "position" | "className" | "primary">) => string;
|
|
54
56
|
declare const ControlButton: react.ForwardRefExoticComponent<ControlButtonProps & react.RefAttributes<HTMLButtonElement>>;
|
|
55
57
|
type CheckboxControlButtonProps = Omit<ControlButtonProps, 'children' | 'icon'> & {
|
|
56
58
|
label?: string;
|
|
@@ -20,7 +20,7 @@ import {
|
|
|
20
20
|
controlButtonColorVariable,
|
|
21
21
|
controlButtonColorVariables,
|
|
22
22
|
controlPositionClass
|
|
23
|
-
} from "../../chunk-
|
|
23
|
+
} from "../../chunk-HF7IIHPE.js";
|
|
24
24
|
import "../../chunk-BIY5HAXP.js";
|
|
25
25
|
import "../../chunk-4PMRDURG.js";
|
|
26
26
|
import "../../chunk-H4U4Z4GM.js";
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
|
|
5
5
|
|
|
6
6
|
|
|
7
|
-
var
|
|
7
|
+
var _chunkWEKMHSZVcjs = require('../chunk-WEKMHSZV.cjs');
|
|
8
8
|
require('../chunk-PEARNJ5G.cjs');
|
|
9
9
|
require('../chunk-RI33QVOD.cjs');
|
|
10
10
|
require('../chunk-5DRI7C4U.cjs');
|
|
@@ -14,4 +14,4 @@ require('../chunk-5DRI7C4U.cjs');
|
|
|
14
14
|
|
|
15
15
|
|
|
16
16
|
|
|
17
|
-
exports.Dialog =
|
|
17
|
+
exports.Dialog = _chunkWEKMHSZVcjs.Dialog; exports.DialogButtons = _chunkWEKMHSZVcjs.DialogButtons; exports.DialogContext = _chunkWEKMHSZVcjs.DialogContext; exports.DialogProvider = _chunkWEKMHSZVcjs.DialogProvider; exports.DialogTitle = _chunkWEKMHSZVcjs.DialogTitle;
|
package/dist/frontend/dialogs.js
CHANGED
|
@@ -489,6 +489,17 @@
|
|
|
489
489
|
--tw-drop-shadow: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.5));
|
|
490
490
|
filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
|
|
491
491
|
}
|
|
492
|
+
.sigil-control-button-primary {
|
|
493
|
+
--sigil-control-button-bg: var(--sigil-usage-hint-background);
|
|
494
|
+
--sigil-control-button-bg-hover: var(--sigil-usage-hint-border);
|
|
495
|
+
--sigil-control-button-bg-active: var(--sigil-usage-hint-border);
|
|
496
|
+
--sigil-control-button-fg: var(--sigil-usage-hint-text);
|
|
497
|
+
--sigil-control-button-fg-hover: var(--sigil-usage-hint-text);
|
|
498
|
+
--sigil-control-button-fg-active: var(--sigil-usage-hint-text);
|
|
499
|
+
--sigil-control-button-border: transparent;
|
|
500
|
+
--sigil-control-button-border-hover: transparent;
|
|
501
|
+
--sigil-control-button-border-active: transparent;
|
|
502
|
+
}
|
|
492
503
|
.outline-none {
|
|
493
504
|
--tw-outline-style: none;
|
|
494
505
|
outline-style: none;
|
package/dist/frontend.cjs
CHANGED
|
@@ -16,7 +16,7 @@ var _chunkCAYKPJIXcjs = require('./chunk-CAYKPJIX.cjs');
|
|
|
16
16
|
var _chunkVZ4A6RRTcjs = require('./chunk-VZ4A6RRT.cjs');
|
|
17
17
|
|
|
18
18
|
|
|
19
|
-
var
|
|
19
|
+
var _chunkWEKMHSZVcjs = require('./chunk-WEKMHSZV.cjs');
|
|
20
20
|
require('./chunk-PEARNJ5G.cjs');
|
|
21
21
|
require('./chunk-RI33QVOD.cjs');
|
|
22
22
|
|
|
@@ -242,7 +242,7 @@ var Debugger = ({ title, className }) => {
|
|
|
242
242
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "grow px-1", children: title }),
|
|
243
243
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5LYYZERcjs.ToolbarDivider, {}),
|
|
244
244
|
openDevTools && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
245
|
-
|
|
245
|
+
_chunkWEKMHSZVcjs.ControlButton,
|
|
246
246
|
{
|
|
247
247
|
onClick: openDevTools,
|
|
248
248
|
variant: "toolbar",
|
|
@@ -251,7 +251,7 @@ var Debugger = ({ title, className }) => {
|
|
|
251
251
|
}
|
|
252
252
|
),
|
|
253
253
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
254
|
-
|
|
254
|
+
_chunkWEKMHSZVcjs.ControlButton,
|
|
255
255
|
{
|
|
256
256
|
onClick: handleRequestScrollToBottom,
|
|
257
257
|
variant: "toolbar",
|
|
@@ -259,7 +259,7 @@ var Debugger = ({ title, className }) => {
|
|
|
259
259
|
children: "Scroll to Bottom"
|
|
260
260
|
}
|
|
261
261
|
),
|
|
262
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
262
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWEKMHSZVcjs.ControlButton, { onClick: exportLogs, variant: "toolbar", icon: "publish", children: "Export Logs" })
|
|
263
263
|
] }) }),
|
|
264
264
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
265
265
|
"pre",
|
package/dist/frontend.js
CHANGED
package/dist/index.cjs
CHANGED
|
@@ -139,6 +139,7 @@ var runSigilApp = ({
|
|
|
139
139
|
logger: upstreamLogger,
|
|
140
140
|
title,
|
|
141
141
|
version,
|
|
142
|
+
edition,
|
|
142
143
|
appProps,
|
|
143
144
|
toolkitOptions,
|
|
144
145
|
createApp,
|
|
@@ -233,6 +234,7 @@ var runSigilApp = ({
|
|
|
233
234
|
createApp({
|
|
234
235
|
title,
|
|
235
236
|
version,
|
|
237
|
+
edition,
|
|
236
238
|
toolkit,
|
|
237
239
|
logger,
|
|
238
240
|
logEventEmitter,
|
package/dist/index.d.cts
CHANGED
|
@@ -39,6 +39,7 @@ type SigilLogEventEmitter = EventEmitter<{
|
|
|
39
39
|
type SigilRuntimeAppProps<TAppApi, TExtraAppProps extends object> = TExtraAppProps & {
|
|
40
40
|
title: string;
|
|
41
41
|
version: string;
|
|
42
|
+
edition: 'desktop' | 'cli';
|
|
42
43
|
toolkit: Toolkit;
|
|
43
44
|
logger: Logger;
|
|
44
45
|
logEventEmitter: SigilLogEventEmitter;
|
|
@@ -58,6 +59,7 @@ type SigilRuntimeOptions<TAppApi, TExtraAppProps extends object> = {
|
|
|
58
59
|
logger: pino.Logger;
|
|
59
60
|
title: string;
|
|
60
61
|
version: string;
|
|
62
|
+
edition: 'desktop' | 'cli';
|
|
61
63
|
appProps: TExtraAppProps;
|
|
62
64
|
toolkitOptions?: Omit<Partial<ToolkitOptions>, 'logger'>;
|
|
63
65
|
createApp: (props: SigilRuntimeAppProps<TAppApi, TExtraAppProps>) => JSX.Element;
|
|
@@ -67,7 +69,7 @@ declare const createSystemInformation: ({ dataDirectory, version, }: {
|
|
|
67
69
|
dataDirectory: string;
|
|
68
70
|
version: string;
|
|
69
71
|
}) => SystemInformation;
|
|
70
|
-
declare const runSigilApp: <TAppApi, TExtraAppProps extends object>({ logger: upstreamLogger, title, version, appProps, toolkitOptions, createApp, componentNamespaces, }: SigilRuntimeOptions<TAppApi, TExtraAppProps>) => SigilAppInstance<TAppApi>;
|
|
72
|
+
declare const runSigilApp: <TAppApi, TExtraAppProps extends object>({ logger: upstreamLogger, title, version, edition, appProps, toolkitOptions, createApp, componentNamespaces, }: SigilRuntimeOptions<TAppApi, TExtraAppProps>) => SigilAppInstance<TAppApi>;
|
|
71
73
|
|
|
72
74
|
type AppShellProps = {
|
|
73
75
|
title: string;
|
package/dist/index.d.ts
CHANGED
|
@@ -39,6 +39,7 @@ type SigilLogEventEmitter = EventEmitter<{
|
|
|
39
39
|
type SigilRuntimeAppProps<TAppApi, TExtraAppProps extends object> = TExtraAppProps & {
|
|
40
40
|
title: string;
|
|
41
41
|
version: string;
|
|
42
|
+
edition: 'desktop' | 'cli';
|
|
42
43
|
toolkit: Toolkit;
|
|
43
44
|
logger: Logger;
|
|
44
45
|
logEventEmitter: SigilLogEventEmitter;
|
|
@@ -58,6 +59,7 @@ type SigilRuntimeOptions<TAppApi, TExtraAppProps extends object> = {
|
|
|
58
59
|
logger: pino.Logger;
|
|
59
60
|
title: string;
|
|
60
61
|
version: string;
|
|
62
|
+
edition: 'desktop' | 'cli';
|
|
61
63
|
appProps: TExtraAppProps;
|
|
62
64
|
toolkitOptions?: Omit<Partial<ToolkitOptions>, 'logger'>;
|
|
63
65
|
createApp: (props: SigilRuntimeAppProps<TAppApi, TExtraAppProps>) => JSX.Element;
|
|
@@ -67,7 +69,7 @@ declare const createSystemInformation: ({ dataDirectory, version, }: {
|
|
|
67
69
|
dataDirectory: string;
|
|
68
70
|
version: string;
|
|
69
71
|
}) => SystemInformation;
|
|
70
|
-
declare const runSigilApp: <TAppApi, TExtraAppProps extends object>({ logger: upstreamLogger, title, version, appProps, toolkitOptions, createApp, componentNamespaces, }: SigilRuntimeOptions<TAppApi, TExtraAppProps>) => SigilAppInstance<TAppApi>;
|
|
72
|
+
declare const runSigilApp: <TAppApi, TExtraAppProps extends object>({ logger: upstreamLogger, title, version, edition, appProps, toolkitOptions, createApp, componentNamespaces, }: SigilRuntimeOptions<TAppApi, TExtraAppProps>) => SigilAppInstance<TAppApi>;
|
|
71
73
|
|
|
72
74
|
type AppShellProps = {
|
|
73
75
|
title: string;
|
package/dist/index.js
CHANGED
|
@@ -139,6 +139,7 @@ var runSigilApp = ({
|
|
|
139
139
|
logger: upstreamLogger,
|
|
140
140
|
title,
|
|
141
141
|
version,
|
|
142
|
+
edition,
|
|
142
143
|
appProps,
|
|
143
144
|
toolkitOptions,
|
|
144
145
|
createApp,
|
|
@@ -233,6 +234,7 @@ var runSigilApp = ({
|
|
|
233
234
|
createApp({
|
|
234
235
|
title,
|
|
235
236
|
version,
|
|
237
|
+
edition,
|
|
236
238
|
toolkit,
|
|
237
239
|
logger,
|
|
238
240
|
logEventEmitter,
|
package/package.json
CHANGED
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@arcanewizards/sigil",
|
|
3
3
|
"description": "Application framework for A/V applications, built on-top of arcanejs",
|
|
4
|
-
"version": "0.1.
|
|
4
|
+
"version": "0.1.3",
|
|
5
5
|
"private": false,
|
|
6
|
+
"license": "MIT",
|
|
6
7
|
"type": "module",
|
|
7
8
|
"repository": {
|
|
8
9
|
"type": "git",
|
|
@@ -101,7 +102,7 @@
|
|
|
101
102
|
"radix-ui": "^1.4.3",
|
|
102
103
|
"react": "^19.2.0",
|
|
103
104
|
"zod": "^3.22.4",
|
|
104
|
-
"@arcanewizards/net-utils": "^0.1.
|
|
105
|
+
"@arcanewizards/net-utils": "^0.1.3"
|
|
105
106
|
},
|
|
106
107
|
"devDependencies": {
|
|
107
108
|
"@tailwindcss/cli": "^4.1.13",
|