artifactuse 0.2.5 → 0.3.0
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 +8 -0
- package/dist/{index-W575iBkm.js → index-vmcpJRYe.js} +149 -143
- package/dist/index.js +1 -1
- package/dist/react/ArtifactusePanel.d.ts +2 -1
- package/dist/react/index.js +947 -894
- package/dist/styles/components/panel.css +152 -0
- package/dist/svelte/index.js +2046 -1912
- package/dist/vue/index.js +1404 -1319
- package/dist/vue2/index.js +370 -3
- package/package.json +1 -1
|
@@ -1789,4 +1789,156 @@
|
|
|
1789
1789
|
.artifactuse-share-popup__back svg {
|
|
1790
1790
|
width: 14px;
|
|
1791
1791
|
height: 14px;
|
|
1792
|
+
}
|
|
1793
|
+
|
|
1794
|
+
/* ============================================================
|
|
1795
|
+
CONSOLE FOOTER
|
|
1796
|
+
============================================================ */
|
|
1797
|
+
|
|
1798
|
+
.artifactuse-panel__console {
|
|
1799
|
+
border-top: 1px solid rgb(var(--artifactuse-border));
|
|
1800
|
+
background: rgb(var(--artifactuse-surface));
|
|
1801
|
+
flex-shrink: 0;
|
|
1802
|
+
max-height: 40%;
|
|
1803
|
+
display: flex;
|
|
1804
|
+
flex-direction: column;
|
|
1805
|
+
}
|
|
1806
|
+
|
|
1807
|
+
.artifactuse-panel__console-header {
|
|
1808
|
+
display: flex;
|
|
1809
|
+
align-items: center;
|
|
1810
|
+
gap: 8px;
|
|
1811
|
+
padding: 6px 12px;
|
|
1812
|
+
cursor: pointer;
|
|
1813
|
+
user-select: none;
|
|
1814
|
+
font-size: 12px;
|
|
1815
|
+
font-weight: 500;
|
|
1816
|
+
color: rgb(var(--artifactuse-text-secondary));
|
|
1817
|
+
}
|
|
1818
|
+
|
|
1819
|
+
.artifactuse-panel__console-header:hover {
|
|
1820
|
+
background: rgba(var(--artifactuse-text), 0.04);
|
|
1821
|
+
}
|
|
1822
|
+
|
|
1823
|
+
.artifactuse-panel__console-chevron {
|
|
1824
|
+
width: 14px;
|
|
1825
|
+
height: 14px;
|
|
1826
|
+
transition: transform 0.15s ease;
|
|
1827
|
+
flex-shrink: 0;
|
|
1828
|
+
}
|
|
1829
|
+
|
|
1830
|
+
.artifactuse-panel__console--expanded .artifactuse-panel__console-chevron {
|
|
1831
|
+
transform: rotate(180deg);
|
|
1832
|
+
}
|
|
1833
|
+
|
|
1834
|
+
.artifactuse-panel__console-filters {
|
|
1835
|
+
display: flex;
|
|
1836
|
+
align-items: center;
|
|
1837
|
+
gap: 4px;
|
|
1838
|
+
}
|
|
1839
|
+
|
|
1840
|
+
.artifactuse-panel__console-filter {
|
|
1841
|
+
display: inline-flex;
|
|
1842
|
+
align-items: center;
|
|
1843
|
+
gap: 3px;
|
|
1844
|
+
padding: 1px 6px;
|
|
1845
|
+
border: none;
|
|
1846
|
+
border-radius: 9px;
|
|
1847
|
+
font-size: 11px;
|
|
1848
|
+
font-weight: 600;
|
|
1849
|
+
line-height: 1;
|
|
1850
|
+
min-height: 18px;
|
|
1851
|
+
cursor: pointer;
|
|
1852
|
+
transition: opacity 0.15s ease;
|
|
1853
|
+
}
|
|
1854
|
+
|
|
1855
|
+
.artifactuse-panel__console-filter--inactive {
|
|
1856
|
+
opacity: 0.3;
|
|
1857
|
+
}
|
|
1858
|
+
|
|
1859
|
+
.artifactuse-panel__console-filter--error {
|
|
1860
|
+
background: rgba(239, 68, 68, 0.15);
|
|
1861
|
+
color: rgb(239, 68, 68);
|
|
1862
|
+
}
|
|
1863
|
+
|
|
1864
|
+
.artifactuse-panel__console-filter--warn {
|
|
1865
|
+
background: rgba(245, 158, 11, 0.15);
|
|
1866
|
+
color: rgb(245, 158, 11);
|
|
1867
|
+
}
|
|
1868
|
+
|
|
1869
|
+
.artifactuse-panel__console-filter--info {
|
|
1870
|
+
background: rgba(59, 130, 246, 0.15);
|
|
1871
|
+
color: rgb(59, 130, 246);
|
|
1872
|
+
}
|
|
1873
|
+
|
|
1874
|
+
.artifactuse-panel__console-filter--log {
|
|
1875
|
+
background: rgba(var(--artifactuse-text), 0.08);
|
|
1876
|
+
color: rgb(var(--artifactuse-text-secondary));
|
|
1877
|
+
}
|
|
1878
|
+
|
|
1879
|
+
.artifactuse-panel__console-clear {
|
|
1880
|
+
margin-left: auto;
|
|
1881
|
+
padding: 2px 6px;
|
|
1882
|
+
border: none;
|
|
1883
|
+
background: none;
|
|
1884
|
+
color: rgb(var(--artifactuse-text-muted));
|
|
1885
|
+
cursor: pointer;
|
|
1886
|
+
font-size: 11px;
|
|
1887
|
+
border-radius: 3px;
|
|
1888
|
+
}
|
|
1889
|
+
|
|
1890
|
+
.artifactuse-panel__console-clear:hover {
|
|
1891
|
+
background: rgba(var(--artifactuse-text), 0.08);
|
|
1892
|
+
color: rgb(var(--artifactuse-text-secondary));
|
|
1893
|
+
}
|
|
1894
|
+
|
|
1895
|
+
.artifactuse-panel__console-entries {
|
|
1896
|
+
overflow-y: auto;
|
|
1897
|
+
max-height: 200px;
|
|
1898
|
+
font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace;
|
|
1899
|
+
font-size: 12px;
|
|
1900
|
+
line-height: 1.5;
|
|
1901
|
+
}
|
|
1902
|
+
|
|
1903
|
+
.artifactuse-panel__console-entry {
|
|
1904
|
+
padding: 3px 12px;
|
|
1905
|
+
border-bottom: 1px solid rgba(var(--artifactuse-border), 0.5);
|
|
1906
|
+
display: flex;
|
|
1907
|
+
gap: 8px;
|
|
1908
|
+
}
|
|
1909
|
+
|
|
1910
|
+
.artifactuse-panel__console-entry--error {
|
|
1911
|
+
background: rgba(239, 68, 68, 0.06);
|
|
1912
|
+
color: rgb(239, 68, 68);
|
|
1913
|
+
}
|
|
1914
|
+
|
|
1915
|
+
.artifactuse-panel__console-entry--warn {
|
|
1916
|
+
background: rgba(245, 158, 11, 0.06);
|
|
1917
|
+
color: rgb(245, 158, 11);
|
|
1918
|
+
}
|
|
1919
|
+
|
|
1920
|
+
.artifactuse-panel__console-entry--log,
|
|
1921
|
+
.artifactuse-panel__console-entry--info {
|
|
1922
|
+
color: rgb(var(--artifactuse-text));
|
|
1923
|
+
}
|
|
1924
|
+
|
|
1925
|
+
.artifactuse-panel__console-type {
|
|
1926
|
+
flex-shrink: 0;
|
|
1927
|
+
width: 36px;
|
|
1928
|
+
color: rgb(var(--artifactuse-text-muted));
|
|
1929
|
+
text-align: right;
|
|
1930
|
+
}
|
|
1931
|
+
|
|
1932
|
+
.artifactuse-panel__console-content {
|
|
1933
|
+
flex: 1;
|
|
1934
|
+
white-space: pre-wrap;
|
|
1935
|
+
word-break: break-word;
|
|
1936
|
+
min-width: 0;
|
|
1937
|
+
}
|
|
1938
|
+
|
|
1939
|
+
.artifactuse-panel__console-timestamp {
|
|
1940
|
+
flex-shrink: 0;
|
|
1941
|
+
color: rgb(var(--artifactuse-text-muted));
|
|
1942
|
+
font-size: 10px;
|
|
1943
|
+
opacity: 0.7;
|
|
1792
1944
|
}
|