solid-ui
User Interface widgets and utilities for Solid
파일 탐색기
최종 버전 다운로드 (.zip)- ci.yml
- main.js
- preview.js
- rdflib.ts
- solid-auth-client.ts
- styleMock.js
- all.ttl
- convert-dependency.sed
- dependencies.dot
- imports.ttl
- imports.txt
- InternalDependencies.svg
- Makefile
- Old-InternalDependencies.svg
- requires.ttl
- requires.txt
- source-file-list.txt
- ttl2dot.sed
- AutocompleteStates.epgz
- AutocompleteStates.svg
- PersonalPublicDataLinks.drawio
- PersonalPublicDataLinks.svg
- solid-ui-block-diagram.epgz
- solid-ui-block-diagram.svg
- profile-demo_profile_rawData.ttl
- structures2_organisations_form.ttl
- structures2_organisations_rawData.ttl
- structures3_SolidApps_rawData.ttl
- structures3_uiChoice_form.ttl
- demo.html
- edit-form-form.html
- edit-form.html
- profile-demo.html
- structures.html
- structures2.html
- structures3.html
- test-form.js
- UserRoles.html
- demo-style.css
- solid-purple.css
- FormsTalk.html
- solid-logic.min.js
- test.html
- form-ecosystem.html
- forms-intro.html
- FormsReadme.md
- index.html
- index.html
- index.html
- index.html
- index.html
- index.html
- index.html
- test-matrix.js
- test.ttl
- index.html
- index.html
- build-component-dts.mjs
- component-manifest.mjs
- sync-component-exports.mjs
- watch-component-dts.mjs
- watch-component-exports.mjs
- access-controller.ts
- access-groups.ts
- acl-control.ts
- acl.ts
- add-agent-buttons.ts
- index.ts
- types.ts
- bookmarks.js
- chatLogic.js
- class-version-dropped-infinte.wasjs
- dateFolder.js
- infinite.js
- keys.ts
- message.js
- messageTools.js
- signature.ts
- thread.js
- create.ts
- index.ts
- types.ts
- index.ts
- empty-profile.ts
- index.ts
- 0CREDITS.txt
- bluesky-1.svg
- digg-icon.svg
- facebook-2020-2-1.svg
- github-icon.svg
- instagram-2016-5.svg
- linkedin-icon.svg
- mastodon-2.svg
- matrix-logo-black.svg
- medium-logo-wordmark-black.svg
- nostr-icon-purple-on-white.svg
- ORCID-1.svg
- pinterest-2-1.svg
- reddit-4.svg
- snapchat-0.svg
- snapchat-1.svg
- strava-2.svg
- tiktok-icon-2.svg
- tumblr-icon.svg
- umai.svg
- x-2.svg
- contactIcons.ts
- headerIcons.ts
- pngIcons.ts
- profileIcons.ts
- clock.png
- close.png
- discord.png
- dribbble.png
- facebook.png
- folder.png
- graycamera.png
- graypaste.png
- instagram.png
- linkedin.png
- pinterest.png
- purplecamera.png
- purplepaste.png
- sharechat.png
- signup.png
- smallclose.png
- snapchat.png
- spotify.png
- telegram.png
- tiktok.png
- whatsapp.png
- x.png
- youtube.png
- auto-play-next-tbl.svg
- class-rectangle.svg
- dokieli-logo.png
- emptyProfileAvatar.png
- GitHub-Mark-120px-plus.png
- markdown.svg
- newperson.svg
- newpersonInCircle.svg
- noun-reply-5506924.svg
- noun_1036577.svg
- noun_10636.svg
- noun_10636_grey.svg
- noun_106627.svg
- noun_106746.svg
- noun_109873.svg
- noun_1131903_51A7F9.svg
- noun_113198.svg
- noun_1180156.svg
- noun_1180158.svg
- noun_1180164.svg
- noun_122196.svg
- noun_123196.svg
- noun_123691.svg
- noun_130259.svg
- noun_1369237.svg
- noun_1369241.svg
- noun_1384132.svg
- noun_1384135.svg
- noun_138712.svg
- noun_142708.svg
- noun_143899.svg
- noun_144.svg
- noun_145978.svg
- noun_14973.svg
- noun_15059.svg
- noun_15177.svg
- noun_15695.svg
- noun_160517.svg
- noun_160581.svg
- noun_1619.svg
- noun_16323.svg
- noun_1689339.svg
- noun_17020.svg
- noun_17020_gray-tick.svg
- noun_17020_sans-tick.svg
- noun_170702.svg
- noun_17181.svg
- noun_189137.svg
- noun_19460_green.svg
- noun_2188_red.svg
- noun_243787.svg
- noun_253504.svg
- noun_25830.svg
- noun_260227.svg
- noun_26877.svg
- noun_272948.svg
- noun_289243.svg
- noun_339237.svg
- noun_344563.svg
- noun_346319.svg
- noun_34653.svg
- noun_34653_green.svg
- noun_346777.svg
- noun_347158.svg
- noun_368567.svg
- noun_383448.svg
- noun_45961.svg
- noun_4685.svg
- noun_479395.svg
- noun_480183.svg
- noun_48218.svg
- noun_492246.svg
- noun_534313.svg
- noun_547570.svg
- noun_562340.svg
- noun_567486.svg
- noun_581629.svg
- noun_598334.svg
- noun_598334_cc.svg
- noun_62007.svg
- noun_638141.svg
- noun_66617.svg
- noun_681601.svg
- noun_688606.svg
- noun_704.svg
- noun_748003.svg
- noun_79217.svg
- noun_793109.svg
- noun_88470.svg
- noun_897914.svg
- noun_925021.svg
- noun_973687.svg
- noun_973694.svg
- noun_973694_expanded.svg
- noun_97839.svg
- noun_98053.svg
- noun_99101.svg
- noun_Cabinet_1434380.svg
- noun_Cabinet_251723.svg
- noun_Camera_1618446_000000.svg
- noun_classification_1479198.svg
- noun_classification_260814.svg
- noun_copy_2018813.svg
- noun_Danger_1259514.svg
- noun_Document_998605.svg
- noun_Download_76560_000000.svg
- noun_forward_390574_000000.svg
- noun_Hash_2457016.svg
- noun_help.svg
- noun_lines_2626315.svg
- noun_list_638112.svg
- noun_locked_2160665_000000.svg
- noun_mention_3203461.svg
- noun_photo album_668930_000000.svg
- noun_photo library_230056_000000.svg
- noun_properties_402126.svg
- noun_properties_98039.svg
- noun_rectangle_1722413.svg
- noun_rhombus_1722412.svg
- noun_Robot_849764.svg
- noun_Search_875351.svg
- noun_Share_29706_000000.svg
- noun_Sliders_341315_000000.svg
- noun_T-Block_1114655_000000.svg
- noun_T-Block_1114657_000000.svg
- noun_Tag_3235488.svg
- noun_Trade_1585569.svg
- noun_unlocked_2160671_000000.svg
- noun_Upload_76574_000000.svg
- padlock-timbl.svg
- property-diamond.svg
- solid_logo.ts
- login.ts
- index.ts
- matrix.ts
- types.ts
- index.ts
- media-capture.ts
- icon_back.png
- icon_collapse.png
- icon_collapse_all.png
- icon_con_max.png
- icon_con_min.png
- icon_expand.png
- icon_forward.png
- icon_link_with_editor.png
- icon_menu.png
- icon_up.png
- foafTiny.gif
- 0.png
- 1.png
- 2.png
- 3.png
- 4.png
- 5.png
- 6.png
- 7.png
- 8.png
- 9.png
- microblog.png
- publication_placeholder.gif
- publicationPaneIcon.gif
- publicationPaneIcon2.gif
- famfamfam.com- Silk Icons.webloc
- readme.txt
- telephone.png
- social.gif
- 22-applications-system.png
- 22-emblem-system.png
- 22-folder-open.png
- 22-folder.png
- 22-help-browser.png
- 22-image-x-generic.png
- 22-list-add-new.png
- 22-list-add.png
- 22-list-remove.png
- 22-mail-message-new.png
- 22-text-html.png
- 22-text-x-generic.png
- 22-user-trash.png
- 22-view-refresh.png
- 22-x-office-calendar.png
- 32-help-browser.png
- README.txt
- Tango Icon Gallery - Tango Desktop Project.webloc
- n3.gif
- n3_small.gif
- n3_small.png
- n3_smaller.png
- n3_smaller1.png
- README.txt
- 0README.txt
- 16dot-blue.gif
- 16dot-green.gif
- 16dot-red.gif
- 16dot-yellow.gif
- 18x18-button.white.gif
- 18x18-white.gif
- 1dot5a.gif
- 1pt5a.gif
- 22-categorize.png
- 22-text-xml4.png
- about.png
- appointment-new.png
- ball16.gif
- beanie-a.gif
- bg_ball.gif
- circ-blue.gif
- circ-green.gif
- circ-red.gif
- circ-x.gif
- circ-yellow.gif
- clock1-a.gif
- collapse-trans.svg
- columns.svg
- compassrose.png
- CV.png
- discovery_small.png
- document.png
- expand-trans.svg
- flickr_small.png
- g1377.png
- go-to-this.png
- images-1.jpg
- images-2.jpg
- images-3.jpg
- images-4.jpg
- images-5.jpg
- images.jpg
- law.jpg
- loading.png
- lock1-a.gif
- m-glass-a.gif
- map.png
- optional_off.PNG
- optional_on.PNG
- pb-logo.png
- pencil_small.png
- photo_back.png
- photo_begin.png
- photo_end.png
- photo_next.png
- photo_small.png
- pin3-a.gif
- pin7-a.gif
- rdf_flyer.24.gif
- refresh.gif
- retract.gif
- rows.svg
- smblk01.gif
- smblu02.gif
- smgr02.gif
- smgry05.gif
- smmag01.gif
- smrd01.gif
- smyel01.gif
- sw-cube.png
- table.png
- table2.png
- tag_small.png
- tag_tiny.png
- tbl-collapse-no-effect.png
- tbl-collapse.png
- tbl-columns.png
- tbl-down.png
- tbl-down.svg
- tbl-expand-l.png
- tbl-expand-trans-no-effect.png
- tbl-expand-trans.png
- tbl-expand.png
- tbl-i-blue-12.png
- tbl-i-blue-12.svg
- tbl-i-gray-12.png
- tbl-i-gray-12.svg
- tbl-invert.png
- tbl-invert.svg
- tbl-minis-red.png
- tbl-minus-red-12.png
- tbl-minus-red-12.svg
- tbl-minus-red.svg
- tbl-more-trans.png
- tbl-plus-black.png
- tbl-plus-black.svg
- tbl-plus-green-12.png
- tbl-plus-green-12.svg
- tbl-plus-green.png
- tbl-plus-green.svg
- tbl-rows.png
- tbl-shrink.png
- tbl-up.png
- tbl-up.svg
- tbl-X-big.png
- tbl-X-big.svg
- tbl-x-small.png
- tbl-x-trans.png
- tbl-x-trans.svg
- trash1-a.gif
- triangle-expand.png
- userinput_add_triple.png
- userinput_show_choices_temp.png
- Wclocksmall.png
- x-office-calendar.png
- config-default.js
- signup.js
- Fields.mdx
- Fields.stories.js
- Forms.mdx
- Forms.stories.js
- Intro.mdx
- Options.mdx
- Options.stories.js
- Buttons.mdx
- Buttons.stories.js
- DateTime.mdx
- DateTime.stories.js
- decorators.js
- Display.mdx
- Display.stories.js
- DomManipulation.mdx
- DomManipulation.stories.js
- DragAndDrop.mdx
- DragAndDrop.stories.js
- Events.mdx
- Events.stories.js
- Header.mdx
- Header.stories.js
- iconForClass.mdx
- iconForClass.stories.js
- Images.mdx
- Images.stories.js
- Interactive.mdx
- Interactive.stories.js
- Log.mdx
- Log.stories.js
- Matrix.mdx
- Matrix.stories.js
- MediaTypes.mdx
- MediaTypes.stories.js
- Notepad.mdx
- Notepad.stories.js
- RdfUtils.mdx
- RdfUtils.stories.js
- Tabs.mdx
- Tabs.stories.js
- Widgets.mdx
- Widgets.stories.js
- accessData.ts
- acl.ts
- otherHelpers.ts
- headerFooterHelpers.ts
- index.js
- label.ts
- Button.test.ts
- Button.ts
- index.ts
- README.md
- downArrow.ts
- index.ts
- LoginButton.test.ts
- LoginButton.ts
- README.md
- index.ts
- README.md
- SignupButton.test.ts
- SignupButton.ts
- Combobox.test.ts
- Combobox.ts
- comboboxTypes.ts
- index.ts
- README.md
- index.ts
- README.md
- Select.test.ts
- Select.ts
- downArrow.ts
- keyboard.ts
- listboxStyles.ts
- listboxTemplate.ts
- optionTypes.ts
- Footer.test.ts
- Footer.ts
- index.ts
- README.md
- header.test.ts
- Header.ts
- index.ts
- README.md
- index.ts
- PhotoCapture.test.ts
- PhotoCapture.ts
- README.md
- iconLinks.ts
- autocompleteBar.ts
- autocompleteField.ts
- autocompletePicker.ts
- instituteDetailsQuery.sparql
- language.ts
- publicData.ts
- basic.ts
- comment.ts
- fieldFunction.ts
- fieldParams.ts
- formStyle.ts
- buttons.ts
- dragAndDrop.js
- error.ts
- forms.js
- index.js
- multiSelect.js
- peoplePicker.js
- widgetHelpers.ts
- debug.ts
- folders.js
- iconBase.ts
- index.ts
- log.ts
- messageArea.js
- newperson.js
- noun_Camera_1618446_000000.js
- ns.js
- pad.ts
- participation.ts
- preferences.js
- style.js
- style_multiSelect.js
- styleConstants.js
- table.js
- tabs.ts
- toDataURI.sh
- index.html
- test-tabs.js
- test.ttl
- README.md
- toContainGraph.ts
- toEqualGraph.ts
- dom-with-head.ts
- jest-matchers.d.ts
- setup.ts
- test-bundle.html
- pad.test.ts.snap
- participation.test.ts.snap
- tabs.test.ts.snap
- aclWithAllAgents.ttl
- defaultAcl.ttl
- defaultAclDuplicate.ttl
- docAcl.ttl
- access-controller.test.ts
- access-groups.test.ts
- acl-control.test.ts
- acl.mocks.ts
- acl.test.ts
- add-agent-buttons.test.ts
- index.test.ts
- styles.test.ts
- bookmarks.test.ts.snap
- bookmarks.test.ts
- dateFolder.test.ts
- infinite.test.ts
- keys.test.ts
- message.test.ts
- messageTools.test.ts
- signature.test.ts
- thread.test.ts
- index.test.ts.snap
- index.test.ts
- index.test.ts.snap
- index.test.ts
- clearStore.ts
- createAgentMapFromTurtle.ts
- createDataBrowserContext.ts
- createGraphFromTurtle.ts
- createGraphFromTurtleFile.ts
- createLiveStore.ts
- debugger.ts
- getFileContent.ts
- instantiateAccessController.ts
- instantiateAccessGroups.ts
- loadTurtleFileIntoGraph.ts
- loadTurtleIntoGraph.ts
- login.test.ts
- accessData.test.ts
- acl.test.ts
- otherHelpers.test.ts
- index.test.ts
- label.test.ts
- error.test.ts.snap
- iconLink.test.ts
- basic.test.ts.snap
- comment.test.ts.snap
- index.test.ts.snap
- autocomplete.test.ts.snap
- corpration-mass.json
- autocomplete.test.ts
- broken-sparql-response-small.txt
- language.test.ts
- {
- basic.test.ts
- comment.test.ts
- fieldFunction.test.ts
- fieldParams.test.ts
- index.test.ts
- multiple.test.ts
- buttons.test.ts
- dragAndDrop.test.ts
- error.test.ts
- index.test.ts
- peoplePicker.test.ts
- widgetHelpers.test.ts
- create.test.ts
- folders.test.ts
- iconBase.test.ts
- index.test.ts
- log.test.ts
- matrix.test.ts
- media-capture.test.ts
- messageArea.test.ts
- noun_Camera_1618446_000000.test.ts
- ns.test.ts
- pad.test.ts
- participation.test.ts
- preferences.test.ts
- README.md
- style.test.ts
- table.test.ts
- tabs.test.ts
- .gitignore
- .nojekyll
- .nvmrc
- .web_base
- babel.config.mjs
- declarations.d.ts
- eslint.config.mjs
- eslint.config.mjs.auth-v2
- jest.config.mjs
- LICENSE.md
- package-lock.json
- package.json
- README.md
- timestamp.sh
- tsconfig.json
- tsconfig.test.json
- webpack.config.mjs
# 설치 가이드
1. 코드 내려받기
git clone https://github.com/SolidOS/solid-ui
깃허브에서 프로젝트 코드 전체를 내 컴퓨터로 내려받습니다.
cd solid-ui
방금 내려받은 프로젝트 폴더 안으로 이동합니다.
2. Node.js
쉬움 추천사전 준비물
npm install solid-ui rdflib solid-logic
package.json에 명시된 라이브러리들을 내려받아 설치합니다.
<script src="https://cdn.jsdelivr.net/npm/rdflib/dist/rdflib.min.js"></script>
이 명령어를 터미널에 그대로 입력해 실행하세요.
npm run build
배포용으로 코드를 최적화해서 빌드 파일을 생성합니다.
npm run storybook
이 명령어를 터미널에 그대로 입력해 실행하세요.
npm run test
이 명령어를 터미널에 그대로 입력해 실행하세요.
명령어 실행 후 터미널에 나타나는 주소(보통 http://localhost:3000 형태)를 브라우저에서 열어보세요.
이 레포의 README에 적힌 실제 명령어를 그대로 가져왔습니다.
3. Make
보통사전 준비물
- Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
- Make Linux/macOS는 보통 기본 설치되어 있습니다. Windows는 별도 설치(예: MSYS2, WSL)가 필요합니다.
cd dependencies
이 프로젝트의 관련 파일이 하위 폴더 안에 있어서, 먼저 그 폴더로 이동합니다.
make
생성된 빌드 설정을 바탕으로 실제 컴파일을 진행해 실행 파일을 만듭니다.
에러 없이 끝나면 성공입니다. 생성된 실행 파일을 직접 실행해보세요.
// repository documentation
Was this content helpful?
(0 ratings)
