b16f593 · astrolabe · git.iko.soy

desk/doc/usr/sigil.udonnew file+4

compare with main

unifiedsplit

@@ -0,0 +1,4 @@

1+;>

2+# What is a Sigil?

3+

4+TODO: write this doc

ui/package-lock.json+16−11

@@ -8,7 +8,7 @@

8 "name": "urbit-astrolabe",

9 "version": "0.3.0",

10 "dependencies": {

11− "@johnhyde/sigil-js": "file:../../sigil-js",

11+ "@johnhyde/sigil-js": "github:johnhyde/sigil-js",

12 "@tlon/phonemes-js": "^1.0.0",

13 "@tlon/sigil-js": "^1.4.5",

14 "@urbit/api": "^2.1.0",

@@ -44,6 +44,7 @@

44 "../../sigil-js": {

45 "name": "@johnhyde/sigil-js",

46 "version": "1.4.6",

47+ "extraneous": true,

47 "license": "MIT",

48 "license": "MIT",

48 "dependencies": {

49 "dependencies": {

49 "invariant": "^2.2.4",

50 "invariant": "^2.2.4",

@@ -171,8 +172,17 @@

171 }

172 }

172 },

173 },

173 "node_modules/@johnhyde/sigil-js": {

174 "node_modules/@johnhyde/sigil-js": {

174− "resolved": "../../sigil-js",

175+ "version": "1.4.6",

175− "link": true

176+ "resolved": "git+ssh://git@github.com/johnhyde/sigil-js.git#35f71ac00b54dd56d010b6fccfa48c6f75c48ee8",

177+ "license": "MIT",

178+ "dependencies": {

179+ "invariant": "^2.2.4",

180+ "svgson": "^4.0.0",

181+ "transformation-matrix": "2.1.1"

182+ },

183+ "peerDependencies": {

184+ "react": "^16 || ^17"

185+ }

176 },

186 },

177 "node_modules/@microsoft/fetch-event-source": {

187 "node_modules/@microsoft/fetch-event-source": {

178 "version": "2.0.1",

188 "version": "2.0.1",

@@ -3117,17 +3127,12 @@

3117 }

3127 }

3118 },

3128 },

3119 "@johnhyde/sigil-js": {

3129 "@johnhyde/sigil-js": {

3120− "version": "file:../../sigil-js",

3130+ "version": "git+ssh://git@github.com/johnhyde/sigil-js.git#35f71ac00b54dd56d010b6fccfa48c6f75c48ee8",

3131+ "from": "@johnhyde/sigil-js@git+ssh://git@github.com:johnhyde/sigil-js.git",

3121 "requires": {

3132 "requires": {

3122− "@types/invariant": "^2.2.31",

3123− "@types/react": "^17.0.20",

3124− "husky": "^4.2.3",

3125 "invariant": "^2.2.4",

3133 "invariant": "^2.2.4",

3126− "prettier": "^1.19.1",

3127 "svgson": "^4.0.0",

3134 "svgson": "^4.0.0",

3128− "transformation-matrix": "2.1.1",

3135+ "transformation-matrix": "2.1.1"

3129− "tsdx": "^0.14.1",

3130− "typescript": "^3.8.3"

3131 }

3136 }

3132 },

3137 },

3133 "@microsoft/fetch-event-source": {

3138 "@microsoft/fetch-event-source": {

ui/package.json+1−1

@@ -43,7 +43,7 @@

43 "vite": "^2.7.2"

44 },

45 "dependencies": {

46− "@johnhyde/sigil-js": "file:../../sigil-js",

46+ "@johnhyde/sigil-js": "github:johnhyde/sigil-js",

47 "@tlon/phonemes-js": "^1.0.0",

48 "@tlon/sigil-js": "^1.4.5",

49 "@urbit/api": "^2.1.0",

ui/src/components/search/SearchBar.svelte+15−2

@@ -2,6 +2,7 @@

2 import SigilInput from './sigil/SigilInput.svelte';

3 import Symbol from './sigil/Symbol.svelte';

4

5+ import docs from 'stores/docs';

5 import { SearchAnalysis } from 'lib/id';

6 import { SearchAnalysis } from 'lib/id';

6 import { SigilQuery } from 'lib/sigil';

7 import { SigilQuery } from 'lib/sigil';

7

8

@@ -79,6 +80,12 @@

79 debouncedSearch = bouncySearch;

80 debouncedSearch = bouncySearch;

80 search = debouncedSearch;

81 search = debouncedSearch;

81 }

82 }

83+

84+ function showSigilDoc() {

85+ docs.show('sigil');

86+ }

87+

88+ const buttonClasses = 'rounded-full bg-black text-white text-sm transition-opacity opacity-50 hover:opacity-80';

82</script>

89</script>

83

90

84<div class="relative max-w-md w-full">

91<div class="relative max-w-md w-full">

@@ -86,9 +93,15 @@

86 <div class="rounded-2xl bg-white overflow-hidden">

93 <div class="rounded-2xl bg-white overflow-hidden">

87 <SigilInput bind:sigilQuery></SigilInput>

94 <SigilInput bind:sigilQuery></SigilInput>

88 </div>

95 </div>

96+ <button

97+ on:click={showSigilDoc}

98+ class="absolute top-2 left-2 w-6 h-6 {buttonClasses}"

99+ >

100+ ?

101+ </button>

89 <button

102 <button

90 on:click={closeSigilInput}

103 on:click={closeSigilInput}

91− class="absolute top-2 right-2 w-20 h-6 rounded-full bg-black text-white text-sm transition-opacity opacity-50 hover:opacity-80"

104+ class="absolute top-2 right-2 w-20 h-6 {buttonClasses}"

92 >

105 >

93 patp or #

106 patp or #

94 </button>

107 </button>

@@ -102,7 +115,7 @@

102 />

115 />

103 <button

116 <button

104 on:click={openSigilInput}

117 on:click={openSigilInput}

105− class="absolute top-1 right-1 w-8 h-8 transition-opacity opacity-50 hover:opacity-80"

118+ class="absolute top-1 right-1 w-8 h-8 {buttonClasses}"

106 >

119 >

107 <Symbol components={'gci.lvf.lhf.lbhb.atrf4.al3.cbl2lf.cbl2mb'.split('.')} size={32}

120 <Symbol components={'gci.lvf.lhf.lbhb.atrf4.al3.cbl2lf.cbl2mb'.split('.')} size={32}

108 altBgColor="transparent"

121 altBgColor="transparent"

ui/src/styles/tailwind-output.css+9

@@ -550,6 +550,12 @@ Ensure the default browser behavior of the `hidden` attribute.

550.right-3 {

551 right: 0.75rem;

552}

553+.left-1 {

554+ left: 0.25rem;

555+}

556+.left-2 {

557+ left: 0.5rem;

558+}

553.z-20 {

559.z-20 {

554 z-index: 20;

560 z-index: 20;

555}

561}

@@ -852,6 +858,9 @@ Ensure the default browser behavior of the `hidden` attribute.

852.w-\[48px\] {

858.w-\[48px\] {

853 width: 48px;

859 width: 48px;

854}

860}

861+.w-40 {

862+ width: 10rem;

863+}

855.min-w-0 {

864.min-w-0 {

856 min-width: 0px;

865 min-width: 0px;

857}

866}