@hyvor/design 0.0.5 → 0.0.6
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.
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
<script>import "./prism.scss";
|
|
2
2
|
export let code;
|
|
3
3
|
export let language = "html";
|
|
4
|
-
|
|
4
|
+
const languagesMap = {
|
|
5
|
+
svelte: "tsx"
|
|
6
|
+
};
|
|
7
|
+
const languageCode = languagesMap[language] || language;
|
|
8
|
+
import getCode, {} from "./prism.js";
|
|
5
9
|
</script>
|
|
6
10
|
|
|
7
|
-
<pre class="language-{
|
|
11
|
+
<pre class="language-{languageCode}"><code>{@html getCode(code, languageCode)}</code></pre>
|
|
@@ -1,2 +1,5 @@
|
|
|
1
|
-
import 'prism-
|
|
2
|
-
|
|
1
|
+
import 'prismjs/components/prism-typescript.js';
|
|
2
|
+
import 'prismjs/components/prism-jsx.js';
|
|
3
|
+
import 'prismjs/components/prism-tsx.js';
|
|
4
|
+
export type Language = 'html' | 'css' | 'js' | 'ts' | 'jsx' | 'tsx';
|
|
5
|
+
export default function getCode(code: string, language: Language): string;
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
import Prism from 'prismjs';
|
|
2
|
-
import 'prism-
|
|
2
|
+
import 'prismjs/components/prism-typescript.js';
|
|
3
|
+
import 'prismjs/components/prism-jsx.js';
|
|
4
|
+
import 'prismjs/components/prism-tsx.js';
|
|
3
5
|
export default function getCode(code, language) {
|
|
4
6
|
let ret = code;
|
|
5
7
|
// remove the first empty line
|
|
@@ -4,6 +4,9 @@ code[class*=language-],pre[class*=language-]{color:#000;background:0 0;text-shad
|
|
|
4
4
|
pre[data-line]{position:relative;padding:1em 0 1em 3em}.line-highlight{position:absolute;left:0;right:0;padding:inherit 0;margin-top:1em;background:hsla(24,20%,50%,.08);background:linear-gradient(to right,hsla(24,20%,50%,.1) 70%,hsla(24,20%,50%,0));pointer-events:none;line-height:inherit;white-space:pre}@media print{.line-highlight{-webkit-print-color-adjust:exact;color-adjust:exact}}.line-highlight:before,.line-highlight[data-end]:after{content:attr(data-start);position:absolute;top:.4em;left:.6em;min-width:1em;padding:0 .5em;background-color:hsla(24,20%,50%,.4);color:#f4f1ef;font:bold 65%/1.5 sans-serif;text-align:center;vertical-align:.3em;border-radius:999px;text-shadow:none;box-shadow:0 1px #fff}.line-highlight[data-end]:after{content:attr(data-end);top:auto;bottom:.4em}.line-numbers .line-highlight:after,.line-numbers .line-highlight:before{content:none}pre[id].linkable-line-numbers span.line-numbers-rows{pointer-events:all}pre[id].linkable-line-numbers span.line-numbers-rows>span:before{cursor:pointer}pre[id].linkable-line-numbers span.line-numbers-rows>span:hover:before{background-color:rgba(128,128,128,.2)}
|
|
5
5
|
pre[class*=language-].line-numbers{position:relative;padding-left:3.8em;counter-reset:linenumber}pre[class*=language-].line-numbers>code{position:relative;white-space:inherit}.line-numbers .line-numbers-rows{position:absolute;pointer-events:none;top:0;font-size:100%;left:-3.8em;width:3em;letter-spacing:-1px;border-right:1px solid #999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.line-numbers-rows>span{display:block;counter-increment:linenumber}.line-numbers-rows>span:before{content:counter(linenumber);color:#999;display:block;padding-right:.8em;text-align:right}
|
|
6
6
|
|
|
7
|
+
/* to make jsx look the same as HTML */
|
|
8
|
+
pre[class="language-tsx"] .token.class-name{color:#905}
|
|
9
|
+
|
|
7
10
|
:root.dark {
|
|
8
11
|
code[class*=language-],pre[class*=language-]{color:#d4d4d4;text-shadow:none;font-family:Menlo,Monaco,Consolas,"Andale Mono","Ubuntu Mono","Courier New",monospace;direction:ltr;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{text-shadow:none;background:#264f78}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto;background:#262626}:not(pre)>code[class*=language-]{padding:.1em .3em;border-radius:.3em;color:#db4c69;background:#262626}.namespace{opacity:.7}.token.boolean,.token.doctype .token.doctype-tag,.token.entity,.token.important,.token.keyword,.token.operator.arrow,.token.punctuation.interpolation-punctuation,.token.tag{color:#569cd6}.token.atrule .token.url,.token.attr-name,.token.console,.token.constant,.token.doctype .token.name,.token.exports .token.maybe-class-name,.token.imports .token.maybe-class-name,.token.interpolation,.token.parameter,.token.property,.token.variable,code[class*=language-javascript],code[class*=language-jsx],code[class*=language-tsx],code[class*=language-typescript],pre[class*=language-javascript],pre[class*=language-jsx],pre[class*=language-tsx],pre[class*=language-typescript]{color:#9cdcfe}.token.comment,.token.prolog{color:#6a9955}.language-html .language-css .token.punctuation,.language-html .language-javascript .token.punctuation,.token.atrule .token.url .token.punctuation,.token.attr-value .token.punctuation.attr-equals,.token.entity,.token.operator,.token.punctuation,code[class*=language-html],pre[class*=language-html]{color:#d4d4d4}.token.boolean,.token.constant,.token.inserted,.token.number,.token.property,.token.symbol,.token.tag,.token.unit{color:#b5cea8}.token.atrule,.token.attr-name,.token.attr-value,.token.attr-value .token.punctuation,.token.builtin,.token.char,.token.deleted,.token.selector,.token.string,code[class*=language-css],pre[class*=language-css]{color:#ce9178}.language-css .token.string.url{text-decoration:underline}.token.atrule .token.rule,.token.keyword.control-flow,.token.keyword.module{color:#c586c0}.language-regex .token.anchor,.token.atrule .token.url .token.function,.token.function,.token.function .token.maybe-class-name{color:#dcdcaa}.token.regex{color:#d16969}.token.italic{font-style:italic}.token.class-name,.token.maybe-class-name,.token.namespace{color:#4ec9b0}.token.escape,.token.selector{color:#d7ba7d}.language-html .token.punctuation,.token.cdata,.token.tag .token.punctuation{color:grey}pre[class*=language-]>code[class*=language-]{position:relative;z-index:1}.line-highlight.line-highlight{background:#f7ebc6;box-shadow:inset 5px 0 0 #f7d87c;z-index:0}
|
|
9
12
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hyvor/design",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.6",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"private": false,
|
|
6
6
|
"scripts": {
|
|
@@ -41,7 +41,6 @@
|
|
|
41
41
|
"sass": "^1.68.0",
|
|
42
42
|
"svelte": "^4.0.5",
|
|
43
43
|
"svelte-check": "^3.4.3",
|
|
44
|
-
"svelvg": "^0.12.1",
|
|
45
44
|
"tslib": "^2.4.1",
|
|
46
45
|
"typescript": "^5.0.0",
|
|
47
46
|
"vite": "^4.4.2"
|
|
@@ -51,8 +50,7 @@
|
|
|
51
50
|
"type": "module",
|
|
52
51
|
"dependencies": {
|
|
53
52
|
"@fontsource/readex-pro": "^5.0.8",
|
|
54
|
-
"@hyvor/icons": "^0.0.2"
|
|
55
|
-
"prism-svelte": "^0.5.0"
|
|
53
|
+
"@hyvor/icons": "^0.0.2"
|
|
56
54
|
},
|
|
57
55
|
"publishConfig": {
|
|
58
56
|
"access": "public"
|