-
Notifications
You must be signed in to change notification settings - Fork 361
Proof-of-Concept: A New™️ Preview System #3018
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
base: main
Are you sure you want to change the base?
Conversation
🗄️ Schema Change: No Changes ✅ |
🛠️ Item Splitting: No Changes ✅ |
|
Size Change: +1.07 kB (+0.22%) Total Size: 499 kB
ℹ️ View Unchanged
|
| <link | ||
| rel="preload" | ||
| href="https://fonts.googleapis.com/css?family=Inconsolata" | ||
| as="style" |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
The browser was complaining that a <link rel="preload" needs an as attribute.
| }; | ||
|
|
||
| const storybookPreviewUrl = React.useMemo(() => { | ||
| return `${window.location.origin}/iframe.html?id=dev-support-preview--default&viewMode=story`; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This is derived from the story in testing/preview.stories.tsx
| }} | ||
| /> | ||
|
|
||
| <PreviewPanel openButtonText="Open preview (storybook only)"> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
If production preview is working, I don't think we need this at all.
803408d to
278a1dd
Compare
…ry that acts as iframe content page
…tValue props as we only set them to mobile
…ing event.source)
…r want to change it
…my/perseus-editor
…de of the editor package
… the preview frame when its ready
278a1dd to
1266712
Compare
npm Snapshot: PublishedGood news!! We've packaged up the latest commit from this PR (e485e45) and published it to npm. You Example: pnpm add @khanacademy/perseus@PR3018If you are working in Khan Academy's frontend, you can run the below command. ./dev/tools/bump_perseus_version.ts -t PR3018If you are working in Khan Academy's webapp, you can run the below command. ./dev/tools/bump_perseus_version.js -t PR3018 |
Summary:
Issue: --hackathon--
Test plan: