├── .github └── ISSUE_TEMPLATE │ ├── accounts--bug-report.md │ ├── bug_report.md │ └── feature_request.md ├── .gitignore ├── .gitmodules ├── .vscode ├── extensions.json └── settings.json ├── CHANGELOG.md ├── CONTRIBUTING.md ├── LICENSE ├── README.md ├── app ├── 3rd-party-api │ ├── README.md │ ├── figma │ │ ├── index.ts │ │ └── token-store.ts │ ├── index.ts │ └── type │ │ ├── index.ts │ │ └── type-player.ts ├── README.md ├── app-blocks │ ├── README.md │ ├── index.ts │ ├── scaffold-code-block.boring.tsx │ ├── scaffold-code-block.extension.tsx │ ├── screen-preview-card-block.boring.tsx │ └── screen-preview-card-block.extension.ts ├── app-scaffold │ ├── index.ts │ └── scaffold.tsx ├── app-workspace │ └── index.ts ├── app │ ├── app.tsx │ ├── global-style-override.tsx │ └── index.tsx ├── boring-scaffold │ └── index.tsx ├── browse │ └── README.md ├── built-in-demos │ ├── README.md │ ├── demo-loader.ts │ ├── demo-types.ts │ ├── index.ts │ └── nwv-demo │ │ ├── _data.json │ │ └── index.ts ├── built-in-pages │ ├── README.md │ ├── current │ │ └── index.tsx │ ├── getting-started-components │ │ ├── import-design-with-url-extension.ts │ │ ├── import-design-with-url │ │ │ ├── figma-loader.ts │ │ │ ├── import-design-with-url.tsx │ │ │ ├── index.ts │ │ │ └── o.ts │ │ ├── index.ts │ │ └── remote-submit-form.tsx │ └── getting-started │ │ ├── getting-started.tsx │ │ └── index.ts ├── built-in-template-pages │ ├── imported-color-page │ │ └── index.ts │ ├── imported-screen-page │ │ ├── imported-screen-page.tsx │ │ └── index.ts │ ├── imported-textstyle-page │ │ └── index.ts │ └── index.ts ├── components │ ├── add-page-button │ │ ├── add-page-button.tsx │ │ └── index.ts │ ├── bar-drag-area │ │ ├── bar-drag-area.tsx │ │ └── index.ts │ ├── index.ts │ ├── saving-indicator │ │ ├── index.ts │ │ └── saving-indicator.tsx │ ├── side-navigation-layer-hierarchy │ │ ├── index.ts │ │ ├── layer-navigation-item.tsx │ │ └── side-navigation-layers-hierarchy.tsx │ ├── side-navigation-page-hierarchy │ │ ├── __test__ │ │ │ └── dummy-data.ts │ │ ├── index.ts │ │ ├── page-list.tsx │ │ ├── page-menu-item-type.ts │ │ ├── page-row-item.tsx │ │ ├── page-type.ts │ │ └── tree-handle │ │ │ ├── index.ts │ │ │ └── transform.ts │ ├── side-navigation │ │ ├── index.tsx │ │ ├── side-navigation-pages-hierarchy-segment.tsx │ │ └── side-navigation.tsx │ └── top-bar │ │ ├── button-style.ts │ │ ├── index.ts │ │ ├── player-type.ts │ │ ├── top-bar-left-breadcrumb.tsx │ │ ├── top-bar-more-button.tsx │ │ ├── top-bar-multiplayer-segment.tsx │ │ ├── top-bar-right-menu.tsx │ │ ├── top-bar-share-button.tsx │ │ └── top-bar.tsx ├── index.ts ├── modals │ ├── import-figma-design-after-authentication │ │ ├── import-figma-design-after-authentication.tsx │ │ └── index.tsx │ └── index.ts ├── package.json ├── pages │ ├── home │ │ └── index.tsx │ └── index.ts ├── procs │ └── README.md ├── router │ ├── index.ts │ └── router.ts └── search-in-page │ └── index.ts ├── branding ├── README.md ├── bridged-2020-type-logo.png ├── github-cover.png └── project-maps.png ├── desktop ├── .editorconfig ├── .erb │ ├── configs │ │ ├── .eslintrc │ │ ├── webpack.config.base.js │ │ ├── webpack.config.eslint.js │ │ ├── webpack.config.main.prod.babel.js │ │ ├── webpack.config.renderer.dev.babel.js │ │ ├── webpack.config.renderer.dev.dll.babel.js │ │ └── webpack.config.renderer.prod.babel.js │ ├── mocks │ │ └── fileMock.js │ └── scripts │ │ ├── .eslintrc │ │ ├── BabelRegister.js │ │ ├── CheckBuildsExist.js │ │ ├── CheckNativeDep.js │ │ ├── CheckNodeEnv.js │ │ ├── CheckPortInUse.js │ │ ├── DeleteSourceMaps.js │ │ ├── ElectronRebuild.js │ │ └── Notarize.js ├── .eslintignore ├── .eslintrc.js ├── .gitattributes ├── .gitignore ├── .vscode │ ├── launch.json │ └── tasks.json ├── CHANGELOG.md ├── README.md ├── assets │ ├── assets.d.ts │ ├── entitlements.mac.plist │ ├── icon.icns │ ├── icon.ico │ ├── icon.png │ ├── icon.svg │ └── icons │ │ ├── 1024x1024.png │ │ ├── 128x128.png │ │ ├── 16x16.png │ │ ├── 256x256.png │ │ ├── 32x32.png │ │ ├── 512x512.png │ │ └── 64x64.png ├── babel.config.js ├── erb.md ├── package.json ├── src │ ├── App.global.css │ ├── App.tsx │ ├── __tests__ │ │ └── App.test.tsx │ ├── index.html │ ├── index.tsx │ ├── main.dev.ts │ ├── main.prod.js.LICENSE.txt │ ├── menu.ts │ ├── package.json │ └── yarn.lock ├── tsconfig.json └── yarn.lock ├── docs-site ├── .gitignore ├── CONTRIBUTING.md ├── DEPENDENCY.md ├── README.md ├── babel.config.js ├── docs │ └── README.md ├── docusaurus.config.js ├── i18n │ └── ko │ │ ├── code.json │ │ ├── docusaurus-plugin-content-blog │ │ └── options.json │ │ ├── docusaurus-plugin-content-docs │ │ ├── current.json │ │ └── current │ │ │ └── README.md │ │ └── docusaurus-theme-classic │ │ ├── footer.json │ │ └── navbar.json ├── manifest.js ├── package.json ├── scripts │ ├── README.md │ ├── docs-site-gen │ │ ├── copy-docs.js │ │ └── copy-translations.js │ ├── postinstall.js │ ├── setup-docs.js │ └── watch-docs.js ├── sidebar.with-react.js ├── sidebars.js ├── src │ ├── components │ │ └── .ignore │ ├── css │ │ └── custom.css │ └── pages │ │ └── .ignore ├── static │ ├── .nojekyll │ ├── img │ │ ├── favicon.png │ │ ├── logo-on-dark.svg │ │ └── logo.svg │ └── robots.txt └── yarn.lock ├── docs ├── @coli │ └── index.mdx ├── @design-sdk │ └── index.mdx ├── @designto-code │ ├── README.md │ ├── assets │ │ ├── autolayout-overflow-in-figma-the-content-is-bigger-than-parent.png │ │ ├── component-nested-simple-example-with-numbers-skipped-instanciation.png │ │ ├── component-nested-simple-example-with-numbers.png │ │ ├── constraint-calculation-center.png │ │ ├── figma-blur-diff.png │ │ ├── figma-how-masking-works-layer-making-and-hierarchy.gif │ │ ├── figma-rotation-example.png │ │ ├── figma-text-autoresize-example.gif │ │ ├── how-fogma-masking-works.png │ │ ├── how-order-works.png │ │ ├── item-overflow-static-intended-overflow-example-design.png │ │ └── worng-sorting-example-when-not-sanitized.png │ ├── component-allowed-property.md │ ├── component-multi-proxied-property.md │ ├── component-nested.md │ ├── component-property-default-value.md │ ├── component-property-interfacing-auto.md │ ├── css-blend-mode.md │ ├── css-box-sizing.md │ ├── css-clip-path.md │ ├── css-color-vs-background-color.md │ ├── css-mask.md │ ├── css-multiple-background.md │ ├── css-position-absolute-vs-fixed.md │ ├── css-text-gradient.md │ ├── css-text-vertical-align.md │ ├── css.md │ ├── figma-autolayout.md │ ├── figma-blur-effects.md │ ├── figma-boolean-operation.md │ ├── figma-box-shadow.md │ ├── figma-constraint-center.md │ ├── figma-constraint-scale.md │ ├── figma-constraint-stretch.md │ ├── figma-gradient.md │ ├── figma-line-height.md │ ├── figma-line.md │ ├── figma-mask-layer.md │ ├── figma-rotation.md │ ├── figma-scale.md │ ├── figma-strokes.md │ ├── figma-text-autoresize.md │ ├── figma-text-shadow.md │ ├── figma-vector.md │ ├── figma-visibility.md │ ├── flags │ │ ├── ----disable.md │ │ ├── --action.md │ │ ├── --artwork.md │ │ ├── --as-avatar.md │ │ ├── --as-br.md │ │ ├── --as-button.md │ │ ├── --as-char.md │ │ ├── --as-checkbox.md │ │ ├── --as-divider.md │ │ ├── --as-h1.md │ │ ├── --as-h2.md │ │ ├── --as-h3.md │ │ ├── --as-h4.md │ │ ├── --as-h5.md │ │ ├── --as-h6.md │ │ ├── --as-input.md │ │ ├── --as-list.md │ │ ├── --as-mdi.md │ │ ├── --as-modal.md │ │ ├── --as-nbsp.md │ │ ├── --as-p.md │ │ ├── --as-resizable.md │ │ ├── --as-size.md │ │ ├── --as-slider.md │ │ ├── --as-span.md │ │ ├── --as-text-group.md │ │ ├── --as-toggle.md │ │ ├── --as-wrap.md │ │ ├── --break-color.md │ │ ├── --break-component.md │ │ ├── --camera-display.md │ │ ├── --class.md │ │ ├── --content-id.md │ │ ├── --cursor.md │ │ ├── --declare.md │ │ ├── --dynamic-container.md │ │ ├── --dynamic-item.md │ │ ├── --empty-content.md │ │ ├── --exact-height.md │ │ ├── --exact-width.md │ │ ├── --export-as.md │ │ ├── --export-gif.md │ │ ├── --export-jpg.md │ │ ├── --export-pdf.md │ │ ├── --export-png.md │ │ ├── --export-svg.md │ │ ├── --export.md │ │ ├── --fix-bottom.md │ │ ├── --fix-height.md │ │ ├── --fix-width.md │ │ ├── --hash.md │ │ ├── --height.md │ │ ├── --href.md │ │ ├── --id.md │ │ ├── --ignore.md │ │ ├── --is-input-caret.md │ │ ├── --is-native-android-ui.md │ │ ├── --is-native-ios-ui.md │ │ ├── --max-height.md │ │ ├── --max-width.md │ │ ├── --media.md │ │ ├── --min-height.md │ │ ├── --min-width.md │ │ ├── --module.md │ │ ├── --motion-on-hover.md │ │ ├── --motion.md │ │ ├── --onclick.md │ │ ├── --overflow.md │ │ ├── --placeholder.md │ │ ├── --position-fixed.md │ │ ├── --position-sticky.md │ │ ├── --proc-ignore.md │ │ ├── --proc-skip.md │ │ ├── --responsive-id.md │ │ ├── --root.md │ │ ├── --scope.md │ │ ├── --scroll.md │ │ ├── --text-template.md │ │ ├── --unwrap.md │ │ ├── --use-flag.md │ │ ├── --video.md │ │ ├── --webview-src.md │ │ ├── --width.md │ │ ├── --x-code-component.md │ │ ├── --x-code-static.md │ │ ├── --x-lottie-view.md │ │ ├── .gitignore │ │ ├── index.md │ │ └── translations │ │ │ ├── ko │ │ │ ├── --artwork.md │ │ │ ├── --as-h1.md │ │ │ ├── --as-h2.md │ │ │ ├── --as-h3.md │ │ │ ├── --as-h4.md │ │ │ ├── --as-h5.md │ │ │ ├── --as-h6.md │ │ │ ├── --as-p.md │ │ │ ├── --as-wrap.md │ │ │ ├── --fix-height.md │ │ │ ├── --root.md │ │ │ └── --unwrap.md │ │ │ └── meta.json │ ├── flutter-box-decoration-multiple-visuals.md │ ├── flutter-figma-constraint-center.md │ ├── flutter-multiple-gradients.md │ ├── flutter-positioned-vs-align.md │ ├── flutter-svg-support.md │ ├── flutter-when-to-use-constrainedbox.md │ ├── icons.md │ ├── index.md │ ├── item-order.md │ ├── item-overflow.md │ ├── item-spacing.md │ ├── known-issues.md │ ├── overflow-layout-scroll.md │ ├── react-jsx-css-line-break.md │ └── text-multi-style.md ├── @dynamic │ └── index.mdx ├── @g11n │ └── index.mdx ├── @inapp-bridge │ └── index.mdx ├── @reflect-ui │ ├── index.mdx │ ├── lint │ │ └── index.mdx │ ├── platforms.mdx │ ├── quick-start.mdx │ └── reflect-ql.mdx ├── _development │ └── _example.mdx ├── assistant │ ├── 01-intro.mdx │ ├── assets │ │ └── assistant-demo-2021.0.1.gif │ ├── code-view.mdx │ ├── components-view.mdx │ ├── design-assistant │ │ ├── icons-loader.mdx │ │ └── index.mdx │ ├── environment-variables.mdx │ ├── linter.mdx │ ├── preferences.mdx │ └── quicklook.mdx ├── cli │ ├── assets │ │ └── supercharged-with-cli.png │ ├── flutter-daemon.md │ ├── index.md │ ├── reference.md │ └── translations │ │ ├── ko │ │ ├── flutter-daemon.md │ │ └── index.md │ │ └── meta.json ├── cloud │ └── index.mdx ├── concepts │ ├── 01-what-is-scene.mdx │ ├── 02-design-linting.mdx │ ├── 03-layouts │ │ ├── 01-laytout-management.mdx │ │ ├── 02-autolayout.mdx │ │ ├── 03-overflow-and-scrolling.mdx │ │ ├── 04-constraints.mdx │ │ ├── 05-best-practice.mdx │ │ └── _category_.json │ ├── 04-components │ │ ├── 03-component-management.mdx │ │ ├── 04-component-base.mdx │ │ ├── 05-component-variant.mdx │ │ └── _category_.json │ ├── 05-widgets │ │ ├── 01-intro.mdx │ │ ├── _category_.json │ │ └── detection.mdx │ ├── 06-motions │ │ ├── 01-intro.mdx │ │ └── _category_.json │ ├── 07-prototyping │ │ ├── 01-intro.mdx │ │ ├── 02-using-figma-prototype.mdx │ │ ├── _category_.json │ │ └── prototype.mdx │ ├── 08-events-and-actions │ │ ├── 01-intro.mdx │ │ └── _category_.json │ ├── 09-props │ │ ├── 01-intro.md │ │ └── _category_.json │ ├── 10-flags │ │ ├── 01-intro.md │ │ ├── 02-things-that-can-be-done-only-by-using-flags.md │ │ ├── 03-flags-for-extending-layout.md │ │ └── _category_.json │ ├── 11-contents-management │ │ ├── _category_.json │ │ ├── design-as-server.mdx │ │ └── design-as-translations.mdx │ ├── 99-understand-bts │ │ ├── _category_.json │ │ └── design-to-code.mdx │ ├── _category_.json │ └── handoff.mdx ├── console │ └── index.mdx ├── conventions │ ├── dynamic-routes.mdx │ ├── index.mdx │ └── routes.mdx ├── dataset │ └── index.mdx ├── design │ ├── 01-intro.md │ ├── 10-text-field.md │ ├── 11-text-form-field.md │ ├── 19-text-field-password.md │ ├── assets │ │ └── password-field-example.png │ ├── breakpoints.md │ ├── theming.md │ └── use-of-autolayout.md ├── editor │ ├── README.md │ ├── features │ │ ├── README.md │ │ ├── property-add-new.md │ │ ├── property-re-order.md │ │ └── right-inspector-panel-show-hide.md │ ├── resources │ │ ├── add-property-button-descriptor.png │ │ ├── hide-design-inspector-feature-indication.png │ │ ├── re-ordering-properties-in-inspection-panel.png │ │ └── show-design-inspector-button-descriptor.png │ └── shortcuts │ │ └── index.md ├── faq │ ├── _category_.json │ └── index.md ├── flags │ ├── assets │ │ ├── --artwork-flag-example-part-name-editing-only.gif │ │ └── --h1-flag-example-part-name-editing-only.gif │ └── index.md ├── getting-started │ ├── 01-intro.mdx │ ├── 02-clean-design-for-clean-code.mdx │ ├── 03-configuration.mdx │ ├── 04-integrations.mdx │ ├── 05-examples.mdx │ ├── assets │ │ ├── how-to-configure-framework-on-assistant-v2021-11.png │ │ ├── how-to-run-lints-on-your-design-with-grida-assistant-figma-plugin-15s.gif │ │ └── how-to-run-lints-on-your-design-with-grida-assistant-figma-plugin-15s.mov │ └── translations │ │ ├── ko │ │ ├── 01-intro.mdx │ │ ├── 02-clean-design-for-clean-code.mdx │ │ ├── 03-configuration.mdx │ │ ├── 04-integrations.mdx │ │ └── 05-examples.mdx │ │ └── meta.json ├── index.md ├── integrations │ ├── github │ │ └── index.md │ ├── index.mdx │ ├── jira │ │ └── index.mdx │ ├── phothoshop │ │ └── index.mdx │ └── slack │ │ └── index.mdx ├── lint │ └── index.md ├── plugins │ └── index.mdx ├── reference │ └── index.md ├── support │ ├── README.md │ ├── cookies-policy.mdx │ ├── index.mdx │ ├── privacy-policy.mdx │ ├── refund-policy │ └── terms-and-conditions.mdx ├── together │ ├── 01-support.md │ ├── 02-contributing.md │ ├── 03-projects.md │ ├── 04-changelog.md │ ├── licensing.mdx │ └── translations │ │ ├── ko │ │ ├── 01-support.md │ │ └── 02-contributing.md │ │ └── meta.json ├── translations │ ├── ko │ │ └── index.md │ └── meta.json ├── vscode │ ├── README.md │ └── getting-started.md ├── with-css │ └── index.md ├── with-emotion-js │ └── index.md ├── with-expo │ └── index.md ├── with-figma │ ├── guides │ │ ├── how-to-get-personal-access-token.md │ │ └── how-to-get-sharable-design-link.md │ └── index.md ├── with-flutter │ └── index.mdx ├── with-framer-motion │ └── index.md ├── with-headless-ui │ └── index.md ├── with-html │ └── index.md ├── with-jetpack-compose │ └── index.md ├── with-lit │ └── index.md ├── with-mui │ └── index.md ├── with-nextjs │ └── index.md ├── with-nuxtjs │ └── index.md ├── with-preact │ └── index.md ├── with-react-native │ └── index.md ├── with-react │ └── index.mdx ├── with-scss │ └── index.md ├── with-sketch │ └── index.mdx ├── with-solid-js │ └── index.md ├── with-storybook │ └── index.md ├── with-styled-components │ └── index.md ├── with-svelte │ └── index.mdx ├── with-swiftui │ └── index.md ├── with-tailwindcss │ └── index.md ├── with-vanilla-web │ └── index.mdx ├── with-vue │ └── index.md ├── with-webcomponents │ └── index.md └── with-xd │ └── index.mdx ├── experiments ├── README.md └── skia-performance │ └── package.json ├── go.mod ├── next.config.base.js ├── package.json ├── packages ├── README.md ├── app-blocks │ ├── bookmark-block │ │ ├── bookmark-block.tsx │ │ └── index.ts │ ├── content-card-block.tsx │ ├── directory-card-block.tsx │ ├── in-block-button │ │ ├── in-block-button.tsx │ │ └── index.ts │ ├── index.ts │ ├── package.json │ ├── scaffold-code-block │ │ ├── index.ts │ │ └── scaffold-code-block.tsx │ ├── screen-preview-card-block │ │ ├── index.ts │ │ ├── provider-any-snapshot-view.tsx │ │ ├── provider-figma-embed.tsx │ │ ├── provider-nothing-embed.tsx │ │ ├── provider-sketch-embed.tsx │ │ ├── provider-unknown-iframe-embed.tsx │ │ └── screen-preview-card-block.tsx │ ├── table-tab-item │ │ ├── index.ts │ │ └── table-tab-item.tsx │ └── yarn.lock ├── app-cms-forms │ ├── components │ │ ├── form-grid-item.tsx │ │ └── index.ts │ ├── index.ts │ ├── nav │ │ ├── index.ts │ │ └── tabs.tsx │ └── package.json ├── app-cms-posts │ ├── .gitignore │ ├── README.md │ ├── _dev │ │ └── mock-data.ts │ ├── api │ │ └── index.ts │ ├── components │ │ ├── app-bar.tsx │ │ ├── index.ts │ │ ├── post-list-item.tsx │ │ ├── posts-table-toolbar.tsx │ │ └── round-primary-button.tsx │ ├── dialogs │ │ ├── delete-post-confirm-alert-dialog │ │ │ └── index.tsx │ │ ├── index.ts │ │ └── publish-post-review-dialog │ │ │ ├── edit-schedule.tsx │ │ │ ├── edit-summary.tsx │ │ │ ├── edit-tags.tsx │ │ │ ├── edit-thumbnail-view.tsx │ │ │ ├── edit-thumbnail.tsx │ │ │ └── index.tsx │ ├── index.ts │ ├── layouts │ │ ├── contents.tsx │ │ ├── cover.tsx │ │ ├── icon.tsx │ │ ├── index.ts │ │ └── title.tsx │ ├── next-env.d.ts │ ├── next.config.js │ ├── package.json │ ├── pages │ │ ├── [id].tsx │ │ ├── _app.tsx │ │ ├── api │ │ │ └── hello.ts │ │ ├── index.tsx │ │ └── new.tsx │ ├── public │ │ ├── favicon.ico │ │ └── vercel.svg │ ├── scaffolds │ │ ├── index.ts │ │ ├── post-edit-page.tsx │ │ └── posts-page.tsx │ ├── styles │ │ └── globals.css │ ├── theme │ │ └── index.tsx │ ├── tsconfig.json │ ├── types │ │ └── index.ts │ ├── urls │ │ ├── index.ts │ │ └── url-on-publication.ts │ └── utils │ │ ├── index.ts │ │ └── summarize.ts ├── app-fp-customer-support │ ├── README.md │ ├── chatwoot │ │ ├── index.ts │ │ ├── sdk.ts │ │ ├── types.ts │ │ └── widget.tsx │ ├── global-help-button │ │ ├── help-button.tsx │ │ └── index.ts │ ├── index.ts │ └── package.json ├── app-scene-view │ ├── README.md │ ├── components │ │ ├── canves │ │ │ ├── background.tsx │ │ │ └── index.ts │ │ ├── context-menus │ │ │ ├── README.md │ │ │ ├── index.ts │ │ │ └── scene-item.context-menu.tsx │ │ ├── elevated-scene-wrapper │ │ │ ├── elevated-scene-wrapper.tsx │ │ │ └── index.ts │ │ ├── icon-button.tsx │ │ ├── index.ts │ │ ├── resizable-iframe-app-runner-frame.tsx │ │ ├── scaffold │ │ │ ├── index.ts │ │ │ ├── scaffold-scene-snapshot-view │ │ │ │ ├── index.ts │ │ │ │ └── scaffold-scene-snapshot-view.tsx │ │ │ ├── scaffold-scene-view │ │ │ │ ├── index.ts │ │ │ │ └── scaffold-scene-view.tsx │ │ │ └── scaffold-sceneapp-runner-view │ │ │ │ ├── index.ts │ │ │ │ └── scaffold-sceneapp-runner-view.tsx │ │ ├── scene-item │ │ │ ├── index.ts │ │ │ └── scene-item.tsx │ │ ├── search │ │ │ ├── index.ts │ │ │ └── search-form-box.tsx │ │ ├── share-modal │ │ │ ├── index.ts │ │ │ └── share-modal.tsx │ │ ├── side-navigation-bar │ │ │ ├── dashboard.constants.ts │ │ │ ├── dashboard.side-footer.tsx │ │ │ ├── dashboard.side-item.tsx │ │ │ ├── dashboard.side-navigation-bar.tsx │ │ │ ├── index.ts │ │ │ └── link-navigation-menu-item.tsx │ │ └── toolbar.tsx │ ├── index.ts │ ├── mockups │ │ ├── index.ts │ │ └── scenes.ts │ └── package.json ├── core-app-state │ ├── _utils │ │ ├── index.ts │ │ └── noop.ts │ ├── application-state │ │ ├── index.ts │ │ └── use-application-state.ts │ ├── boring-state │ │ ├── index.ts │ │ └── use-boring-state.ts │ ├── dispatch │ │ ├── dispatchers │ │ │ ├── add-page.ts │ │ │ └── index.ts │ │ ├── index.ts │ │ └── use-dispatch.ts │ ├── global-input-blur │ │ ├── LICENSE │ │ ├── global-input-blur.ts │ │ └── index.ts │ ├── index.ts │ ├── package.json │ ├── state-provider │ │ ├── index.ts │ │ └── state-provider.tsx │ ├── use-states │ │ ├── index.ts │ │ └── use-current-page.ts │ └── workspace-state │ │ ├── index.ts │ │ ├── state-context.ts │ │ └── use-workspace-state.ts ├── core-events │ ├── README.md │ ├── lib │ │ ├── _i │ │ │ └── index.ts │ │ ├── _o │ │ │ └── index.ts │ │ └── index.ts │ └── package.json ├── core-fs │ ├── README.md │ └── package.json ├── core-model │ ├── README.md │ ├── index.ts │ ├── package.json │ ├── page │ │ ├── index.ts │ │ └── page-model.ts │ └── workspace │ │ ├── index.ts │ │ └── workspace-model.ts ├── core-shortcuts │ ├── README.md │ ├── lib │ │ └── index.ts │ └── package.json ├── core-state │ ├── action │ │ └── index.ts │ ├── application │ │ ├── application-reducer.ts │ │ ├── application-selector.ts │ │ ├── application-state.ts │ │ ├── create-initial-application-state.ts │ │ └── index.ts │ ├── boring │ │ ├── README.md │ │ ├── boring-action.ts │ │ ├── boring-reducer.ts │ │ ├── boring-selector.ts │ │ └── index.ts │ ├── history │ │ ├── create-initial-history-state.ts │ │ ├── history-reducer.ts │ │ ├── history-state.ts │ │ └── index.ts │ ├── index.ts │ ├── package.json │ ├── page │ │ ├── index.ts │ │ ├── page-action.ts │ │ ├── page-reducer.ts │ │ └── page-selector.ts │ ├── workspace │ │ ├── create-initial-workspace-state.ts │ │ ├── index.ts │ │ ├── workspace-reducer.ts │ │ └── workspace-state.ts │ └── yarn.lock ├── core-store │ ├── README.md │ ├── _store │ │ ├── base-store.ts │ │ └── index.ts │ ├── application │ │ ├── _keys.ts │ │ ├── index.ts │ │ ├── selected-objects-store.ts │ │ └── selected-page-store.ts │ ├── block │ │ ├── README.md │ │ └── index.ts │ ├── boring │ │ └── index.ts │ ├── index.ts │ ├── package.json │ ├── page │ │ ├── README.md │ │ ├── index.ts │ │ ├── page-expanded-session-store.ts │ │ └── page-store.ts │ └── workspace │ │ └── README.md ├── icons-locale │ ├── README.md │ ├── lang-icon-en.tsx │ ├── lang-icon-jp.tsx │ ├── lang-icon-kr.tsx │ └── package.json ├── lib │ ├── README.md │ ├── treearray │ │ ├── LICENSE │ │ ├── README.md │ │ ├── __tests__ │ │ │ ├── movement.test.ts │ │ │ └── treearray.test.ts │ │ ├── identifier.ts │ │ ├── index.ts │ │ ├── jest.config.js │ │ ├── movement-diff.ts │ │ ├── nest.ts │ │ ├── package.json │ │ ├── sortable.ts │ │ ├── treearray.ts │ │ ├── tsconfig.json │ │ └── validators │ │ │ ├── index.ts │ │ │ └── reject-parent-moving-inner.ts │ └── tsconfig.build.json └── pending-action │ └── README.md ├── scripts ├── README.md └── internal_dev_mode_setup.py ├── services ├── README.md ├── accounts-services │ └── README.md ├── boring-service │ ├── .eslintrc.js │ ├── .gitignore │ ├── .prettierrc │ ├── README.md │ ├── docs │ │ └── search.md │ ├── nest-cli.json │ ├── package.json │ ├── prisma │ │ └── schema.prisma │ ├── src │ │ ├── _prisma │ │ │ ├── prisma.module.ts │ │ │ └── prisma.service.ts │ │ ├── app.controller.ts │ │ ├── app.module.ts │ │ ├── app.service.ts │ │ ├── boringdoc │ │ │ ├── boringdoc.controller.ts │ │ │ ├── boringdoc.module.ts │ │ │ └── boringdoc.service.ts │ │ └── main.ts │ ├── test │ │ ├── app.e2e-spec.ts │ │ └── jest-e2e.json │ ├── tsconfig.build.json │ └── tsconfig.json ├── nothing-service │ └── README.md ├── page-service │ ├── .eslintrc.js │ ├── .gitignore │ ├── .prettierrc │ ├── README.md │ ├── nest-cli.json │ ├── package.json │ ├── prisma │ │ └── schema.prisma │ ├── src │ │ ├── _prisma │ │ │ ├── prisma.module.ts │ │ │ └── prisma.service.ts │ │ ├── app.controller.ts │ │ ├── app.module.ts │ │ ├── app.service.ts │ │ ├── document │ │ │ └── document.service.ts │ │ ├── main.ts │ │ └── page │ │ │ ├── page.controller.ts │ │ │ ├── page.module.ts │ │ │ └── page.service.ts │ ├── test │ │ ├── app.e2e-spec.ts │ │ └── jest-e2e.json │ ├── tsconfig.build.json │ └── tsconfig.json ├── workspace-api │ ├── index.ts │ └── package.json ├── workspace-service │ ├── .eslintrc.js │ ├── .gitignore │ ├── README.md │ ├── nest-cli.json │ ├── package.json │ ├── prisma │ │ ├── local-dev │ │ │ ├── README.md │ │ │ ├── database.env │ │ │ ├── docker-compose.yml │ │ │ └── start-server.sh │ │ └── schema.prisma │ ├── serverless.yml │ ├── src │ │ ├── _prisma │ │ │ ├── prisma.module.ts │ │ │ └── prisma.service.ts │ │ ├── app.controller.ts │ │ ├── app.module.ts │ │ ├── app.service.ts │ │ ├── lambda.ts │ │ ├── main.ts │ │ └── workspace-manage │ │ │ ├── workspace-manage.controller.ts │ │ │ ├── workspace-manage.module.ts │ │ │ ├── workspace-manage.service.ts │ │ │ └── workspace.entity.ts │ ├── tsconfig.build.json │ ├── tsconfig.json │ └── yarn.lock └── workspace-type │ ├── index.ts │ └── package.json ├── site ├── .eslintrc.json ├── .gitignore ├── README.md ├── app │ ├── favicon.ico │ ├── globals.css │ ├── layout.tsx │ └── page.tsx ├── next-env.d.ts ├── next.config.js ├── package.json ├── postcss.config.js ├── public │ └── .gitkeep ├── tailwind.config.ts ├── tsconfig.json └── yarn.lock ├── tsconfig.base.json ├── ui ├── README.md ├── date-picker │ ├── date-picker-style.ts │ ├── index.ts │ ├── package.json │ └── scaffold.tsx └── tags-input │ ├── index.ts │ ├── package.json │ ├── scaffold.tsx │ └── yarn.lock ├── web ├── .env.defaults ├── .gitignore ├── @types │ └── assets.d.ts ├── README.md ├── __test__ │ └── mockfile.ts ├── babel.config.js ├── next-env.d.ts ├── next.config.js ├── package.json ├── pages │ ├── _app.tsx │ ├── forms │ │ ├── [id] │ │ │ ├── connect.tsx │ │ │ ├── developer.tsx │ │ │ ├── index.tsx │ │ │ ├── results.tsx │ │ │ └── share.tsx │ │ └── index.tsx │ ├── index.tsx │ ├── preview │ │ ├── README.md │ │ └── index.tsx │ └── scenes │ │ ├── [sid] │ │ └── index.tsx │ │ └── index.tsx ├── public │ ├── assets │ │ └── examples │ │ │ └── screens │ │ │ └── id=empty.png │ ├── favicon.ico │ └── robots.txt ├── services │ ├── scenes-store.ts │ └── user-profile.ts ├── tsconfig.json └── util │ └── auth.ts ├── www ├── .env.development ├── .env.example ├── .eslintrc.js ├── .gitignore ├── .prettierrc ├── .readme │ └── images │ │ ├── web-landing-main-example-2021.png │ │ └── web-landing-main-example.png ├── .storybook │ ├── main.js │ └── preview.js ├── AUTHORS ├── CHANGELOG.md ├── CODE_OF_CONDUCT.md ├── CONTRIBUTING.md ├── LICENSE ├── README.md ├── analytics │ ├── README.md │ └── index.ts ├── babel.config.js ├── components │ ├── action-item │ │ ├── index.stories.mdx │ │ └── index.tsx │ ├── animated-blur-gradient-bg │ │ ├── README.md │ │ ├── animated-blur-gradient-bg.stories.mdx │ │ └── index.tsx │ ├── banner │ │ ├── header-banner.tsx │ │ └── index.ts │ ├── blank-area │ │ ├── index.stories.mdx │ │ └── index.tsx │ ├── clientonly.tsx │ ├── code │ │ └── index.tsx │ ├── cookie-accept │ │ ├── index.stories.mdx │ │ └── index.tsx │ ├── docs-mdx │ │ ├── date-formatter.tsx │ │ ├── layout.tsx │ │ ├── meta.tsx │ │ ├── post-body.tsx │ │ ├── post-title.tsx │ │ └── was-this-post-helpful.tsx │ ├── docs-navigation-mobile │ │ └── index.tsx │ ├── docs-navigation-section │ │ └── index.tsx │ ├── docs-search-bar │ │ └── index.tsx │ ├── faq │ │ ├── index.tsx │ │ ├── interface.ts │ │ └── question-item.tsx │ ├── feature-choice │ │ └── index.tsx │ ├── fixme │ │ ├── index.ts │ │ └── link-with-docs-fallback.tsx │ ├── footer │ │ ├── index.stories.mdx │ │ ├── index.tsx │ │ └── sitemap.ts │ ├── globalization │ │ └── feature-card-item │ │ │ ├── index.tsx │ │ │ └── interface.ts │ ├── header │ │ ├── arrow.tsx │ │ ├── header-cta.tsx │ │ ├── headermap.ts │ │ ├── hover-menu │ │ │ └── index.tsx │ │ ├── index.tsx │ │ ├── line-item │ │ │ └── index.tsx │ │ ├── modules │ │ │ └── index.tsx │ │ └── product │ │ │ └── index.tsx │ ├── icon │ │ ├── icons.tsx │ │ └── index.tsx │ ├── landingpage │ │ ├── effect │ │ │ ├── elevated-video-player │ │ │ │ └── index.tsx │ │ │ ├── index.ts │ │ │ └── onair-button │ │ │ │ └── index.tsx │ │ ├── main-cta-button.tsx │ │ ├── motion │ │ │ ├── base.tsx │ │ │ ├── button-detect-demo │ │ │ │ └── index.tsx │ │ │ ├── button │ │ │ │ └── index.tsx │ │ │ ├── live-design-demo │ │ │ │ ├── index.tsx │ │ │ │ └── ios-15-safari-video-issue.md │ │ │ └── radio │ │ │ │ └── index.tsx │ │ ├── tab-featured-menu │ │ │ ├── index.ts │ │ │ ├── tab.tsx │ │ │ └── tabs.tsx │ │ └── text │ │ │ └── index.tsx │ ├── mdx │ │ ├── button.tsx │ │ ├── index.tsx │ │ ├── layout.tsx │ │ └── title.tsx │ ├── mock-vscode │ │ ├── README.md │ │ ├── activity-bar.tsx │ │ ├── code-icon.tsx │ │ ├── container.tsx │ │ ├── index.ts │ │ ├── panel.tsx │ │ ├── src-content.tsx │ │ ├── status-bar.tsx │ │ ├── tabs-header.tsx │ │ ├── vscode-tab.tsx │ │ └── window-handle.tsx │ ├── page-head │ │ ├── README.md │ │ └── index.tsx │ ├── popup │ │ └── index.tsx │ ├── pricing-card │ │ └── index.tsx │ ├── sitemap-list │ │ └── index.tsx │ └── start-now │ │ └── index.tsx ├── grida.config.js ├── grida │ ├── .gitkeep │ ├── section-command.tsx │ ├── section-configuration.tsx │ ├── section-demo-type-content.tsx │ ├── section-demo.tsx │ ├── section-footer-cta.tsx │ └── section-hero.tsx ├── k │ └── links.ts ├── layouts │ ├── docs-navigation │ │ ├── README.md │ │ ├── index.tsx │ │ └── manifest.js │ ├── grid │ │ ├── index.tsx │ │ └── interface.ts │ ├── index.ts │ ├── landingpage │ │ ├── application-preview │ │ │ ├── index.stories.mdx │ │ │ └── index.tsx │ │ ├── code-preview │ │ │ ├── data.ts │ │ │ ├── index.stories.mdx │ │ │ ├── index.tsx │ │ │ ├── mobile.tsx │ │ │ └── snippets.ts │ │ └── design-platforms │ │ │ ├── index.stories.mdx │ │ │ ├── index.tsx │ │ │ └── mobile.tsx │ └── section │ │ └── index.tsx ├── next-env.d.ts ├── next-i18next.config.js ├── next-sitemap.js ├── next.config.js ├── package.json ├── pages-legacy │ └── docs │ │ └── [...path].tsx ├── pages │ ├── 404.tsx │ ├── _app.tsx │ ├── _development │ │ └── gridlayout.tsx │ ├── _document.tsx │ ├── assistant │ │ ├── index.tsx │ │ └── invited │ │ │ └── index.tsx │ ├── careers │ │ └── index.tsx │ ├── ci │ │ └── index.tsx │ ├── cli │ │ └── index.tsx │ ├── contact │ │ ├── index.tsx │ │ └── sales.tsx │ ├── customers │ │ ├── index.tsx │ │ └── stories.tsx │ ├── engines │ │ └── index.tsx │ ├── enterprise │ │ └── api │ │ │ └── index.tsx │ ├── figlint │ │ └── index.tsx │ ├── figma-instant-auth-callback │ │ ├── README.md │ │ └── index.tsx │ ├── first-aid │ │ ├── index.tsx │ │ └── landingpage-kit.tsx │ ├── games │ │ └── index.tsx │ ├── globalization │ │ └── index.tsx │ ├── index.tsx │ ├── labs │ │ └── index.tsx │ ├── newsroom │ │ └── index.tsx │ ├── pricing │ │ └── index.tsx │ ├── products │ │ └── index.tsx │ ├── projects │ │ └── index.tsx │ ├── vscode │ │ └── index.tsx │ ├── whats-new │ │ ├── [name].tsx │ │ └── index.tsx │ └── widgets │ │ └── index.tsx ├── postcss.config.js ├── public │ ├── CNAME │ ├── _ │ │ └── assistant │ │ │ ├── featured-cta-background.png │ │ │ └── hero-background.png │ ├── animations │ │ ├── README.md │ │ ├── detection-demos │ │ │ └── button │ │ │ │ └── comp.json │ │ └── live-demo-app-design-motion │ │ │ ├── comp.json │ │ │ ├── img_0.png │ │ │ ├── img_1.png │ │ │ ├── img_10.png │ │ │ ├── img_11.png │ │ │ ├── img_2.png │ │ │ ├── img_3.png │ │ │ ├── img_4.png │ │ │ ├── img_5.png │ │ │ ├── img_6.png │ │ │ ├── img_7.png │ │ │ ├── img_8.png │ │ │ └── img_9.png │ ├── assets │ │ ├── application-image-view.png │ │ ├── collaborate-background-img.png │ │ ├── design-platforms │ │ │ ├── adobexd.png │ │ │ ├── figma.png │ │ │ └── sketch.png │ │ ├── gradient-bg.png │ │ ├── iPhone12-frame-blank.png │ │ ├── landingpage-hero │ │ │ └── hero-gradient-bg.png │ │ ├── logos │ │ │ └── grey │ │ │ │ ├── duckduckgo.png │ │ │ │ ├── duckduckgo@2x.png │ │ │ │ ├── euler.png │ │ │ │ ├── euler@2x.png │ │ │ │ ├── google.png │ │ │ │ ├── google@2x.png │ │ │ │ ├── mckinsey.png │ │ │ │ ├── mckinsey@2x.png │ │ │ │ ├── netflix.png │ │ │ │ ├── netflix@2x.png │ │ │ │ ├── nyu.png │ │ │ │ ├── nyu@2x.png │ │ │ │ ├── samsung.png │ │ │ │ ├── samsung@2x.png │ │ │ │ ├── tencent.png │ │ │ │ ├── tencent@2x.png │ │ │ │ ├── typeform.png │ │ │ │ ├── typeform@2x.png │ │ │ │ ├── wix.png │ │ │ │ └── wix@2x.png │ │ ├── magic-section-scribble │ │ │ ├── scribble-pointer-xl2sm.png │ │ │ └── scribble-pointer-xs.png │ │ ├── magic-wond-emoji.png │ │ ├── mobile │ │ │ ├── mobile-gradient-blur-sm.png │ │ │ └── mobile-gradient-blur-xs.png │ │ ├── notification.png │ │ ├── platform-icons │ │ │ ├── adobexd │ │ │ │ ├── default.png │ │ │ │ └── grey.png │ │ │ ├── css │ │ │ │ ├── default.png │ │ │ │ └── grey.png │ │ │ ├── dummy │ │ │ │ └── default.png │ │ │ ├── figma │ │ │ │ ├── default.png │ │ │ │ └── grey.png │ │ │ ├── flutter │ │ │ │ ├── default.png │ │ │ │ └── grey.png │ │ │ ├── grida │ │ │ │ ├── default.png │ │ │ │ ├── grey.png │ │ │ │ └── white.png │ │ │ ├── html │ │ │ │ ├── default.png │ │ │ │ └── grey.png │ │ │ ├── mui │ │ │ │ ├── default.png │ │ │ │ └── grey.png │ │ │ ├── react │ │ │ │ ├── default.png │ │ │ │ └── grey.png │ │ │ ├── sketch │ │ │ │ ├── default.png │ │ │ │ └── grey.png │ │ │ ├── svelte │ │ │ │ ├── default.png │ │ │ │ └── grey.png │ │ │ ├── tailwindcss │ │ │ │ ├── default.png │ │ │ │ └── grey.png │ │ │ ├── vscode │ │ │ │ ├── default.png │ │ │ │ └── grey.png │ │ │ ├── vue │ │ │ │ ├── default.png │ │ │ │ └── grey.png │ │ │ └── webcomponents │ │ │ │ ├── default.png │ │ │ │ └── grey.png │ │ ├── sample-app-as-image.png │ │ ├── source.png │ │ ├── video-thumbnail.jpeg │ │ └── world-map.svg │ ├── cli │ │ ├── bottom-code.png │ │ └── top-design.png │ ├── demo-app-wnv │ │ ├── album-cover-1.png │ │ ├── album-cover-2.png │ │ ├── album-cover-3.png │ │ ├── avatar-source.png │ │ └── music-play-button.svg │ ├── enterprise │ │ └── api │ │ │ └── sifi-grid.png │ ├── favicon.png │ ├── fonts │ │ ├── HelveticaNeue-Bold.ttf │ │ ├── HelveticaNeue-Medium.ttf │ │ ├── HelveticaNeue-Regular.ttf │ │ ├── LICENSE │ │ └── codicon.ttf │ ├── hero-dynamic-gradient │ │ ├── gradient.js │ │ ├── index.html │ │ └── readme.md │ ├── locales │ │ ├── en │ │ │ ├── app.json │ │ │ ├── common.json │ │ │ ├── footer.json │ │ │ ├── header.json │ │ │ ├── page-careers.json │ │ │ ├── page-cli.json │ │ │ ├── page-index.json │ │ │ └── page-vscode.json │ │ ├── es │ │ │ ├── common.json │ │ │ ├── footer.json │ │ │ └── header.json │ │ ├── fr │ │ │ ├── app.json │ │ │ ├── common.json │ │ │ ├── footer.json │ │ │ ├── header.json │ │ │ ├── page-careers.json │ │ │ ├── page-cli.json │ │ │ ├── page-index.json │ │ │ └── page-vscode.json │ │ ├── ja │ │ │ ├── app.json │ │ │ ├── common.json │ │ │ ├── footer.json │ │ │ ├── header.json │ │ │ ├── page-careers.json │ │ │ ├── page-cli.json │ │ │ ├── page-index.json │ │ │ └── page-vscode.json │ │ └── ko │ │ │ ├── app.json │ │ │ ├── common.json │ │ │ ├── footer.json │ │ │ ├── header.json │ │ │ ├── page-careers.json │ │ │ ├── page-cli.json │ │ │ ├── page-index.json │ │ │ └── page-vscode.json │ ├── models │ │ └── rocket_engine_no_textures │ │ │ ├── LICENSE │ │ │ ├── compressed.glb │ │ │ └── engine.glb │ ├── module-icons │ │ ├── css │ │ │ ├── black.svg │ │ │ └── default.svg │ │ ├── emotion-js │ │ │ ├── black.svg │ │ │ └── default.svg │ │ ├── expo │ │ │ ├── black.svg │ │ │ └── default.svg │ │ ├── flutter │ │ │ ├── black.svg │ │ │ └── default.svg │ │ ├── framer-motion │ │ │ ├── black.svg │ │ │ └── default.svg │ │ ├── headless-ui │ │ │ ├── black.svg │ │ │ └── default.svg │ │ ├── html │ │ │ ├── black.svg │ │ │ └── default.svg │ │ ├── jetpack-compose │ │ │ ├── black.svg │ │ │ └── default.svg │ │ ├── lit │ │ │ ├── black.svg │ │ │ └── default.svg │ │ ├── mui │ │ │ ├── black.svg │ │ │ └── default.svg │ │ ├── nextjs │ │ │ ├── black.svg │ │ │ └── default.svg │ │ ├── nuxtjs │ │ │ ├── black.svg │ │ │ └── default.svg │ │ ├── preact │ │ │ ├── black.svg │ │ │ └── default.svg │ │ ├── react │ │ │ ├── black.svg │ │ │ └── default.svg │ │ ├── sass │ │ │ ├── black.svg │ │ │ └── default.svg │ │ ├── solid-js │ │ │ ├── black.svg │ │ │ └── default.svg │ │ ├── storybook │ │ │ ├── black.svg │ │ │ └── default.svg │ │ ├── styled-components │ │ │ ├── black.svg │ │ │ └── default.svg │ │ ├── svelte │ │ │ ├── black.svg │ │ │ └── default.svg │ │ ├── swiftui │ │ │ ├── black.svg │ │ │ └── default.svg │ │ ├── tailwindcss │ │ │ ├── black.svg │ │ │ └── default.svg │ │ ├── vue │ │ │ ├── black.svg │ │ │ └── default.svg │ │ └── webcomponents │ │ │ ├── black.svg │ │ │ └── default.svg │ ├── robots.txt │ └── vscode │ │ └── bg-pattern.svg ├── resources │ ├── README.md │ └── scenes │ │ ├── LICENSE │ │ └── engine.blend ├── sections │ ├── assistant │ │ ├── featured-card.tsx │ │ ├── hero.tsx │ │ ├── join-waitlist.tsx │ │ ├── join-with-code.tsx │ │ ├── logos.tsx │ │ └── pricing.tsx │ ├── globalization │ │ ├── faq.section.tsx │ │ ├── features-list-up.section │ │ │ └── index.tsx │ │ ├── final-cta.section.tsx │ │ ├── hero.section.tsx │ │ ├── index.ts │ │ ├── say-hi-quick-demo.section │ │ │ └── index.tsx │ │ └── various-content-types.section │ │ │ └── index.tsx │ ├── index.ts │ ├── landingpage │ │ ├── _archives │ │ │ ├── README.md │ │ │ ├── collaborate │ │ │ │ ├── index.stories.mdx │ │ │ │ ├── index.tsx │ │ │ │ └── storybook-style.ts │ │ │ └── hero-v2021_11 │ │ │ │ ├── index.stories.mdx │ │ │ │ ├── index.tsx │ │ │ │ └── storybook-style.ts │ │ ├── _breakpoints │ │ │ └── index.tsx │ │ ├── born-to-be-headless │ │ │ ├── components │ │ │ │ ├── demo-figma-assistant.tsx │ │ │ │ ├── demo-vscode.tsx │ │ │ │ └── index.ts │ │ │ ├── index.tsx │ │ │ ├── lg.tsx │ │ │ ├── md.tsx │ │ │ ├── scaffold.tsx │ │ │ ├── sm.tsx │ │ │ ├── tabs.ts │ │ │ ├── xl.tsx │ │ │ └── xs.tsx │ │ ├── cta-see-the-magic │ │ │ ├── components │ │ │ │ ├── button.tsx │ │ │ │ ├── container.tsx │ │ │ │ ├── index.ts │ │ │ │ └── input.tsx │ │ │ ├── index.tsx │ │ │ └── scaffold.tsx │ │ ├── demo-app │ │ │ └── index.tsx │ │ ├── design-once-run-anywhere │ │ │ ├── index.tsx │ │ │ ├── k │ │ │ │ ├── index.ts │ │ │ │ └── snippets.ts │ │ │ ├── scaffold.tsx │ │ │ └── styles │ │ │ │ ├── background.ts │ │ │ │ └── heading.ts │ │ ├── everything-instant │ │ │ ├── design-code │ │ │ │ └── index.tsx │ │ │ ├── index.stories.mdx │ │ │ ├── index.tsx │ │ │ └── storybook-style.ts │ │ ├── hero │ │ │ ├── components │ │ │ │ ├── background.tsx │ │ │ │ ├── container.tsx │ │ │ │ ├── hero-primary-button.tsx │ │ │ │ ├── hero-primary-input.tsx │ │ │ │ └── index.ts │ │ │ └── index.tsx │ │ ├── index.ts │ │ ├── k │ │ │ ├── contents.ts │ │ │ └── index.ts │ │ ├── layout-detect │ │ │ ├── index.stories.mdx │ │ │ └── index.tsx │ │ ├── products │ │ │ ├── index.stories.mdx │ │ │ ├── index.tsx │ │ │ └── storybook-component.tsx │ │ ├── section-opensource │ │ │ ├── index.tsx │ │ │ ├── lg.tsx │ │ │ ├── md.tsx │ │ │ ├── sm.tsx │ │ │ ├── xl.tsx │ │ │ └── xs.tsx │ │ ├── shared-cta-tocode │ │ │ ├── index.tsx │ │ │ ├── modal-content-figma-auth-done.tsx │ │ │ ├── modal-content-figma-auth-prompt.tsx │ │ │ └── modal-content-invalid-input.tsx │ │ └── slogan │ │ │ └── index.tsx │ ├── pricing │ │ ├── faqs.section.tsx │ │ ├── feature-list │ │ │ ├── desktop-view │ │ │ │ └── index.tsx │ │ │ ├── index.tsx │ │ │ ├── mobile-view │ │ │ │ └── index.tsx │ │ │ └── pricing-cell │ │ │ │ └── index.tsx │ │ ├── free-plan │ │ │ └── index.tsx │ │ ├── index.ts │ │ └── pricing-table │ │ │ ├── index.tsx │ │ │ └── interface.ts │ └── whats-new │ │ ├── header-label │ │ └── index.tsx │ │ └── release-note │ │ └── index.tsx ├── styles │ └── global.css ├── tailwind.config.js ├── theme │ ├── dark.ts │ ├── header.ts │ ├── index.tsx │ ├── light.ts │ ├── shared.ts │ ├── state.ts │ ├── theme.ts │ └── type.ts ├── tsconfig.json ├── utils │ ├── context │ │ └── PopupContext.tsx │ ├── cookie │ │ └── cookie-key.ts │ ├── docs │ │ ├── api.ts │ │ ├── md-to-html.ts │ │ └── model.ts │ ├── firebase │ │ └── index.ts │ ├── hooks │ │ ├── use-async-effect.ts │ │ ├── use-auth-state.ts │ │ ├── use-on-screen.ts │ │ └── use-window-width.ts │ ├── i18n │ │ └── index.tsx │ ├── instant-demo │ │ └── figma-anonymous-auth.ts │ ├── landingpage │ │ └── constants.ts │ ├── methods │ │ ├── getDocs.js │ │ ├── getGithubReleaseNote.ts │ │ ├── loadScript.ts │ │ └── parseCookie.ts │ ├── seo │ │ ├── index.ts │ │ ├── interface.ts │ │ ├── make-keywords.ts │ │ └── pages.ts │ └── styled │ │ ├── index.ts │ │ ├── media.ts │ │ └── styles.ts └── yarn.lock └── yarn.lock /.vscode/extensions.json: -------------------------------------------------------------------------------- 1 | { 2 | "recommendations": [ 3 | "dbaeumer.vscode-eslint", 4 | "editorconfig.editorconfig" 5 | ] 6 | } 7 | -------------------------------------------------------------------------------- /CHANGELOG.md: -------------------------------------------------------------------------------- 1 | # CHANGELOG 2 | 3 | > this changelog follows guideline at [keepachangelog.com](https://keepachangelog.com/en/1.0.0/) 4 | 5 | ## UNRELEASED 6 | 7 | > unreleased features will be added here 8 | 9 | - [cms/posts] Posts management cms system 10 | 11 | > implemented, and next-releasing features 12 | 13 | - wip 14 | 15 | ### Will be added 16 | 17 | - wip 18 | 19 | ## [2022.5.0.1] - 2022-05-18 20 | 21 | - New feature : Posts CMS 22 | -------------------------------------------------------------------------------- /app/3rd-party-api/README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gridaco/legacy/8fc8b1fb2f3e4419eeaa49193ddb5c1fade82582/app/3rd-party-api/README.md -------------------------------------------------------------------------------- /app/3rd-party-api/figma/index.ts: -------------------------------------------------------------------------------- 1 | export * from "./token-store" 2 | -------------------------------------------------------------------------------- /app/3rd-party-api/figma/token-store.ts: -------------------------------------------------------------------------------- 1 | import { 2 | getAccessToken, 3 | oauth, 4 | FigmaAuthStore, 5 | } from "@design-sdk/figma-auth-store"; 6 | 7 | // FigmaAuthStore 8 | const prefix = "3rd-party-api/figma/"; 9 | FigmaAuthStore.configure({ 10 | prefix: prefix, 11 | }); 12 | 13 | export function getToken() { 14 | return getAccessToken(); 15 | } 16 | 17 | export function setOauthToken(token: string) { 18 | oauth.set(token); 19 | } 20 | -------------------------------------------------------------------------------- /app/3rd-party-api/index.ts: -------------------------------------------------------------------------------- 1 | export * as figma from "./figma"; 2 | export * as type from "./type"; 3 | -------------------------------------------------------------------------------- /app/3rd-party-api/type/index.ts: -------------------------------------------------------------------------------- 1 | export * from "./type-player"; 2 | -------------------------------------------------------------------------------- /app/3rd-party-api/type/type-player.ts: -------------------------------------------------------------------------------- 1 | // READ ME! 2 | 3 | /** 4 | * It is an interface for receiving players, 5 | * but now there is no player information, only a profile, so the profile is followed. 6 | */ 7 | 8 | export interface UserProfile { 9 | id: string; 10 | profileImage: string; 11 | username: string; 12 | roles: string[]; 13 | bio?: any; 14 | createdAt: string; 15 | updateAt?: string; 16 | } 17 | -------------------------------------------------------------------------------- /app/README.md: -------------------------------------------------------------------------------- 1 | # Shared App 2 | -------------------------------------------------------------------------------- /app/app-blocks/README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gridaco/legacy/8fc8b1fb2f3e4419eeaa49193ddb5c1fade82582/app/app-blocks/README.md -------------------------------------------------------------------------------- /app/app-scaffold/index.ts: -------------------------------------------------------------------------------- 1 | export * from "./scaffold"; 2 | -------------------------------------------------------------------------------- /app/app-workspace/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gridaco/legacy/8fc8b1fb2f3e4419eeaa49193ddb5c1fade82582/app/app-workspace/index.ts -------------------------------------------------------------------------------- /app/app/global-style-override.tsx: -------------------------------------------------------------------------------- 1 | import { css, Global } from "@emotion/react"; 2 | 3 | export const GlobalStyles = () => ( 4 | 21 | ); 22 | -------------------------------------------------------------------------------- /app/app/index.tsx: -------------------------------------------------------------------------------- 1 | export * from "./app"; 2 | -------------------------------------------------------------------------------- /app/browse/README.md: -------------------------------------------------------------------------------- 1 | # Browse related components 2 | -------------------------------------------------------------------------------- /app/built-in-demos/README.md: -------------------------------------------------------------------------------- 1 | # Static built in demo also for production tutorial +@ 2 | -------------------------------------------------------------------------------- /app/built-in-demos/demo-types.ts: -------------------------------------------------------------------------------- 1 | import { DesignProvider } from "@design-sdk/core-types"; 2 | import { nodes } from "@design-sdk/core"; 3 | 4 | export interface DemoDesignSnapshot { 5 | id: string; 6 | name: string; 7 | url: string; 8 | source: DesignProvider; 9 | node: nodes.ReflectSceneNode; 10 | } 11 | -------------------------------------------------------------------------------- /app/built-in-demos/index.ts: -------------------------------------------------------------------------------- 1 | export * as _demo_wnv from "./nwv-demo"; 2 | export * from "./demo-loader"; 3 | -------------------------------------------------------------------------------- /app/built-in-pages/README.md: -------------------------------------------------------------------------------- 1 | # built-in pages built uppon boring application format 2 | -------------------------------------------------------------------------------- /app/built-in-pages/getting-started-components/import-design-with-url/index.ts: -------------------------------------------------------------------------------- 1 | export * from "./import-design-with-url"; 2 | -------------------------------------------------------------------------------- /app/built-in-pages/getting-started-components/import-design-with-url/o.ts: -------------------------------------------------------------------------------- 1 | import { DesignProvider } from "@design-sdk/core-types"; 2 | import { nodes } from "@design-sdk/core"; 3 | export interface DesignImporterLoaderResult { 4 | id: string; 5 | name: string; 6 | url: string; 7 | source: DesignProvider; 8 | node: nodes.ReflectSceneNode; 9 | } 10 | -------------------------------------------------------------------------------- /app/built-in-pages/getting-started-components/index.ts: -------------------------------------------------------------------------------- 1 | export * from "./import-design-with-url"; 2 | export * from "./import-design-with-url-extension"; 3 | -------------------------------------------------------------------------------- /app/built-in-pages/getting-started/index.ts: -------------------------------------------------------------------------------- 1 | export * from "./getting-started"; 2 | -------------------------------------------------------------------------------- /app/built-in-template-pages/imported-color-page/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gridaco/legacy/8fc8b1fb2f3e4419eeaa49193ddb5c1fade82582/app/built-in-template-pages/imported-color-page/index.ts -------------------------------------------------------------------------------- /app/built-in-template-pages/imported-screen-page/index.ts: -------------------------------------------------------------------------------- 1 | export * from "./imported-screen-page"; 2 | -------------------------------------------------------------------------------- /app/built-in-template-pages/imported-textstyle-page/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gridaco/legacy/8fc8b1fb2f3e4419eeaa49193ddb5c1fade82582/app/built-in-template-pages/imported-textstyle-page/index.ts -------------------------------------------------------------------------------- /app/built-in-template-pages/index.ts: -------------------------------------------------------------------------------- 1 | // export * from "./imported-color-page"; 2 | export * from "./imported-screen-page"; 3 | // export * from "./imported-textstyle-page"; 4 | -------------------------------------------------------------------------------- /app/components/add-page-button/index.ts: -------------------------------------------------------------------------------- 1 | export * from "./add-page-button"; 2 | -------------------------------------------------------------------------------- /app/components/bar-drag-area/index.ts: -------------------------------------------------------------------------------- 1 | export * from "./bar-drag-area"; 2 | -------------------------------------------------------------------------------- /app/components/index.ts: -------------------------------------------------------------------------------- 1 | export * from "./top-bar"; 2 | export * from "./side-navigation"; 3 | -------------------------------------------------------------------------------- /app/components/saving-indicator/index.ts: -------------------------------------------------------------------------------- 1 | export { SavingIndicator } from "./saving-indicator"; 2 | -------------------------------------------------------------------------------- /app/components/side-navigation-layer-hierarchy/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gridaco/legacy/8fc8b1fb2f3e4419eeaa49193ddb5c1fade82582/app/components/side-navigation-layer-hierarchy/index.ts -------------------------------------------------------------------------------- /app/components/side-navigation-page-hierarchy/index.ts: -------------------------------------------------------------------------------- 1 | export * from "./page-navigation-item"; 2 | export * from "./side-navigation-pages-hierarchy"; 3 | -------------------------------------------------------------------------------- /app/components/side-navigation-page-hierarchy/page-menu-item-type.ts: -------------------------------------------------------------------------------- 1 | export type PageMenuItemType = 2 | /** 3 | * renmae page 4 | */ 5 | | "rename" 6 | /** 7 | * duplicate page 8 | */ 9 | | "duplicate" 10 | /** 11 | * delete page 12 | */ 13 | | "delete"; 14 | -------------------------------------------------------------------------------- /app/components/side-navigation-page-hierarchy/page-type.ts: -------------------------------------------------------------------------------- 1 | export type PageType = string; 2 | -------------------------------------------------------------------------------- /app/components/side-navigation-page-hierarchy/tree-handle/index.ts: -------------------------------------------------------------------------------- 1 | export * from "./transform"; 2 | // export * from "./legacy-model"; 3 | // export * from "./legacy-transform"; 4 | -------------------------------------------------------------------------------- /app/components/side-navigation/index.tsx: -------------------------------------------------------------------------------- 1 | export * from "./side-navigation"; 2 | -------------------------------------------------------------------------------- /app/components/top-bar/index.ts: -------------------------------------------------------------------------------- 1 | export * from "./top-bar"; 2 | export * from "./player-type"; 3 | -------------------------------------------------------------------------------- /app/components/top-bar/player-type.ts: -------------------------------------------------------------------------------- 1 | export interface IPlayer { 2 | name: string; 3 | image: string; 4 | id: string; 5 | } 6 | -------------------------------------------------------------------------------- /app/components/top-bar/top-bar-left-breadcrumb.tsx: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import styled from "@emotion/styled"; 3 | 4 | export function TopBarLeftBreadcrumb() { 5 | return <>; 6 | } 7 | -------------------------------------------------------------------------------- /app/components/top-bar/top-bar-more-button.tsx: -------------------------------------------------------------------------------- 1 | import Reaact from "react"; 2 | import { Button } from "@editor-ui/button"; 3 | import { DotsHorizontalIcon } from "@radix-ui/react-icons"; 4 | import { StyledButton } from "./button-style"; 5 | 6 | export function TopBarMoreButton() { 7 | return ( 8 | 9 | 10 | 11 | ); 12 | } 13 | -------------------------------------------------------------------------------- /app/index.ts: -------------------------------------------------------------------------------- 1 | export * as pages from "./pages"; 2 | -------------------------------------------------------------------------------- /app/modals/import-figma-design-after-authentication/index.tsx: -------------------------------------------------------------------------------- 1 | export * from "./import-figma-design-after-authentication"; 2 | -------------------------------------------------------------------------------- /app/modals/index.ts: -------------------------------------------------------------------------------- 1 | export * from "./import-figma-design-after-authentication" -------------------------------------------------------------------------------- /app/pages/home/index.tsx: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | export function HomePage() { 4 | return <>Home; 5 | } 6 | -------------------------------------------------------------------------------- /app/pages/index.ts: -------------------------------------------------------------------------------- 1 | export * from "./home"; 2 | -------------------------------------------------------------------------------- /app/procs/README.md: -------------------------------------------------------------------------------- 1 | # App features/process business logic container 2 | -------------------------------------------------------------------------------- /app/router/index.ts: -------------------------------------------------------------------------------- 1 | export * from "./router"; 2 | -------------------------------------------------------------------------------- /app/router/router.ts: -------------------------------------------------------------------------------- 1 | export function useRouter() { 2 | throw "not implemeted"; 3 | } 4 | -------------------------------------------------------------------------------- /app/search-in-page/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gridaco/legacy/8fc8b1fb2f3e4419eeaa49193ddb5c1fade82582/app/search-in-page/index.ts -------------------------------------------------------------------------------- /branding/README.md: -------------------------------------------------------------------------------- 1 | # Branding Assets for this repository 2 | 3 | ## Are you looking for [brand.bridged.xyz](https://brand.bridged.xyz)? 4 | 5 | Visit [brand.bridged.xyz](https://brand.bridged.xyz) for open branding resourced for / from bridged 6 | -------------------------------------------------------------------------------- /branding/bridged-2020-type-logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gridaco/legacy/8fc8b1fb2f3e4419eeaa49193ddb5c1fade82582/branding/bridged-2020-type-logo.png -------------------------------------------------------------------------------- /branding/github-cover.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gridaco/legacy/8fc8b1fb2f3e4419eeaa49193ddb5c1fade82582/branding/github-cover.png -------------------------------------------------------------------------------- /branding/project-maps.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gridaco/legacy/8fc8b1fb2f3e4419eeaa49193ddb5c1fade82582/branding/project-maps.png -------------------------------------------------------------------------------- /desktop/.editorconfig: -------------------------------------------------------------------------------- 1 | root = true 2 | 3 | [*] 4 | indent_style = space 5 | indent_size = 2 6 | end_of_line = lf 7 | charset = utf-8 8 | trim_trailing_whitespace = true 9 | insert_final_newline = true 10 | 11 | [*.md] 12 | trim_trailing_whitespace = false 13 | -------------------------------------------------------------------------------- /desktop/.erb/configs/.eslintrc: -------------------------------------------------------------------------------- 1 | { 2 | "rules": { 3 | "no-console": "off", 4 | "global-require": "off", 5 | "import/no-dynamic-require": "off" 6 | } 7 | } 8 | -------------------------------------------------------------------------------- /desktop/.erb/configs/webpack.config.eslint.js: -------------------------------------------------------------------------------- 1 | /* eslint import/no-unresolved: off, import/no-self-import: off */ 2 | require('@babel/register'); 3 | 4 | module.exports = require('./webpack.config.renderer.dev.babel').default; 5 | -------------------------------------------------------------------------------- /desktop/.erb/mocks/fileMock.js: -------------------------------------------------------------------------------- 1 | export default 'test-file-stub'; 2 | -------------------------------------------------------------------------------- /desktop/.erb/scripts/.eslintrc: -------------------------------------------------------------------------------- 1 | { 2 | "rules": { 3 | "no-console": "off", 4 | "global-require": "off", 5 | "import/no-dynamic-require": "off", 6 | "import/no-extraneous-dependencies": "off" 7 | } 8 | } 9 | -------------------------------------------------------------------------------- /desktop/.erb/scripts/BabelRegister.js: -------------------------------------------------------------------------------- 1 | const path = require('path'); 2 | 3 | require('@babel/register')({ 4 | extensions: ['.es6', '.es', '.jsx', '.js', '.mjs', '.ts', '.tsx'], 5 | cwd: path.join(__dirname, '../..'), 6 | }); 7 | -------------------------------------------------------------------------------- /desktop/.erb/scripts/DeleteSourceMaps.js: -------------------------------------------------------------------------------- 1 | import path from 'path'; 2 | import rimraf from 'rimraf'; 3 | 4 | export default function deleteSourceMaps() { 5 | rimraf.sync(path.join(__dirname, '../../src/dist/*.js.map')); 6 | rimraf.sync(path.join(__dirname, '../../src/*.js.map')); 7 | } 8 | -------------------------------------------------------------------------------- /desktop/.gitattributes: -------------------------------------------------------------------------------- 1 | * text eol=lf 2 | *.exe binary 3 | *.png binary 4 | *.jpg binary 5 | *.jpeg binary 6 | *.ico binary 7 | *.icns binary 8 | *.eot binary 9 | *.otf binary 10 | *.ttf binary 11 | *.woff binary 12 | *.woff2 binary 13 | -------------------------------------------------------------------------------- /desktop/CHANGELOG.md: -------------------------------------------------------------------------------- 1 | ## NO CHANGES 2 | -------------------------------------------------------------------------------- /desktop/README.md: -------------------------------------------------------------------------------- 1 | # Bridged Desktop build 2 | 3 | ## Building 4 | 5 | ``` 6 | yarn && yarn start 7 | ``` 8 | 9 | ## Initially Built uppon ERB 10 | 11 | Learn more about erb - [erb.md](./erb.md) 12 | -------------------------------------------------------------------------------- /desktop/assets/assets.d.ts: -------------------------------------------------------------------------------- 1 | declare module '*.svg' { 2 | const content: any; 3 | export default content; 4 | } 5 | 6 | declare module '*.png' { 7 | const content: any; 8 | export default content; 9 | } 10 | 11 | declare module '*.jpg' { 12 | const content: any; 13 | export default content; 14 | } 15 | -------------------------------------------------------------------------------- /desktop/assets/entitlements.mac.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | com.apple.security.cs.allow-unsigned-executable-memory 6 | 7 | com.apple.security.cs.allow-jit 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /desktop/assets/icon.icns: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gridaco/legacy/8fc8b1fb2f3e4419eeaa49193ddb5c1fade82582/desktop/assets/icon.icns -------------------------------------------------------------------------------- /desktop/assets/icon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gridaco/legacy/8fc8b1fb2f3e4419eeaa49193ddb5c1fade82582/desktop/assets/icon.ico -------------------------------------------------------------------------------- /desktop/assets/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gridaco/legacy/8fc8b1fb2f3e4419eeaa49193ddb5c1fade82582/desktop/assets/icon.png -------------------------------------------------------------------------------- /desktop/assets/icons/1024x1024.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gridaco/legacy/8fc8b1fb2f3e4419eeaa49193ddb5c1fade82582/desktop/assets/icons/1024x1024.png -------------------------------------------------------------------------------- /desktop/assets/icons/128x128.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gridaco/legacy/8fc8b1fb2f3e4419eeaa49193ddb5c1fade82582/desktop/assets/icons/128x128.png -------------------------------------------------------------------------------- /desktop/assets/icons/16x16.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gridaco/legacy/8fc8b1fb2f3e4419eeaa49193ddb5c1fade82582/desktop/assets/icons/16x16.png -------------------------------------------------------------------------------- /desktop/assets/icons/256x256.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gridaco/legacy/8fc8b1fb2f3e4419eeaa49193ddb5c1fade82582/desktop/assets/icons/256x256.png -------------------------------------------------------------------------------- /desktop/assets/icons/32x32.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gridaco/legacy/8fc8b1fb2f3e4419eeaa49193ddb5c1fade82582/desktop/assets/icons/32x32.png -------------------------------------------------------------------------------- /desktop/assets/icons/512x512.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gridaco/legacy/8fc8b1fb2f3e4419eeaa49193ddb5c1fade82582/desktop/assets/icons/512x512.png -------------------------------------------------------------------------------- /desktop/assets/icons/64x64.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gridaco/legacy/8fc8b1fb2f3e4419eeaa49193ddb5c1fade82582/desktop/assets/icons/64x64.png -------------------------------------------------------------------------------- /desktop/src/__tests__/App.test.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import '@testing-library/jest-dom'; 3 | import { render } from '@testing-library/react'; 4 | import App from '../App'; 5 | 6 | describe('App', () => { 7 | it('should render', () => { 8 | expect(render()).toBeTruthy(); 9 | }); 10 | }); 11 | -------------------------------------------------------------------------------- /desktop/src/index.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { render } from 'react-dom'; 3 | import App from './App'; 4 | 5 | render(, document.getElementById('root')); 6 | -------------------------------------------------------------------------------- /desktop/src/main.prod.js.LICENSE.txt: -------------------------------------------------------------------------------- 1 | /*! http://mths.be/fromcodepoint v0.1.0 by @mathias */ 2 | -------------------------------------------------------------------------------- /desktop/src/yarn.lock: -------------------------------------------------------------------------------- 1 | # THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY. 2 | # yarn lockfile v1 3 | 4 | 5 | -------------------------------------------------------------------------------- /docs-site/.gitignore: -------------------------------------------------------------------------------- 1 | # Dependencies 2 | /node_modules 3 | 4 | # Production 5 | /build 6 | 7 | # Generated files 8 | .docusaurus 9 | .cache-loader 10 | 11 | # Misc 12 | .DS_Store 13 | .env.local 14 | .env.development.local 15 | .env.test.local 16 | .env.production.local 17 | 18 | npm-debug.log* 19 | yarn-debug.log* 20 | yarn-error.log* 21 | 22 | .vercel 23 | -------------------------------------------------------------------------------- /docs-site/DEPENDENCY.md: -------------------------------------------------------------------------------- 1 | # Link dependencies 2 | 3 | > List of docs links that are used internally to locate users. 4 | 5 | - with-figma/guides/how-to-get-personal-access-token 6 | - with-figma/guides/how-to-get-sharable-design-link 7 | -------------------------------------------------------------------------------- /docs-site/babel.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | presets: [require.resolve('@docusaurus/core/lib/babel/preset')], 3 | }; 4 | -------------------------------------------------------------------------------- /docs-site/docs/README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gridaco/legacy/8fc8b1fb2f3e4419eeaa49193ddb5c1fade82582/docs-site/docs/README.md -------------------------------------------------------------------------------- /docs-site/i18n/ko/docusaurus-plugin-content-blog/options.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": { 3 | "message": "Blog", 4 | "description": "The title for the blog used in SEO" 5 | }, 6 | "description": { 7 | "message": "Blog", 8 | "description": "The description for the blog used in SEO" 9 | }, 10 | "sidebar.title": { 11 | "message": "Recent posts", 12 | "description": "The label for the left sidebar" 13 | } 14 | } -------------------------------------------------------------------------------- /docs-site/i18n/ko/docusaurus-plugin-content-docs/current/README.md: -------------------------------------------------------------------------------- 1 | # The `ko` translations 2 | 3 | > Do not modify this directory directly. This directory will be fullfilled by the `docs-site-gen/copy-translations.js` script. 4 | -------------------------------------------------------------------------------- /docs-site/scripts/README.md: -------------------------------------------------------------------------------- 1 | # Docs site related scripts 2 | -------------------------------------------------------------------------------- /docs-site/scripts/postinstall.js: -------------------------------------------------------------------------------- 1 | const setup_docs = require("./setup-docs"); 2 | 3 | setup_docs(); 4 | -------------------------------------------------------------------------------- /docs-site/scripts/setup-docs.js: -------------------------------------------------------------------------------- 1 | const copy = require("./docs-site-gen/copy-docs"); 2 | const mv_translations = require("./docs-site-gen/copy-translations"); 3 | 4 | function setup_docs() { 5 | copy(); 6 | mv_translations(); 7 | } 8 | 9 | module.exports = setup_docs; 10 | -------------------------------------------------------------------------------- /docs-site/sidebar.with-react.js: -------------------------------------------------------------------------------- 1 | module.exports = [ 2 | { 3 | type: "category", 4 | label: "React", 5 | collapsed: true, 6 | items: [ 7 | { 8 | type: "doc", 9 | id: "with-react/index", 10 | label: "React", 11 | }, 12 | { 13 | type: "doc", 14 | id: "with-nextjs/index", 15 | label: "NextJS", 16 | }, 17 | ], 18 | }, 19 | ]; 20 | -------------------------------------------------------------------------------- /docs-site/src/components/.ignore: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /docs-site/src/pages/.ignore: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /docs-site/static/.nojekyll: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gridaco/legacy/8fc8b1fb2f3e4419eeaa49193ddb5c1fade82582/docs-site/static/.nojekyll -------------------------------------------------------------------------------- /docs-site/static/img/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gridaco/legacy/8fc8b1fb2f3e4419eeaa49193ddb5c1fade82582/docs-site/static/img/favicon.png -------------------------------------------------------------------------------- /docs-site/static/robots.txt: -------------------------------------------------------------------------------- 1 | User-agent: * 2 | Disallow: 3 | -------------------------------------------------------------------------------- /docs/@coli/index.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: CoLI - Computer Language Inference 3 | description: CoLI APIs to fully customize your code output style 4 | --- 5 | -------------------------------------------------------------------------------- /docs/@design-sdk/index.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: Design SDK 3 | description: Access your design like you own it. 4 | --- 5 | -------------------------------------------------------------------------------- /docs/@designto-code/assets/autolayout-overflow-in-figma-the-content-is-bigger-than-parent.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gridaco/legacy/8fc8b1fb2f3e4419eeaa49193ddb5c1fade82582/docs/@designto-code/assets/autolayout-overflow-in-figma-the-content-is-bigger-than-parent.png -------------------------------------------------------------------------------- /docs/@designto-code/assets/component-nested-simple-example-with-numbers-skipped-instanciation.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gridaco/legacy/8fc8b1fb2f3e4419eeaa49193ddb5c1fade82582/docs/@designto-code/assets/component-nested-simple-example-with-numbers-skipped-instanciation.png -------------------------------------------------------------------------------- /docs/@designto-code/assets/component-nested-simple-example-with-numbers.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gridaco/legacy/8fc8b1fb2f3e4419eeaa49193ddb5c1fade82582/docs/@designto-code/assets/component-nested-simple-example-with-numbers.png -------------------------------------------------------------------------------- /docs/@designto-code/assets/constraint-calculation-center.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gridaco/legacy/8fc8b1fb2f3e4419eeaa49193ddb5c1fade82582/docs/@designto-code/assets/constraint-calculation-center.png -------------------------------------------------------------------------------- /docs/@designto-code/assets/figma-blur-diff.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gridaco/legacy/8fc8b1fb2f3e4419eeaa49193ddb5c1fade82582/docs/@designto-code/assets/figma-blur-diff.png -------------------------------------------------------------------------------- /docs/@designto-code/assets/figma-how-masking-works-layer-making-and-hierarchy.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gridaco/legacy/8fc8b1fb2f3e4419eeaa49193ddb5c1fade82582/docs/@designto-code/assets/figma-how-masking-works-layer-making-and-hierarchy.gif -------------------------------------------------------------------------------- /docs/@designto-code/assets/figma-rotation-example.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gridaco/legacy/8fc8b1fb2f3e4419eeaa49193ddb5c1fade82582/docs/@designto-code/assets/figma-rotation-example.png -------------------------------------------------------------------------------- /docs/@designto-code/assets/figma-text-autoresize-example.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gridaco/legacy/8fc8b1fb2f3e4419eeaa49193ddb5c1fade82582/docs/@designto-code/assets/figma-text-autoresize-example.gif -------------------------------------------------------------------------------- /docs/@designto-code/assets/how-fogma-masking-works.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gridaco/legacy/8fc8b1fb2f3e4419eeaa49193ddb5c1fade82582/docs/@designto-code/assets/how-fogma-masking-works.png -------------------------------------------------------------------------------- /docs/@designto-code/assets/how-order-works.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gridaco/legacy/8fc8b1fb2f3e4419eeaa49193ddb5c1fade82582/docs/@designto-code/assets/how-order-works.png -------------------------------------------------------------------------------- /docs/@designto-code/assets/item-overflow-static-intended-overflow-example-design.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gridaco/legacy/8fc8b1fb2f3e4419eeaa49193ddb5c1fade82582/docs/@designto-code/assets/item-overflow-static-intended-overflow-example-design.png -------------------------------------------------------------------------------- /docs/@designto-code/assets/worng-sorting-example-when-not-sanitized.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gridaco/legacy/8fc8b1fb2f3e4419eeaa49193ddb5c1fade82582/docs/@designto-code/assets/worng-sorting-example-when-not-sanitized.png -------------------------------------------------------------------------------- /docs/@designto-code/component-allowed-property.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: "Allowed properties for components" 3 | version: 0.1.0 4 | revision: 1 5 | --- 6 | 7 | # Allowed properties for components 8 | 9 | ### Text 10 | 11 | - `data` (Text#data) 12 | -------------------------------------------------------------------------------- /docs/@designto-code/css-text-vertical-align.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: "CSS Vertically align text content" 3 | version: 0.1.0 4 | revision: 1 5 | --- 6 | 7 | # Vertical align of text content 8 | 9 | ### References 10 | 11 | - https://stackoverflow.com/questions/8865458/how-do-i-vertically-center-text-with-css 12 | -------------------------------------------------------------------------------- /docs/@designto-code/css.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: "CSS Strategy" 3 | version: 0.1.0 4 | revision: 1 5 | --- 6 | 7 | # CSS Best practice & Grida's policy on CSS. 8 | 9 | > WIP 10 | 11 | ## References 12 | 13 | - https://github.com/primer/css 14 | -------------------------------------------------------------------------------- /docs/@designto-code/figma-line.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: "Figma Line" 3 | version: 0.1.0 4 | revision: 1 5 | --- 6 | 7 | # Figma Line 8 | 9 | ## Can be 10 | 11 | - divider 12 | - border-side 13 | - vector 14 | - part of a artwork 15 | - container (empty container) 16 | 17 | ## Web 18 | 19 | **as hr** 20 | 21 | ```html 22 |
23 | ``` 24 | 25 | **as div** 26 | 27 | ```html 28 |
29 | ``` 30 | -------------------------------------------------------------------------------- /docs/@designto-code/figma-strokes.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: "Figma strokes" 3 | version: 0.1.0 4 | revision: 1 5 | --- 6 | 7 | # Figma strokes 8 | 9 | Fimga storkes can be a array just like fills. as well as gradient & image as a paint. 10 | 11 | ## web - css 12 | 13 | **Multiple border tricks** 14 | 15 | - https://css-tricks.com/snippets/css/multiple-borders/ 16 | -------------------------------------------------------------------------------- /docs/@designto-code/flags/----disable.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Commenting out flags 3 | id: "----disable" 4 | locale: en 5 | stage: 6 | - proposal 7 | - draft 8 | - experimental 9 | - not-ready 10 | --- 11 | 12 | # `----` - Commenting a flag 13 | -------------------------------------------------------------------------------- /docs/@designto-code/flags/--action.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Action flag 3 | id: "--action" 4 | locale: en 5 | stage: 6 | - proposal 7 | - draft 8 | - experimental 9 | - not-ready 10 | --- 11 | 12 | # `--action=` - Action flag 13 | -------------------------------------------------------------------------------- /docs/@designto-code/flags/--as-avatar.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: As-Avatar flag 3 | id: "--as-avatar" 4 | locale: en 5 | stage: 6 | - proposal 7 | - draft 8 | - experimental 9 | - not-ready 10 | --- 11 | 12 | # `--as=avatar` - [Reflect UI](https://reflect-ui.com) Avatar Widget Indication Flag 13 | 14 | ## Syntax 15 | 16 | - `--as-avatar` 17 | - `--as=avatar` 18 | -------------------------------------------------------------------------------- /docs/@designto-code/flags/--as-button.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: As-Button flag 3 | id: "--as-button" 4 | locale: en 5 | stage: 6 | - proposal 7 | - draft 8 | - experimental 9 | - not-ready 10 | --- 11 | 12 | # `--as=button` - [Reflect UI](https://reflect-ui.com) Button Widget Indication Flag 13 | 14 | ## Syntax 15 | 16 | - `--as-button` 17 | - `--as=button` 18 | -------------------------------------------------------------------------------- /docs/@designto-code/flags/--as-checkbox.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: As Checkbox flag 3 | id: "--as-checkbox" 4 | locale: en 5 | stage: 6 | - proposal 7 | - draft 8 | - experimental 9 | - not-ready 10 | --- 11 | 12 | # `--as=checkbox` - [Reflect UI](https://reflect-ui.com) Checkbox Widget Indication Flag 13 | 14 | ## Syntax 15 | 16 | - `--as-checkbox` 17 | - `--as-checkbox=true` 18 | - `--as=checkbox` 19 | -------------------------------------------------------------------------------- /docs/@designto-code/flags/--as-divider.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: As Divider flag 3 | id: "--as-divider" 4 | locale: en 5 | stage: 6 | - proposal 7 | - draft 8 | - experimental 9 | - not-ready 10 | --- 11 | 12 | # `--as=divider` - [Reflect UI](https://reflect-ui.com) Divider Widget Indication Flag 13 | 14 | ## Syntax 15 | 16 | - `--as-divider` 17 | - `--as-divider=true` 18 | - `--as=divider` 19 | -------------------------------------------------------------------------------- /docs/@designto-code/flags/--as-list.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: As List flag 3 | id: "--as-list" 4 | locale: en 5 | stage: 6 | - proposal 7 | - draft 8 | - experimental 9 | - not-ready 10 | --- 11 | 12 | # `--as=list` - [Reflect UI](https://reflect-ui.com) ListView Widget Indication Flag 13 | 14 | ## Syntax 15 | 16 | - `--as-list` 17 | - `--as-list=true` 18 | - `--as=list` 19 | -------------------------------------------------------------------------------- /docs/@designto-code/flags/--as-mdi.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: As Material Design Icon flag 3 | id: "--as-mdi" 4 | locale: en 5 | stage: 6 | - proposal 7 | - draft 8 | - experimental 9 | - not-ready 10 | --- 11 | 12 | # `--as=mdi` - [Reflect UI](https://reflect-ui.com) Material Design Icon Widget Indication Flag 13 | 14 | ## Syntax 15 | 16 | - `--as-mdi` 17 | - `--as-mdi=true` 18 | - `--as=mdi` 19 | 20 | ## Fallback 21 | 22 | - `--as-icon` 23 | -------------------------------------------------------------------------------- /docs/@designto-code/flags/--as-modal.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: As Modal flag 3 | id: "--as-mdi" 4 | locale: en 5 | stage: 6 | - proposal 7 | - draft 8 | - experimental 9 | - not-ready 10 | --- 11 | 12 | # `--as=modal` - [Reflect UI](https://reflect-ui.com) Modal Widget Indication Flag 13 | 14 | ## Syntax 15 | 16 | - `--as-modal` 17 | - `--as-modal=true` 18 | - `--as=modal` 19 | -------------------------------------------------------------------------------- /docs/@designto-code/flags/--as-resizable.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: As Resizable flag 3 | id: "--as-resizable" 4 | locale: en 5 | stage: 6 | - proposal 7 | - draft 8 | - experimental 9 | - not-ready 10 | --- 11 | 12 | # Resizable widget indication 13 | 14 | > Proposal WIP 15 | -------------------------------------------------------------------------------- /docs/@designto-code/flags/--as-size.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: As Size flag 3 | id: "--as-size" 4 | locale: en 5 | stage: 6 | - proposal 7 | - draft 8 | - experimental 9 | - not-ready 10 | --- 11 | 12 | # Mark as size 13 | 14 | ## Will be 15 | 16 | ``` 17 | element: --as-size 18 | is: Sized() | Container() | Padding() 19 | ``` 20 | -------------------------------------------------------------------------------- /docs/@designto-code/flags/--as-slider.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: As Slider flag 3 | id: "--as-slider" 4 | locale: en 5 | stage: 6 | - proposal 7 | - draft 8 | - experimental 9 | - not-ready 10 | --- 11 | 12 | # `--as=slider` - [Reflect UI](https://reflect-ui.com) Slider Widget Indication Flag 13 | 14 | ## Syntax 15 | 16 | - `--as-slider` 17 | - `--as-slider=true` 18 | - `--as=slider` 19 | -------------------------------------------------------------------------------- /docs/@designto-code/flags/--as-toggle.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: As Toggle flag 3 | id: "--as-toggle" 4 | locale: en 5 | stage: 6 | - proposal 7 | - draft 8 | - experimental 9 | - not-ready 10 | --- 11 | 12 | # `--as=toggle` - [Reflect UI](https://reflect-ui.com) Toggle Widget Indication Flag 13 | 14 | ## Syntax 15 | 16 | - `--as-toggle` 17 | - `--as-toggle=true` 18 | - `--as=toggle` 19 | -------------------------------------------------------------------------------- /docs/@designto-code/flags/--break-color.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Break Color flag 3 | id: "--break-color" 4 | locale: en 5 | stage: 6 | - proposal 7 | - draft 8 | - experimental 9 | - not-ready 10 | --- 11 | 12 | # `--break-color` - Break Color (A.k.a Raw Color) 13 | 14 | Breaks the color style constraints. 15 | 16 | ``` 17 | input: colorstyle=primary-light-blue 18 | output: rgb(173, 216, 230) 19 | ``` 20 | -------------------------------------------------------------------------------- /docs/@designto-code/flags/--camera-display.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Camera Display flag 3 | id: "--camera-display" 4 | locale: en 5 | stage: 6 | - proposal 7 | - draft 8 | - experimental 9 | - not-ready 10 | --- 11 | 12 | # Camera display 13 | 14 | ## Platforms 15 | 16 | - web 17 | - uses: webcam 18 | - @reflect-ui/universal-camera-view 19 | - flutter 20 | - uses: device cam[0] 21 | - flutter-universal-camera-view by reflect-ui 22 | -------------------------------------------------------------------------------- /docs/@designto-code/flags/--class.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Class flag 3 | id: "--class" 4 | locale: en 5 | stage: 6 | - proposal 7 | - draft 8 | - experimental 9 | - not-ready 10 | --- 11 | 12 | # Custom css class indication (extends) 13 | 14 | ``` 15 | origainally: class="container" 16 | input: class=custom-big-box 17 | outpug: class="container custom-big-box" 18 | ``` 19 | -------------------------------------------------------------------------------- /docs/@designto-code/flags/--content-id.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: ContentID flag 3 | id: "--content-id" 4 | locale: en 5 | stage: 6 | - proposal 7 | - draft 8 | - experimental 9 | - not-ready 10 | --- 11 | 12 | ## `--content-id` Flag (Draft) 13 | 14 | > Familly of id specifiers. 15 | -------------------------------------------------------------------------------- /docs/@designto-code/flags/--dynamic-container.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Dynamic Container flag 3 | id: "--dynamic-container" 4 | locale: en 5 | stage: 6 | - proposal 7 | - draft 8 | - experimental 9 | - not-ready 10 | --- 11 | 12 | # Dynamic Container flag 13 | 14 | > WIP 15 | -------------------------------------------------------------------------------- /docs/@designto-code/flags/--dynamic-item.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Dynamic Item flag 3 | id: "--dynamic-item" 4 | locale: en 5 | stage: 6 | - proposal 7 | - draft 8 | - experimental 9 | - not-ready 10 | --- 11 | 12 | # Dynamic Item flag 13 | 14 | > WIP 15 | -------------------------------------------------------------------------------- /docs/@designto-code/flags/--export-as.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Export As flag 3 | id: "--export-as" 4 | locale: en 5 | stage: 6 | - proposal 7 | - draft 8 | - experimental 9 | - not-ready 10 | --- 11 | 12 | # Export As 13 | 14 | **Accepted keys** 15 | 16 | - `--export-as` 17 | - `--export` 18 | -------------------------------------------------------------------------------- /docs/@designto-code/flags/--export-gif.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Export Gif flag 3 | id: "--export-gif" 4 | locale: en 5 | stage: 6 | - proposal 7 | - draft 8 | - experimental 9 | - not-ready 10 | --- 11 | 12 | # Export as gif 13 | 14 | ## For non-gif-origin-content 15 | 16 | We'll create a 10 frame dummy gif based on the origin snapshot png, with a simple scale + shake animation 17 | -------------------------------------------------------------------------------- /docs/@designto-code/flags/--export-jpg.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gridaco/legacy/8fc8b1fb2f3e4419eeaa49193ddb5c1fade82582/docs/@designto-code/flags/--export-jpg.md -------------------------------------------------------------------------------- /docs/@designto-code/flags/--export-pdf.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gridaco/legacy/8fc8b1fb2f3e4419eeaa49193ddb5c1fade82582/docs/@designto-code/flags/--export-pdf.md -------------------------------------------------------------------------------- /docs/@designto-code/flags/--export-png.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gridaco/legacy/8fc8b1fb2f3e4419eeaa49193ddb5c1fade82582/docs/@designto-code/flags/--export-png.md -------------------------------------------------------------------------------- /docs/@designto-code/flags/--export-svg.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gridaco/legacy/8fc8b1fb2f3e4419eeaa49193ddb5c1fade82582/docs/@designto-code/flags/--export-svg.md -------------------------------------------------------------------------------- /docs/@designto-code/flags/--export.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gridaco/legacy/8fc8b1fb2f3e4419eeaa49193ddb5c1fade82582/docs/@designto-code/flags/--export.md -------------------------------------------------------------------------------- /docs/@designto-code/flags/--is-native-android-ui.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Is Android Native UI flag 3 | id: "--is-native-android-ui" 4 | locale: en 5 | stage: 6 | - proposal 7 | - draft 8 | - experimental 9 | - not-ready 10 | --- 11 | 12 | # A Android UI Mocking layers 13 | 14 | e.g. A Notification banner, time & battery UI. 15 | -------------------------------------------------------------------------------- /docs/@designto-code/flags/--is-native-ios-ui.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Is iOS Native UI flag 3 | id: "--is-native-ios-ui" 4 | locale: en 5 | stage: 6 | - proposal 7 | - draft 8 | - experimental 9 | - not-ready 10 | --- 11 | 12 | # A iOS UI Mocking layers 13 | 14 | e.g. A Notification banner, time & battery UI. 15 | -------------------------------------------------------------------------------- /docs/@designto-code/flags/--media.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gridaco/legacy/8fc8b1fb2f3e4419eeaa49193ddb5c1fade82582/docs/@designto-code/flags/--media.md -------------------------------------------------------------------------------- /docs/@designto-code/flags/--module.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Module flag 3 | id: "--module" 4 | locale: en 5 | stage: 6 | - proposal 7 | - draft 8 | - experimental 9 | - not-ready 10 | --- 11 | 12 | # Module flag 13 | 14 | When specific layer or a group of layer (container of multiple layers) is defined as a module, the code output will split the part as a module (file splitting). 15 | -------------------------------------------------------------------------------- /docs/@designto-code/flags/--motion-on-hover.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Motion on hover flag 3 | id: "--motion-on-hover" 4 | locale: en 5 | stage: 6 | - proposal 7 | - draft 8 | - experimental 9 | - not-ready 10 | --- 11 | 12 | ## `--motion-on-hover` Flag (Draft) 13 | 14 | > Familly of `--motion-on-*` flags. 15 | 16 | example 17 | 18 | ```txt 19 | --motion-on-hover=reflect-bounce-17-fancy 20 | ``` 21 | -------------------------------------------------------------------------------- /docs/@designto-code/flags/--onclick.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: OnClick flag 3 | id: "--onclick" 4 | locale: en 5 | stage: 6 | - proposal 7 | - draft 8 | - experimental 9 | - not-ready 10 | --- 11 | 12 | # OnClick 13 | 14 | ## onclick alias (Also allowed) 15 | 16 | - ontap 17 | - ontouch 18 | - onclick 19 | -------------------------------------------------------------------------------- /docs/@designto-code/flags/--overflow.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Overflow flag 3 | id: "--overflow" 4 | locale: en 5 | stage: 6 | - proposal 7 | - draft 8 | - experimental 9 | - not-ready 10 | --- 11 | 12 | # Overflow 13 | 14 | > WIP 15 | 16 | ## See also 17 | 18 | [`--scroll`](./--scroll/README.md) 19 | -------------------------------------------------------------------------------- /docs/@designto-code/flags/--position-fixed.md: -------------------------------------------------------------------------------- 1 | # Position as Fixed. 2 | 3 | describing based on figma, figma position is always absolute. there is not way to represent a fixed position. (we can, but only via fix position on scrolling) 4 | -------------------------------------------------------------------------------- /docs/@designto-code/flags/--position-sticky.md: -------------------------------------------------------------------------------- 1 | # (WIP) Position as Sticky. 2 | -------------------------------------------------------------------------------- /docs/@designto-code/flags/--proc-ignore.md: -------------------------------------------------------------------------------- 1 | # Ignore from all process 2 | -------------------------------------------------------------------------------- /docs/@designto-code/flags/--proc-skip.md: -------------------------------------------------------------------------------- 1 | # Don't Ignore, but skip for interpreter 2 | -------------------------------------------------------------------------------- /docs/@designto-code/flags/--scroll.md: -------------------------------------------------------------------------------- 1 | # Scroll Flag 2 | 3 | ## See also 4 | 5 | [`--overflow`](./--overflow/README.md) 6 | -------------------------------------------------------------------------------- /docs/@designto-code/flags/--text-template.md: -------------------------------------------------------------------------------- 1 | # Text Template 2 | 3 | ``` 4 | text-value: Hi, Universe. Welcome to Grida. 5 | template: "Hi, {{username}}. Welcome to Grida." 6 | extracted-data: { username: "Universe" } 7 | ``` 8 | -------------------------------------------------------------------------------- /docs/@designto-code/flags/--use-flag.md: -------------------------------------------------------------------------------- 1 | # `--use-flag` Flag (Draft) 2 | 3 | Defaults to `true` (even while non specified), turns off flag feature for children when `false`. 4 | -------------------------------------------------------------------------------- /docs/@designto-code/flags/--video.md: -------------------------------------------------------------------------------- 1 | # Video Flag 2 | -------------------------------------------------------------------------------- /docs/@designto-code/flags/--webview-src.md: -------------------------------------------------------------------------------- 1 | # WebView Flag 2 | 3 | Indiacting that the layer is for containing an external webview 4 | 5 | ## iframe for web platform, webview for ios/android/flutter 6 | -------------------------------------------------------------------------------- /docs/@designto-code/flags/--x-code-component.md: -------------------------------------------------------------------------------- 1 | # `--x-code-component` - eXtended Code Component 2 | 3 | > A.k.a User provided code with interface 4 | 5 | User provided code, ready to except a props from parents. 6 | -------------------------------------------------------------------------------- /docs/@designto-code/flags/--x-code-static.md: -------------------------------------------------------------------------------- 1 | # `--x-code-static` - eXtended Code Static 2 | 3 | User provided static code 4 | -------------------------------------------------------------------------------- /docs/@designto-code/flags/--x-lottie-view.md: -------------------------------------------------------------------------------- 1 | # eXtended Lottie View 2 | -------------------------------------------------------------------------------- /docs/@designto-code/flags/.gitignore: -------------------------------------------------------------------------------- 1 | # This .gitignore file will be included in copy ci execution. 2 | # Only add targets that shouuld not be included in final docs deployment. 3 | __**__.md 4 | README.md -------------------------------------------------------------------------------- /docs/@designto-code/flags/translations/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "translations": [ 3 | "ko" 4 | ] 5 | } -------------------------------------------------------------------------------- /docs/@designto-code/flutter-svg-support.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: "Flutter does not have a Builtin SVG support." 3 | version: 0.1.0 4 | revision: 1 5 | --- 6 | 7 | # Flutter does not have a SVG support. 8 | 9 | **Use `flutter_svg`** 10 | 11 | > Can't run on dartpad. 12 | 13 | ```dart 14 | 15 | ``` 16 | 17 | **Use `Image.network()`** 18 | 19 | > Can run on dartpad, requires hosting within svg to png conversion. 20 | 21 | ```dart 22 | 23 | ``` 24 | -------------------------------------------------------------------------------- /docs/@designto-code/index.md: -------------------------------------------------------------------------------- 1 | > developer docs for understanding / contributing / developing design-to-code. 2 | 3 | ## Widgets 4 | 5 | ## Component 6 | 7 | ## Layout 8 | 9 | ### Spacing 10 | 11 | - [item spacing](./item-spacing.md) 12 | 13 | ## Styling 14 | 15 | ## Platform specific 16 | -------------------------------------------------------------------------------- /docs/@designto-code/known-issues.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: "Known issues" 3 | version: 0.1.0 4 | revision: 1 5 | --- 6 | 7 | - constaints are not supported inside a clip. - technically imposible. 8 | -------------------------------------------------------------------------------- /docs/@g11n/index.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: Globalization 3 | description: Globalize your contents 4 | --- 5 | -------------------------------------------------------------------------------- /docs/@reflect-ui/index.mdx: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /docs/@reflect-ui/lint/index.mdx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gridaco/legacy/8fc8b1fb2f3e4419eeaa49193ddb5c1fade82582/docs/@reflect-ui/lint/index.mdx -------------------------------------------------------------------------------- /docs/@reflect-ui/platforms.mdx: -------------------------------------------------------------------------------- 1 | patforms 2 | -------------------------------------------------------------------------------- /docs/@reflect-ui/quick-start.mdx: -------------------------------------------------------------------------------- 1 | # reflect quickk start 2 | -------------------------------------------------------------------------------- /docs/@reflect-ui/reflect-ql.mdx: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /docs/assistant/01-intro.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: Grida Assistant 3 | description: Introduction to Grida Assistant 4 | --- 5 | 6 | # Grida Assistant 7 | 8 | ![Grida Assistant gif](./assets/assistant-demo-2021.0.1.gif) 9 | -------------------------------------------------------------------------------- /docs/assistant/assets/assistant-demo-2021.0.1.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gridaco/legacy/8fc8b1fb2f3e4419eeaa49193ddb5c1fade82582/docs/assistant/assets/assistant-demo-2021.0.1.gif -------------------------------------------------------------------------------- /docs/assistant/code-view.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: The Code view 3 | description: Instantly generate code while you interact with your design 4 | --- 5 | -------------------------------------------------------------------------------- /docs/assistant/components-view.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: Components View 3 | description: Edit the components properties and metadata. 4 | --- 5 | 6 | # Components view 7 | -------------------------------------------------------------------------------- /docs/assistant/design-assistant/icons-loader.mdx: -------------------------------------------------------------------------------- 1 | # Icons Loader 2 | -------------------------------------------------------------------------------- /docs/assistant/design-assistant/index.mdx: -------------------------------------------------------------------------------- 1 | # Design Assistant 2 | -------------------------------------------------------------------------------- /docs/assistant/environment-variables.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: Environment Variables 3 | description: Setting up env vars in Grida Assistant 4 | --- 5 | 6 | # Env Vars 7 | -------------------------------------------------------------------------------- /docs/assistant/linter.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: Design Linter 3 | description: Tidy-up your design for the maximum quality of your code. 4 | --- 5 | -------------------------------------------------------------------------------- /docs/assistant/preferences.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: "Assistant: Preferences" 3 | description: Assistant preferences 4 | --- 5 | -------------------------------------------------------------------------------- /docs/assistant/quicklook.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: Quicklook 3 | description: Instanly view a your design as a working application 4 | --- 5 | 6 | # Quicklook 7 | -------------------------------------------------------------------------------- /docs/cli/assets/supercharged-with-cli.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gridaco/legacy/8fc8b1fb2f3e4419eeaa49193ddb5c1fade82582/docs/cli/assets/supercharged-with-cli.png -------------------------------------------------------------------------------- /docs/cli/reference.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gridaco/legacy/8fc8b1fb2f3e4419eeaa49193ddb5c1fade82582/docs/cli/reference.md -------------------------------------------------------------------------------- /docs/cli/translations/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "translations": [ 3 | "ko" 4 | ] 5 | } 6 | -------------------------------------------------------------------------------- /docs/cloud/index.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: Grida Cloud 3 | description: Index 4 | --- 5 | -------------------------------------------------------------------------------- /docs/concepts/02-design-linting.mdx: -------------------------------------------------------------------------------- 1 | # Design Lint 2 | 3 | ## What is "design lint"? 4 | 5 | ### What is lint? 6 | -------------------------------------------------------------------------------- /docs/concepts/03-layouts/03-overflow-and-scrolling.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: "Overflow & Scrolling Layout" 3 | --- 4 | 5 | # Overflow & Scrolling Layout 6 | 7 | Read the technical blueprint 8 | 9 | - [How to determine if flexbox should have overflow porperty?](../../@designto-code/overflow-layout-scroll) 10 | - [Item overflowing scenarios (static, no-scroll)](../../@designto-code/item-overflow) 11 | -------------------------------------------------------------------------------- /docs/concepts/03-layouts/04-constraints.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: "Constraints / Alignment" 3 | --- 4 | 5 | # Constraints / Alignment 6 | -------------------------------------------------------------------------------- /docs/concepts/03-layouts/05-best-practice.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: "Layouting Best Practice" 3 | --- 4 | 5 | # Layouting Best Practice 6 | -------------------------------------------------------------------------------- /docs/concepts/03-layouts/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "label": "Layouts" 3 | } 4 | -------------------------------------------------------------------------------- /docs/concepts/04-components/03-component-management.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: "Components Management" 3 | --- 4 | 5 | In this document, we will be covering the basics of how to use the components management system. 6 | This is purely technical, this does not cover the part how to implement components to co-work between designers. 7 | -------------------------------------------------------------------------------- /docs/concepts/04-components/05-component-variant.mdx: -------------------------------------------------------------------------------- 1 | # Variants 2 | 3 | ## Variant vs State 4 | 5 | ## Built-in States 6 | 7 | Also known as `Pseudo-classes` in CSS, these are built-in states and its names to represent them. 8 | 9 | - `hover` 10 | - `focus` 11 | - `active` 12 | - `visited` 13 | - `disabled` 14 | - `enabled` 15 | - `checked` 16 | - `indeterminate` 17 | 18 | ## Custom data 19 | 20 | ## Switch vs Boolean 21 | -------------------------------------------------------------------------------- /docs/concepts/04-components/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "label": "Components" 3 | } 4 | -------------------------------------------------------------------------------- /docs/concepts/05-widgets/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "label": "Widgets" 3 | } 4 | -------------------------------------------------------------------------------- /docs/concepts/06-motions/01-intro.mdx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gridaco/legacy/8fc8b1fb2f3e4419eeaa49193ddb5c1fade82582/docs/concepts/06-motions/01-intro.mdx -------------------------------------------------------------------------------- /docs/concepts/06-motions/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "label": "Motions" 3 | } 4 | -------------------------------------------------------------------------------- /docs/concepts/07-prototyping/01-intro.mdx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gridaco/legacy/8fc8b1fb2f3e4419eeaa49193ddb5c1fade82582/docs/concepts/07-prototyping/01-intro.mdx -------------------------------------------------------------------------------- /docs/concepts/07-prototyping/02-using-figma-prototype.mdx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gridaco/legacy/8fc8b1fb2f3e4419eeaa49193ddb5c1fade82582/docs/concepts/07-prototyping/02-using-figma-prototype.mdx -------------------------------------------------------------------------------- /docs/concepts/07-prototyping/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "label": "Prototyping" 3 | } 4 | -------------------------------------------------------------------------------- /docs/concepts/07-prototyping/prototype.mdx: -------------------------------------------------------------------------------- 1 | # Your design is your idea 2 | 3 | > Prototyping that makes sence. no more copy pasting, dragging lines and aweful syncing changes. 4 | 5 | 6 | 7 | 8 | 9 | ## Fully version compatible 10 | 11 | 12 | 13 | ## Instant prototyping (The actal working one) 14 | 15 | 16 | 17 | ## Share to the world 18 | 19 | -------------------------------------------------------------------------------- /docs/concepts/08-events-and-actions/01-intro.mdx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gridaco/legacy/8fc8b1fb2f3e4419eeaa49193ddb5c1fade82582/docs/concepts/08-events-and-actions/01-intro.mdx -------------------------------------------------------------------------------- /docs/concepts/08-events-and-actions/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "label": "Events and Actions" 3 | } 4 | -------------------------------------------------------------------------------- /docs/concepts/09-props/01-intro.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gridaco/legacy/8fc8b1fb2f3e4419eeaa49193ddb5c1fade82582/docs/concepts/09-props/01-intro.md -------------------------------------------------------------------------------- /docs/concepts/09-props/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "label": "Props" 3 | } 4 | -------------------------------------------------------------------------------- /docs/concepts/10-flags/01-intro.md: -------------------------------------------------------------------------------- 1 | # Introduction to Flags 2 | -------------------------------------------------------------------------------- /docs/concepts/10-flags/02-things-that-can-be-done-only-by-using-flags.md: -------------------------------------------------------------------------------- 1 | --- 2 | tile: "Flags - Must use scenarios" 3 | --- 4 | 5 | # Flags - Must use scenarios 6 | 7 | > Things that can be only done right with Flags. (Things that can't be done witout flags) 8 | -------------------------------------------------------------------------------- /docs/concepts/10-flags/03-flags-for-extending-layout.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gridaco/legacy/8fc8b1fb2f3e4419eeaa49193ddb5c1fade82582/docs/concepts/10-flags/03-flags-for-extending-layout.md -------------------------------------------------------------------------------- /docs/concepts/10-flags/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "label": "Flags" 3 | } 4 | -------------------------------------------------------------------------------- /docs/concepts/11-contents-management/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "label": "Contents Management" 3 | } 4 | -------------------------------------------------------------------------------- /docs/concepts/11-contents-management/design-as-translations.mdx: -------------------------------------------------------------------------------- 1 | # Your design is your transations 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /docs/concepts/99-understand-bts/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "label": "Understanding Behind the scene" 3 | } 4 | -------------------------------------------------------------------------------- /docs/concepts/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "label": "Concepts" 3 | } 4 | -------------------------------------------------------------------------------- /docs/concepts/handoff.mdx: -------------------------------------------------------------------------------- 1 | # Handoff like never before 2 | 3 | > Fastest handoff ever. Cause you don't need one. 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | ## Live Preview & Instant code generation 12 | 13 | 14 | 15 | ## Stress releaving co-working experience 16 | 17 | 18 | 19 | ## GIT Integration -------------------------------------------------------------------------------- /docs/console/index.mdx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gridaco/legacy/8fc8b1fb2f3e4419eeaa49193ddb5c1fade82582/docs/console/index.mdx -------------------------------------------------------------------------------- /docs/conventions/dynamic-routes.mdx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gridaco/legacy/8fc8b1fb2f3e4419eeaa49193ddb5c1fade82582/docs/conventions/dynamic-routes.mdx -------------------------------------------------------------------------------- /docs/conventions/index.mdx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gridaco/legacy/8fc8b1fb2f3e4419eeaa49193ddb5c1fade82582/docs/conventions/index.mdx -------------------------------------------------------------------------------- /docs/conventions/routes.mdx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gridaco/legacy/8fc8b1fb2f3e4419eeaa49193ddb5c1fade82582/docs/conventions/routes.mdx -------------------------------------------------------------------------------- /docs/dataset/index.mdx: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /docs/design/11-text-form-field.md: -------------------------------------------------------------------------------- 1 | # TextFormField 2 | -------------------------------------------------------------------------------- /docs/design/assets/password-field-example.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gridaco/legacy/8fc8b1fb2f3e4419eeaa49193ddb5c1fade82582/docs/design/assets/password-field-example.png -------------------------------------------------------------------------------- /docs/design/breakpoints.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gridaco/legacy/8fc8b1fb2f3e4419eeaa49193ddb5c1fade82582/docs/design/breakpoints.md -------------------------------------------------------------------------------- /docs/design/theming.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gridaco/legacy/8fc8b1fb2f3e4419eeaa49193ddb5c1fade82582/docs/design/theming.md -------------------------------------------------------------------------------- /docs/design/use-of-autolayout.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gridaco/legacy/8fc8b1fb2f3e4419eeaa49193ddb5c1fade82582/docs/design/use-of-autolayout.md -------------------------------------------------------------------------------- /docs/editor/README.md: -------------------------------------------------------------------------------- 1 | # Welcome to Bridged Studio Docs 2 | 3 | 4 | 5 | ## Index 6 | 7 | * [Shortcuts](./shortcuts) 8 | 9 | * [Features](./features) 10 | 11 | * [User interface](./user-interface) 12 | 13 | -------------------------------------------------------------------------------- /docs/editor/features/README.md: -------------------------------------------------------------------------------- 1 | - [add new property on inspection panel](./property-add-new.md) 2 | - [re-ordering properties](./property-re-order.md) 3 | - [hide and show right inspection panel](./right-inspector-panel-show-hide.md) 4 | 5 | -------------------------------------------------------------------------------- /docs/editor/features/property-add-new.md: -------------------------------------------------------------------------------- 1 | ![Bridged: re-ordering properties in inspection panel](../resources/add-property-button-descriptor.png) 2 | 3 | -------------------------------------------------------------------------------- /docs/editor/features/property-re-order.md: -------------------------------------------------------------------------------- 1 | ![Bridged: re-ordering properties in inspection panel](../resources/re-ordering-properties-in-inspection-panel.png) 2 | 3 | -------------------------------------------------------------------------------- /docs/editor/features/right-inspector-panel-show-hide.md: -------------------------------------------------------------------------------- 1 | ### Hiding the right inspector panel 2 | 3 | ![Bridged: re-ordering properties in inspection panel](../resources/hide-design-inspector-feature-indication.png) 4 | 5 | ## Showing the hidden right inspector panel 6 | 7 | ![Bridged: re-ordering properties in inspection panel](../resources/show-design-inspector-button-descriptor.png) -------------------------------------------------------------------------------- /docs/editor/resources/add-property-button-descriptor.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gridaco/legacy/8fc8b1fb2f3e4419eeaa49193ddb5c1fade82582/docs/editor/resources/add-property-button-descriptor.png -------------------------------------------------------------------------------- /docs/editor/resources/hide-design-inspector-feature-indication.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gridaco/legacy/8fc8b1fb2f3e4419eeaa49193ddb5c1fade82582/docs/editor/resources/hide-design-inspector-feature-indication.png -------------------------------------------------------------------------------- /docs/editor/resources/re-ordering-properties-in-inspection-panel.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gridaco/legacy/8fc8b1fb2f3e4419eeaa49193ddb5c1fade82582/docs/editor/resources/re-ordering-properties-in-inspection-panel.png -------------------------------------------------------------------------------- /docs/editor/resources/show-design-inspector-button-descriptor.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gridaco/legacy/8fc8b1fb2f3e4419eeaa49193ddb5c1fade82582/docs/editor/resources/show-design-inspector-button-descriptor.png -------------------------------------------------------------------------------- /docs/editor/shortcuts/index.md: -------------------------------------------------------------------------------- 1 | # Bridged Studio Shortcuts 2 | 3 | 4 | 5 | ## Design Shortcuts 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /docs/faq/_category_.json: -------------------------------------------------------------------------------- 1 | { 2 | "label": "FAQ" 3 | } 4 | -------------------------------------------------------------------------------- /docs/faq/index.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: "FAQ" 3 | --- 4 | 5 | # FAQ 6 | -------------------------------------------------------------------------------- /docs/flags/assets/--artwork-flag-example-part-name-editing-only.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gridaco/legacy/8fc8b1fb2f3e4419eeaa49193ddb5c1fade82582/docs/flags/assets/--artwork-flag-example-part-name-editing-only.gif -------------------------------------------------------------------------------- /docs/flags/assets/--h1-flag-example-part-name-editing-only.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gridaco/legacy/8fc8b1fb2f3e4419eeaa49193ddb5c1fade82582/docs/flags/assets/--h1-flag-example-part-name-editing-only.gif -------------------------------------------------------------------------------- /docs/getting-started/05-examples.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | id: examples 3 | title: "Examples" 4 | --- 5 | 6 | # Examples 7 | 8 | ## Autolayout Example 9 | 10 | ## Responsive Web Example 11 | 12 | ## Shared Library Example 13 | -------------------------------------------------------------------------------- /docs/getting-started/assets/how-to-configure-framework-on-assistant-v2021-11.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gridaco/legacy/8fc8b1fb2f3e4419eeaa49193ddb5c1fade82582/docs/getting-started/assets/how-to-configure-framework-on-assistant-v2021-11.png -------------------------------------------------------------------------------- /docs/getting-started/assets/how-to-run-lints-on-your-design-with-grida-assistant-figma-plugin-15s.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gridaco/legacy/8fc8b1fb2f3e4419eeaa49193ddb5c1fade82582/docs/getting-started/assets/how-to-run-lints-on-your-design-with-grida-assistant-figma-plugin-15s.gif -------------------------------------------------------------------------------- /docs/getting-started/assets/how-to-run-lints-on-your-design-with-grida-assistant-figma-plugin-15s.mov: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gridaco/legacy/8fc8b1fb2f3e4419eeaa49193ddb5c1fade82582/docs/getting-started/assets/how-to-run-lints-on-your-design-with-grida-assistant-figma-plugin-15s.mov -------------------------------------------------------------------------------- /docs/getting-started/translations/ko/05-examples.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | id: examples 3 | title: "예시" 4 | --- 5 | 6 | # 예시 7 | 8 | ## Autolayout Example 9 | 10 | ## Responsive Web Example 11 | 12 | ## Shared Library Example 13 | -------------------------------------------------------------------------------- /docs/getting-started/translations/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "translations": [ 3 | "ko" 4 | ] 5 | } 6 | -------------------------------------------------------------------------------- /docs/integrations/github/index.md: -------------------------------------------------------------------------------- 1 | # Github Integrations 2 | -------------------------------------------------------------------------------- /docs/integrations/index.mdx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gridaco/legacy/8fc8b1fb2f3e4419eeaa49193ddb5c1fade82582/docs/integrations/index.mdx -------------------------------------------------------------------------------- /docs/integrations/jira/index.mdx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gridaco/legacy/8fc8b1fb2f3e4419eeaa49193ddb5c1fade82582/docs/integrations/jira/index.mdx -------------------------------------------------------------------------------- /docs/integrations/slack/index.mdx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gridaco/legacy/8fc8b1fb2f3e4419eeaa49193ddb5c1fade82582/docs/integrations/slack/index.mdx -------------------------------------------------------------------------------- /docs/lint/index.md: -------------------------------------------------------------------------------- 1 | # Design lint 2 | -------------------------------------------------------------------------------- /docs/plugins/index.mdx: -------------------------------------------------------------------------------- 1 | ## Developing Plugins for Grida platform 2 | -------------------------------------------------------------------------------- /docs/support/README.md: -------------------------------------------------------------------------------- 1 | # This is not a comunity support directory. 2 | 3 | This is a temporary directory for contents that should be listed under support.grida.co or grida.co/support. not grida.co/docs/support 4 | 5 | WILL BE ARCHIVED AND REMOVED. 6 | -------------------------------------------------------------------------------- /docs/support/index.mdx: -------------------------------------------------------------------------------- 1 | # Support 2 | 3 | 4 | 5 | for issuing new support ticket, visit https://support.bridged.xyz -------------------------------------------------------------------------------- /docs/together/03-projects.md: -------------------------------------------------------------------------------- 1 | --- 2 | id: projects 3 | title: "Projects" 4 | --- 5 | 6 | # Projects 7 | 8 | Visit https://github.com/gridaco to view all projects. 9 | 10 | ## Grida 11 | 12 | https://github.com/gridaco 13 | 14 | ## Reflect UI 15 | 16 | Visit https://github.com/reflect-ui to view all reflect ui projects. 17 | 18 | ## Legacy (Bridged) 19 | 20 | Visit https://github.com/bridgedxyz to view all legacy projects. 21 | -------------------------------------------------------------------------------- /docs/together/translations/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "translations": [ 3 | "ko" 4 | ] 5 | } 6 | -------------------------------------------------------------------------------- /docs/translations/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "translations": [ 3 | "ko" 4 | ] 5 | } 6 | -------------------------------------------------------------------------------- /docs/vscode/README.md: -------------------------------------------------------------------------------- 1 | # Grida VSCode Extension Docs Directory. 2 | 3 | Read the docs at https://grida.io/docs/vscode/ 4 | -------------------------------------------------------------------------------- /docs/vscode/getting-started.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: "Getting Started with Grida VSCode" 3 | version: 0.1.0 4 | revision: 1 5 | --- 6 | 7 | # Getting Started with Grida VSCode 8 | 9 | Install the vscode extension: [Grida](https://marketplace.visualstudio.com/items?itemName=grida.grida-vscode) 10 | -------------------------------------------------------------------------------- /docs/with-css/index.md: -------------------------------------------------------------------------------- 1 | # Quickstart: CSS 2 | -------------------------------------------------------------------------------- /docs/with-emotion-js/index.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gridaco/legacy/8fc8b1fb2f3e4419eeaa49193ddb5c1fade82582/docs/with-emotion-js/index.md -------------------------------------------------------------------------------- /docs/with-expo/index.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gridaco/legacy/8fc8b1fb2f3e4419eeaa49193ddb5c1fade82582/docs/with-expo/index.md -------------------------------------------------------------------------------- /docs/with-figma/index.md: -------------------------------------------------------------------------------- 1 | # Figma 2 | -------------------------------------------------------------------------------- /docs/with-framer-motion/index.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gridaco/legacy/8fc8b1fb2f3e4419eeaa49193ddb5c1fade82582/docs/with-framer-motion/index.md -------------------------------------------------------------------------------- /docs/with-headless-ui/index.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gridaco/legacy/8fc8b1fb2f3e4419eeaa49193ddb5c1fade82582/docs/with-headless-ui/index.md -------------------------------------------------------------------------------- /docs/with-html/index.md: -------------------------------------------------------------------------------- 1 | # Quickstart: Html (Vanilla) 2 | -------------------------------------------------------------------------------- /docs/with-jetpack-compose/index.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gridaco/legacy/8fc8b1fb2f3e4419eeaa49193ddb5c1fade82582/docs/with-jetpack-compose/index.md -------------------------------------------------------------------------------- /docs/with-lit/index.md: -------------------------------------------------------------------------------- 1 | # Quickstart: Lit 2 | 3 | > Lit is a simple library for building fast, lightweight web components. 4 | -------------------------------------------------------------------------------- /docs/with-mui/index.md: -------------------------------------------------------------------------------- 1 | # Quickstart: Material UI for React (`@mui/material`) 2 | -------------------------------------------------------------------------------- /docs/with-nextjs/index.md: -------------------------------------------------------------------------------- 1 | # Quick start: Next js 2 | -------------------------------------------------------------------------------- /docs/with-nuxtjs/index.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gridaco/legacy/8fc8b1fb2f3e4419eeaa49193ddb5c1fade82582/docs/with-nuxtjs/index.md -------------------------------------------------------------------------------- /docs/with-preact/index.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gridaco/legacy/8fc8b1fb2f3e4419eeaa49193ddb5c1fade82582/docs/with-preact/index.md -------------------------------------------------------------------------------- /docs/with-react-native/index.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gridaco/legacy/8fc8b1fb2f3e4419eeaa49193ddb5c1fade82582/docs/with-react-native/index.md -------------------------------------------------------------------------------- /docs/with-react/index.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: "Quickstart: React" 3 | sidebar_position: 1 4 | --- 5 | 6 | # Quickstart: React 7 | -------------------------------------------------------------------------------- /docs/with-scss/index.md: -------------------------------------------------------------------------------- 1 | # Quickstart: SCSS (Sass) 2 | -------------------------------------------------------------------------------- /docs/with-sketch/index.mdx: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /docs/with-solid-js/index.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: "Quickstart: SolidJS" 3 | sidebar_position: 1 4 | --- 5 | 6 | # Quickstart: SolidJS 7 | -------------------------------------------------------------------------------- /docs/with-storybook/index.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gridaco/legacy/8fc8b1fb2f3e4419eeaa49193ddb5c1fade82582/docs/with-storybook/index.md -------------------------------------------------------------------------------- /docs/with-styled-components/index.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gridaco/legacy/8fc8b1fb2f3e4419eeaa49193ddb5c1fade82582/docs/with-styled-components/index.md -------------------------------------------------------------------------------- /docs/with-svelte/index.mdx: -------------------------------------------------------------------------------- 1 | ## Svelte platform support 2 | 3 | ## Code Styles & Conventions 4 | -------------------------------------------------------------------------------- /docs/with-swiftui/index.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gridaco/legacy/8fc8b1fb2f3e4419eeaa49193ddb5c1fade82582/docs/with-swiftui/index.md -------------------------------------------------------------------------------- /docs/with-tailwindcss/index.md: -------------------------------------------------------------------------------- 1 | # Quickstart: Tailwind css 2 | -------------------------------------------------------------------------------- /docs/with-vanilla-web/index.mdx: -------------------------------------------------------------------------------- 1 | # Vanilla HTML/CSS support 2 | -------------------------------------------------------------------------------- /docs/with-vue/index.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gridaco/legacy/8fc8b1fb2f3e4419eeaa49193ddb5c1fade82582/docs/with-vue/index.md -------------------------------------------------------------------------------- /docs/with-webcomponents/index.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: "Quickstart: Webcomponents" 3 | sidebar_position: 1 4 | --- 5 | 6 | # Quickstart: Webcomponents 7 | -------------------------------------------------------------------------------- /docs/with-xd/index.mdx: -------------------------------------------------------------------------------- 1 | # Getting Started with Adobe XD 2 | -------------------------------------------------------------------------------- /experiments/README.md: -------------------------------------------------------------------------------- 1 | ## Bridged Technical & UX Experiments 2 | -------------------------------------------------------------------------------- /experiments/skia-performance/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "@labs.grida.co/skia-performance", 3 | "private": false, 4 | "dependencies": { 5 | "canvaskit-wasm": "0.25.0" 6 | }, 7 | "devDependencies": {} 8 | } -------------------------------------------------------------------------------- /go.mod: -------------------------------------------------------------------------------- 1 | module grida 2 | 3 | go 1.16 4 | 5 | require github.com/flutter/flutter v1.16.3 // indirect 6 | -------------------------------------------------------------------------------- /packages/app-blocks/bookmark-block/index.ts: -------------------------------------------------------------------------------- 1 | export { BookmarkBlock, BaseBookmarkBlock } from "./bookmark-block"; 2 | -------------------------------------------------------------------------------- /packages/app-blocks/content-card-block.tsx: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import styled from "@emotion/styled"; 3 | import { nanoid } from "nanoid"; 4 | 5 | export function ContentCard(props: { 6 | id?: string; 7 | title: string; 8 | description: string; 9 | }) { 10 | let key = props.id ?? nanoid(); 11 | return {props.title}; 12 | } 13 | 14 | const Root = styled.div``; 15 | -------------------------------------------------------------------------------- /packages/app-blocks/directory-card-block.tsx: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | export function DirectoryCard() { 4 | return <>; 5 | } 6 | -------------------------------------------------------------------------------- /packages/app-blocks/in-block-button/index.ts: -------------------------------------------------------------------------------- 1 | export { InBlockButton } from "./in-block-button"; 2 | -------------------------------------------------------------------------------- /packages/app-blocks/index.ts: -------------------------------------------------------------------------------- 1 | export * from "./in-block-button"; 2 | export * from "./scaffold-code-block"; 3 | export * from "./screen-preview-card-block"; 4 | export * from "./table-tab-item"; 5 | export * from "./content-card-block"; 6 | export * from "./directory-card-block"; 7 | -------------------------------------------------------------------------------- /packages/app-blocks/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "@app/blocks", 3 | "version": "0.0.0", 4 | "dependencies": { 5 | "@base-sdk/functions-code-format": "^0.0.0", 6 | "@monaco-editor/react": "^4.2.2", 7 | "@reflect-blocks/figma-embed": "0.0.4", 8 | "monaco-editor": "^0.26.1" 9 | }, 10 | "peerDependencies": { 11 | "@types/node": "^16.4.13" 12 | } 13 | } -------------------------------------------------------------------------------- /packages/app-blocks/scaffold-code-block/index.ts: -------------------------------------------------------------------------------- 1 | export * from "./scaffold-code-block"; 2 | -------------------------------------------------------------------------------- /packages/app-blocks/screen-preview-card-block/index.ts: -------------------------------------------------------------------------------- 1 | export * from "./screen-preview-card-block"; 2 | // do not export others - kepp it clean 3 | -------------------------------------------------------------------------------- /packages/app-blocks/screen-preview-card-block/provider-any-snapshot-view.tsx: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | interface ProviderAnySnapshotViewProps { 4 | /** 5 | * snapshot image file uri 6 | */ 7 | snapshot: string; 8 | } 9 | 10 | export function ProviderAnySnapshotView(props: ProviderAnySnapshotViewProps) { 11 | return ( 12 | <> 13 | 14 | 15 | ); 16 | } 17 | -------------------------------------------------------------------------------- /packages/app-blocks/screen-preview-card-block/provider-figma-embed.tsx: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import FigmaEmbed from "@reflect-blocks/figma-embed"; 3 | 4 | interface ProviderFigmaEmbedProps { 5 | url: string; 6 | } 7 | export function ProviderFigmaEmbed(props: ProviderFigmaEmbedProps) { 8 | return ( 9 | <> 10 | 11 | 12 | ); 13 | } 14 | -------------------------------------------------------------------------------- /packages/app-blocks/screen-preview-card-block/provider-nothing-embed.tsx: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | interface ProviderNothingEmbedProps {} 4 | export function ProviderNothingEmbed(props: ProviderNothingEmbedProps) { 5 | return <>; 6 | } 7 | -------------------------------------------------------------------------------- /packages/app-blocks/screen-preview-card-block/provider-sketch-embed.tsx: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | interface ProviderSketchEmbedProps { 4 | url: string; 5 | } 6 | export function ProviderSketchEmbed(props: ProviderSketchEmbedProps) { 7 | return <>SKETCH EMBED; 8 | } 9 | -------------------------------------------------------------------------------- /packages/app-blocks/screen-preview-card-block/provider-unknown-iframe-embed.tsx: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | interface ProviderUnknownIframeEmbedProps { 4 | url: string; 5 | } 6 | 7 | export function ProviderUnknownIframeEmbed( 8 | props: ProviderUnknownIframeEmbedProps 9 | ) { 10 | return ( 11 | <> 12 |