Comments (5)
Thanks @csr632 , I will look into adding the features this week. Would you prefer that I add a PR to the dev/v4
branch? Also, is the CONTRIBUTING.md
up to date on the steps needed to run / test locally?
from vite-plugin-react-pages.
Sorry for the late response!
For your use case, I think you can achieve you goal like this:
export interface Style {
/** Style for the button */
button: React.CSSProperties;
/** @private */
private: Object;
}
export interface TestIds {
/** Test id for the root container */
ROOT: "root-test-id";
}
export const styles = (theme): Style => {
return {
/** Style for the button */
button: {},
/** @private */
private: {},
};
};
export const testIds: TestIds = {
/** Test id for the root container */
ROOT: "root-test-id",
};
And you can extract the ts info like this:
<TsInfo src="./index.ts" name="Style" />
<TsInfo src="./index.ts" name="TestIds" />
This code may looks "repeated", because you need to define the properites twice, once in the type world and once in the value world.
But I think the repetition is ok because the typescript will make sure your type and your value are always consistant. So it will not become a maintenance burden. And the explicit type declaration make it more stable because you will be more careful when you make breaking changes to it, which is a great quality for documented features. What do you think?
Hiding @private
or @internal
properities is a great feature to have!
If you want to know how ts info extraction works and improve it, here is its implementation:
This is a very self-contained file (no external code dependency), so you can read and develop it without knowing too much context.
from vite-plugin-react-pages.
Would you prefer that I add a PR to the dev/v4 branch?
Yes, it will be easier to merge. Thanks!
is the CONTRIBUTING.md up to date on the steps needed to run / test locally?
The test setup has been migrated to playwright test. I will add more info to CONTRIBUTING.md
this week.
from vite-plugin-react-pages.
CONTRIBUTING.md
is updated on both main
and dev/v4
branches.
from vite-plugin-react-pages.
TsInfo has been improved. Checkout #117 and https://stackblitz.com/fork/github/vitejs/vite-plugin-react-pages/tree/main/packages/create-project/template-lib?file=README.md&terminal=dev
from vite-plugin-react-pages.
Related Issues (20)
- How to add CodeSandbox to a demo block HOT 1
- Error: "The MDX plugin should be placed before this plugin" HOT 1
- Can the default theme adopt vitepress? HOT 1
- Pages generated from src can not access directly HOT 5
- Action Required: Fix Renovate Configuration
- how to kebabCase page url HOT 15
- Excessive indentation in generated source code when using tabs for indentation
- Incorrect image width in markdown content
- Style conflict with antd
- Render demo support show related files
- 想要配置一个不带左侧导航的首页可以实现吗 HOT 1
- Custom remark & rehype plugins for markdown? HOT 5
- node.js dependencies crashing app - fs.realpathSync HOT 1
- Can't get route / pages to work in Build HOT 5
- Doesn't work with @vitejs/plugin-react-swc, redeclaration of const RefreshRuntime HOT 2
- Support Vite 5? HOT 2
- The right anchor disappeared on some pages. HOT 2
- Bug: hmr cause runtime error when add/delete title HOT 1
- Include in an existing project HOT 1
- Files in page folders gets excluded from navigation
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from vite-plugin-react-pages.