@micro-lc/preview 0.7.3 → 0.7.5
Sign up to get free protection for your applications and to get access to all the features.
- package/CHANGELOG.md +12 -0
- package/package.json +1 -1
- package/website/.vite/manifest.json +2 -2
- package/website/assets/{index-bbSGSfTl.js → index-Da1xwVn-.js} +31 -31
- package/website/assets/{index-_9UZNNtx.css → index-KArLGziQ.css} +1 -1
- package/website/development/.vite/manifest.json +2 -2
- package/website/development/assets/{index-C5kjVVQ-.js → index-1ITDJKPY.js} +96 -64
- package/website/development/assets/{index-HuzVlez9.css → index-q8Oea728.css} +6 -2
- package/website/development/index.html +2 -2
- package/website/index.html +2 -2
@@ -6,12 +6,12 @@
|
|
6
6
|
},
|
7
7
|
"index.html": {
|
8
8
|
"css": [
|
9
|
-
"assets/index-
|
9
|
+
"assets/index-q8Oea728.css"
|
10
10
|
],
|
11
11
|
"dynamicImports": [
|
12
12
|
"../../node_modules/@micro-lc/composer/dist/lib/logger/errors.js"
|
13
13
|
],
|
14
|
-
"file": "assets/index-
|
14
|
+
"file": "assets/index-1ITDJKPY.js",
|
15
15
|
"isEntry": true,
|
16
16
|
"src": "index.html"
|
17
17
|
}
|
@@ -12415,11 +12415,19 @@ var _fails = function(exec) {
|
|
12415
12415
|
return true;
|
12416
12416
|
}
|
12417
12417
|
};
|
12418
|
-
var _descriptors
|
12419
|
-
|
12420
|
-
|
12421
|
-
|
12422
|
-
|
12418
|
+
var _descriptors;
|
12419
|
+
var hasRequired_descriptors;
|
12420
|
+
function require_descriptors() {
|
12421
|
+
if (hasRequired_descriptors)
|
12422
|
+
return _descriptors;
|
12423
|
+
hasRequired_descriptors = 1;
|
12424
|
+
_descriptors = !_fails(function() {
|
12425
|
+
return Object.defineProperty({}, "a", { get: function() {
|
12426
|
+
return 7;
|
12427
|
+
} }).a != 7;
|
12428
|
+
});
|
12429
|
+
return _descriptors;
|
12430
|
+
}
|
12423
12431
|
var _domCreate;
|
12424
12432
|
var hasRequired_domCreate;
|
12425
12433
|
function require_domCreate() {
|
@@ -12434,11 +12442,19 @@ function require_domCreate() {
|
|
12434
12442
|
};
|
12435
12443
|
return _domCreate;
|
12436
12444
|
}
|
12437
|
-
var _ie8DomDefine
|
12438
|
-
|
12439
|
-
|
12440
|
-
|
12441
|
-
|
12445
|
+
var _ie8DomDefine;
|
12446
|
+
var hasRequired_ie8DomDefine;
|
12447
|
+
function require_ie8DomDefine() {
|
12448
|
+
if (hasRequired_ie8DomDefine)
|
12449
|
+
return _ie8DomDefine;
|
12450
|
+
hasRequired_ie8DomDefine = 1;
|
12451
|
+
_ie8DomDefine = !require_descriptors() && !_fails(function() {
|
12452
|
+
return Object.defineProperty(require_domCreate()("div"), "a", { get: function() {
|
12453
|
+
return 7;
|
12454
|
+
} }).a != 7;
|
12455
|
+
});
|
12456
|
+
return _ie8DomDefine;
|
12457
|
+
}
|
12442
12458
|
var isObject$2 = _isObject;
|
12443
12459
|
var _toPrimitive = function(it, S2) {
|
12444
12460
|
if (!isObject$2(it))
|
@@ -12452,25 +12468,32 @@ var _toPrimitive = function(it, S2) {
|
|
12452
12468
|
return val;
|
12453
12469
|
throw TypeError("Can't convert object to primitive value");
|
12454
12470
|
};
|
12455
|
-
var
|
12456
|
-
|
12457
|
-
|
12458
|
-
|
12459
|
-
|
12460
|
-
|
12461
|
-
|
12462
|
-
|
12463
|
-
|
12464
|
-
|
12465
|
-
|
12466
|
-
|
12467
|
-
|
12468
|
-
|
12469
|
-
|
12470
|
-
|
12471
|
-
|
12472
|
-
|
12473
|
-
|
12471
|
+
var hasRequired_objectDp;
|
12472
|
+
function require_objectDp() {
|
12473
|
+
if (hasRequired_objectDp)
|
12474
|
+
return _objectDp;
|
12475
|
+
hasRequired_objectDp = 1;
|
12476
|
+
var anObject2 = _anObject;
|
12477
|
+
var IE8_DOM_DEFINE2 = require_ie8DomDefine();
|
12478
|
+
var toPrimitive2 = _toPrimitive;
|
12479
|
+
var dP2 = Object.defineProperty;
|
12480
|
+
_objectDp.f = require_descriptors() ? Object.defineProperty : function defineProperty4(O2, P2, Attributes) {
|
12481
|
+
anObject2(O2);
|
12482
|
+
P2 = toPrimitive2(P2, true);
|
12483
|
+
anObject2(Attributes);
|
12484
|
+
if (IE8_DOM_DEFINE2)
|
12485
|
+
try {
|
12486
|
+
return dP2(O2, P2, Attributes);
|
12487
|
+
} catch (e2) {
|
12488
|
+
}
|
12489
|
+
if ("get" in Attributes || "set" in Attributes)
|
12490
|
+
throw TypeError("Accessors not supported!");
|
12491
|
+
if ("value" in Attributes)
|
12492
|
+
O2[P2] = Attributes.value;
|
12493
|
+
return O2;
|
12494
|
+
};
|
12495
|
+
return _objectDp;
|
12496
|
+
}
|
12474
12497
|
var _propertyDesc = function(bitmap, value) {
|
12475
12498
|
return {
|
12476
12499
|
enumerable: !(bitmap & 1),
|
@@ -12479,9 +12502,9 @@ var _propertyDesc = function(bitmap, value) {
|
|
12479
12502
|
value
|
12480
12503
|
};
|
12481
12504
|
};
|
12482
|
-
var dP$2 =
|
12505
|
+
var dP$2 = require_objectDp();
|
12483
12506
|
var createDesc$2 = _propertyDesc;
|
12484
|
-
var _hide =
|
12507
|
+
var _hide = require_descriptors() ? function(object, key2, value) {
|
12485
12508
|
return dP$2.f(object, key2, createDesc$2(1, value));
|
12486
12509
|
} : function(object, key2, value) {
|
12487
12510
|
object[key2] = value;
|
@@ -12685,7 +12708,7 @@ function require_objectAssign() {
|
|
12685
12708
|
if (hasRequired_objectAssign)
|
12686
12709
|
return _objectAssign;
|
12687
12710
|
hasRequired_objectAssign = 1;
|
12688
|
-
var DESCRIPTORS2 =
|
12711
|
+
var DESCRIPTORS2 = require_descriptors();
|
12689
12712
|
var getKeys2 = _objectKeys;
|
12690
12713
|
var gOPS2 = _objectGops;
|
12691
12714
|
var pIE2 = require_objectPie();
|
@@ -15206,9 +15229,9 @@ ClassList.prototype.has = ClassList.prototype.contains = function(name2) {
|
|
15206
15229
|
};
|
15207
15230
|
const classes = /* @__PURE__ */ getDefaultExportFromCjs(componentClasses);
|
15208
15231
|
var $export$3 = _export;
|
15209
|
-
$export$3($export$3.S + $export$3.F * !
|
15232
|
+
$export$3($export$3.S + $export$3.F * !require_descriptors(), "Object", { defineProperty: require_objectDp().f });
|
15210
15233
|
var $Object$1 = _coreExports.Object;
|
15211
|
-
var defineProperty$4 = function
|
15234
|
+
var defineProperty$4 = function defineProperty(it, key2, desc) {
|
15212
15235
|
return $Object$1.defineProperty(it, key2, desc);
|
15213
15236
|
};
|
15214
15237
|
var defineProperty$3 = { "default": defineProperty$4, __esModule: true };
|
@@ -15276,10 +15299,10 @@ var _stringAt = function(TO_STRING) {
|
|
15276
15299
|
};
|
15277
15300
|
var _redefine = _hide;
|
15278
15301
|
var _iterators = {};
|
15279
|
-
var dP$1 =
|
15302
|
+
var dP$1 = require_objectDp();
|
15280
15303
|
var anObject$2 = _anObject;
|
15281
15304
|
var getKeys$1 = _objectKeys;
|
15282
|
-
var _objectDps =
|
15305
|
+
var _objectDps = require_descriptors() ? Object.defineProperties : function defineProperties(O2, Properties) {
|
15283
15306
|
anObject$2(O2);
|
15284
15307
|
var keys3 = getKeys$1(Properties);
|
15285
15308
|
var length = keys3.length;
|
@@ -15345,7 +15368,7 @@ var $exports = _wks.exports = function(name2) {
|
|
15345
15368
|
};
|
15346
15369
|
$exports.store = store;
|
15347
15370
|
var _wksExports = _wks.exports;
|
15348
|
-
var def =
|
15371
|
+
var def = require_objectDp().f;
|
15349
15372
|
var has$4 = _has;
|
15350
15373
|
var TAG = _wksExports("toStringTag");
|
15351
15374
|
var _setToStringTag = function(it, tag, stat) {
|
@@ -15528,7 +15551,7 @@ var _meta = { exports: {} };
|
|
15528
15551
|
var META$1 = _uid("meta");
|
15529
15552
|
var isObject$1 = _isObject;
|
15530
15553
|
var has$2 = _has;
|
15531
|
-
var setDesc =
|
15554
|
+
var setDesc = require_objectDp().f;
|
15532
15555
|
var id$1 = 0;
|
15533
15556
|
var isExtensible = Object.isExtensible || function() {
|
15534
15557
|
return true;
|
@@ -15581,7 +15604,7 @@ var meta = _meta.exports = {
|
|
15581
15604
|
var _metaExports = _meta.exports;
|
15582
15605
|
var core = _coreExports;
|
15583
15606
|
var wksExt$1 = _wksExt;
|
15584
|
-
var defineProperty$2 =
|
15607
|
+
var defineProperty$2 = require_objectDp().f;
|
15585
15608
|
var _wksDefine = function(name2) {
|
15586
15609
|
var $Symbol2 = core.Symbol || (core.Symbol = {});
|
15587
15610
|
if (name2.charAt(0) != "_" && !(name2 in $Symbol2))
|
@@ -15635,9 +15658,9 @@ var createDesc$1 = _propertyDesc;
|
|
15635
15658
|
var toIObject$1 = _toIobject;
|
15636
15659
|
var toPrimitive$1 = _toPrimitive;
|
15637
15660
|
var has$1 = _has;
|
15638
|
-
var IE8_DOM_DEFINE =
|
15661
|
+
var IE8_DOM_DEFINE = require_ie8DomDefine();
|
15639
15662
|
var gOPD$2 = Object.getOwnPropertyDescriptor;
|
15640
|
-
_objectGopd.f =
|
15663
|
+
_objectGopd.f = require_descriptors() ? gOPD$2 : function getOwnPropertyDescriptor(O2, P2) {
|
15641
15664
|
O2 = toIObject$1(O2);
|
15642
15665
|
P2 = toPrimitive$1(P2, true);
|
15643
15666
|
if (IE8_DOM_DEFINE)
|
@@ -15650,7 +15673,7 @@ _objectGopd.f = _descriptors ? gOPD$2 : function getOwnPropertyDescriptor(O2, P2
|
|
15650
15673
|
};
|
15651
15674
|
var global$1 = _globalExports;
|
15652
15675
|
var has = _has;
|
15653
|
-
var DESCRIPTORS =
|
15676
|
+
var DESCRIPTORS = require_descriptors();
|
15654
15677
|
var $export$2 = _export;
|
15655
15678
|
var redefine = _redefine;
|
15656
15679
|
var META = _metaExports.KEY;
|
@@ -15673,7 +15696,7 @@ var _create$1 = _objectCreate;
|
|
15673
15696
|
var gOPNExt = _objectGopnExt;
|
15674
15697
|
var $GOPD = _objectGopd;
|
15675
15698
|
var $GOPS = _objectGops;
|
15676
|
-
var $DP =
|
15699
|
+
var $DP = require_objectDp();
|
15677
15700
|
var $keys = _objectKeys;
|
15678
15701
|
var gOPD$1 = $GOPD.f;
|
15679
15702
|
var dP = $DP.f;
|
@@ -15716,7 +15739,7 @@ var isSymbol = USE_NATIVE && typeof $Symbol.iterator == "symbol" ? function(it)
|
|
15716
15739
|
} : function(it) {
|
15717
15740
|
return it instanceof $Symbol;
|
15718
15741
|
};
|
15719
|
-
var $defineProperty = function
|
15742
|
+
var $defineProperty = function defineProperty2(it, key2, D2) {
|
15720
15743
|
if (it === ObjectProto)
|
15721
15744
|
$defineProperty(OPSymbols, key2, D2);
|
15722
15745
|
anObject(it);
|
@@ -58973,7 +58996,7 @@ function bail(error2) {
|
|
58973
58996
|
}
|
58974
58997
|
var hasOwn = Object.prototype.hasOwnProperty;
|
58975
58998
|
var toStr = Object.prototype.toString;
|
58976
|
-
var
|
58999
|
+
var defineProperty3 = Object.defineProperty;
|
58977
59000
|
var gOPD = Object.getOwnPropertyDescriptor;
|
58978
59001
|
var isArray2 = function isArray3(arr) {
|
58979
59002
|
if (typeof Array.isArray === "function") {
|
@@ -58996,8 +59019,8 @@ var isPlainObject$1 = function isPlainObject(obj) {
|
|
58996
59019
|
return typeof key2 === "undefined" || hasOwn.call(obj, key2);
|
58997
59020
|
};
|
58998
59021
|
var setProperty = function setProperty2(target2, options) {
|
58999
|
-
if (
|
59000
|
-
|
59022
|
+
if (defineProperty3 && options.name === "__proto__") {
|
59023
|
+
defineProperty3(target2, options.name, {
|
59001
59024
|
enumerable: true,
|
59002
59025
|
configurable: true,
|
59003
59026
|
value: options.newValue,
|
@@ -65480,16 +65503,17 @@ const registerChannels = () => ({
|
|
65480
65503
|
updated: new Subject$1(),
|
65481
65504
|
uppercaseTags: /* @__PURE__ */ new Set()
|
65482
65505
|
});
|
65483
|
-
const nextMode = (mode) => {
|
65484
|
-
let next =
|
65485
|
-
|
65486
|
-
|
65487
|
-
|
65488
|
-
|
65489
|
-
|
65506
|
+
const nextMode = (mode, received) => {
|
65507
|
+
let next = received;
|
65508
|
+
if (received === 0) {
|
65509
|
+
const currentValue = mode.getValue();
|
65510
|
+
if (currentValue === "interact") {
|
65511
|
+
next = "select";
|
65512
|
+
} else if (currentValue === "select") {
|
65513
|
+
next = "interact";
|
65514
|
+
}
|
65490
65515
|
}
|
65491
65516
|
mode.next(next);
|
65492
|
-
return next;
|
65493
65517
|
};
|
65494
65518
|
const swMakeListener = (_2) => (message) => {
|
65495
65519
|
switch (message.type) {
|
@@ -65544,7 +65568,7 @@ const parentMakeListener = (self2, channels) => (_message) => {
|
|
65544
65568
|
channels.componentsExplorerVisible.next(message.content.visible);
|
65545
65569
|
break;
|
65546
65570
|
case "ctrl-space":
|
65547
|
-
nextMode(channels.mode);
|
65571
|
+
nextMode(channels.mode, message.content.mode);
|
65548
65572
|
break;
|
65549
65573
|
case "new-configuration":
|
65550
65574
|
channels.configuration.next({ ...message.content, type: "reset" });
|
@@ -68795,7 +68819,6 @@ const getComponentLabel = (component) => {
|
|
68795
68819
|
return (_a3 = component.info.label) != null ? _a3 : beautifyTag(component.tag);
|
68796
68820
|
};
|
68797
68821
|
const ComponentsExplorer = ({ info$, hide: hide2 }) => {
|
68798
|
-
var _a3;
|
68799
68822
|
const [searchValue, setSearchValue] = reactExports.useState("");
|
68800
68823
|
const [libraryFilter, setLibraryFilter] = reactExports.useState([]);
|
68801
68824
|
const [selectedComponent, setSelectedComponent] = reactExports.useState();
|
@@ -68984,7 +69007,16 @@ const ComponentsExplorer = ({ info$, hide: hide2 }) => {
|
|
68984
69007
|
}
|
68985
69008
|
)
|
68986
69009
|
] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
|
68987
|
-
/* @__PURE__ */ jsxRuntimeExports.jsx(
|
69010
|
+
/* @__PURE__ */ jsxRuntimeExports.jsx(
|
69011
|
+
Typography$1,
|
69012
|
+
{
|
69013
|
+
className: [
|
69014
|
+
"components-explorer-collapsed-description",
|
69015
|
+
descriptionExpandable ? "components-explorer-expandable-description" : ""
|
69016
|
+
].join(" "),
|
69017
|
+
children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: descriptionRef, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Markdown, { className: "components-explorer-markdown", remarkPlugins: [remarkGfm], children: selectedComponent.info.descriptionLong }) })
|
69018
|
+
}
|
69019
|
+
),
|
68988
69020
|
descriptionExpandable && /* @__PURE__ */ jsxRuntimeExports.jsxs(
|
68989
69021
|
Button$1,
|
68990
69022
|
{
|
@@ -69024,12 +69056,12 @@ const ComponentsExplorer = ({ info$, hide: hide2 }) => {
|
|
69024
69056
|
};
|
69025
69057
|
}, [componentContent, componentTitle, menuContent, menuTitle, selectedComponent]);
|
69026
69058
|
reactExports.useEffect(() => {
|
69027
|
-
var
|
69028
|
-
const offsetHeight = (
|
69029
|
-
if (offsetHeight && !descriptionExpandable) {
|
69030
|
-
setDescriptionExpandable(offsetHeight >
|
69059
|
+
var _a3;
|
69060
|
+
const offsetHeight = (_a3 = descriptionRef.current) == null ? void 0 : _a3.offsetHeight;
|
69061
|
+
if (selectedComponent && offsetHeight && !descriptionExpandable) {
|
69062
|
+
setDescriptionExpandable(offsetHeight > 80);
|
69031
69063
|
}
|
69032
|
-
}, [descriptionExpandable,
|
69064
|
+
}, [descriptionExpandable, selectedComponent]);
|
69033
69065
|
return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "components-explorer-container", children: [
|
69034
69066
|
explorerData.title,
|
69035
69067
|
explorerData.content
|
@@ -69895,7 +69927,7 @@ const ctrlSpaceFactory = (channels) => {
|
|
69895
69927
|
return (evt) => {
|
69896
69928
|
if (evt.ctrlKey && evt.key === " ") {
|
69897
69929
|
evt.preventDefault();
|
69898
|
-
nextMode(channels.mode);
|
69930
|
+
nextMode(channels.mode, 0);
|
69899
69931
|
channels.focus.next(void 0);
|
69900
69932
|
}
|
69901
69933
|
};
|
@@ -82,8 +82,12 @@
|
|
82
82
|
}.components-explorer-container .components-explorer-comp-detail-section > span {
|
83
83
|
font-weight: 600;
|
84
84
|
}.components-explorer-container .components-explorer-comp-detail-section .components-explorer-collapsed-description {
|
85
|
-
max-height:
|
86
|
-
overflow:
|
85
|
+
max-height: 80px;
|
86
|
+
overflow: clip;
|
87
|
+
}.components-explorer-container .components-explorer-comp-detail-section .components-explorer-expandable-description {
|
88
|
+
color: transparent;
|
89
|
+
background: linear-gradient(#666, rgb(102 102 102 / 0%));
|
90
|
+
background-clip: text;
|
87
91
|
}.components-explorer-container .components-explorer-comp-detail-section .components-explorer-markdown blockquote {
|
88
92
|
padding: 8px;
|
89
93
|
background-color: #eee;
|
@@ -16,8 +16,8 @@
|
|
16
16
|
}
|
17
17
|
</style>
|
18
18
|
<script src="https://unpkg.com/zone.js"></script>
|
19
|
-
<script type="module" crossorigin src="./assets/index-
|
20
|
-
<link rel="stylesheet" crossorigin href="./assets/index-
|
19
|
+
<script type="module" crossorigin src="./assets/index-1ITDJKPY.js"></script>
|
20
|
+
<link rel="stylesheet" crossorigin href="./assets/index-q8Oea728.css">
|
21
21
|
</head>
|
22
22
|
<body></body>
|
23
23
|
</html>
|
package/website/index.html
CHANGED
@@ -16,8 +16,8 @@
|
|
16
16
|
}
|
17
17
|
</style>
|
18
18
|
<script src="https://unpkg.com/zone.js"></script>
|
19
|
-
<script type="module" crossorigin src="./assets/index-
|
20
|
-
<link rel="stylesheet" crossorigin href="./assets/index-
|
19
|
+
<script type="module" crossorigin src="./assets/index-Da1xwVn-.js"></script>
|
20
|
+
<link rel="stylesheet" crossorigin href="./assets/index-KArLGziQ.css">
|
21
21
|
</head>
|
22
22
|
<body></body>
|
23
23
|
</html>
|