Material-ui: समर्थन जेएसएस डिफ़ॉल्ट रूप से प्लगइन का विस्तार करें

@tdkn क्या आप jss-विस्तार प्लगइन लोड कर रहे हैं? https://github.com/cssinjs/react-jss#custom -setup

@mbrookes
धन्यवाद
मैंने इसे नीचे की तरह तय किया।
लेकिन, यह विस्तार से प्रलेखित है? :निराश:

import React, { Component } from 'react'
import ReactDOM, { render } from 'react-dom'
import PropTypes from 'prop-types'
import { JssProvider, SheetsRegistry, jss } from 'react-jss'
import { withStyles } from 'material-ui/styles'

const withJSSProvider = Component => props => (
  <JssProvider registry={new SheetsRegistry()} jss={jss}>
    <Component {...props} />
  </JssProvider>
)

const styles = theme => ({
  ext: {
    color: '#FF0000',
  },
  text: {
    extend: 'ext',
    fontSize: '50px',
    cursor: 'pointer',
    userSelect: 'none'
  }
})

<strong i="10">@withJSSProvider</strong>
@withStyles(styles)
class App extends Component {
  static propTypes = {
    classes: PropTypes.object.isRequired
  }

  onClick(event) {
    const className = event.target.getAttribute('class')
    const style = getComputedStyle(event.target, null)
    const { fontSize, cursor, userSelect, color } = style

    console.log(`className: ${className}`)
    console.log({ fontSize, cursor, userSelect, color })
  }

  render() {
    const { classes } = this.props
    return (
      <p className={classes.text} onClick={this.onClick}>Foo Bar Baz</p>
    )
  }
}

render(<App />, document.getElementById('root'))

लेकिन जेएसएस-विस्तार जेएसएस-प्रीसेट-डिफ़ॉल्ट का हिस्सा नहीं है?
https://material-ui-next.com/customization/css-in-js/#jss
https://github.com/cssinjs/jss-preset-default/blob/master/package.json#L50

@giapelle अच्छा बिंदु। @कोफ?

@tdkn प्रतिक्रिया के लिए धन्यवाद। मैं चेंजलॉग के ब्रेकिंग चेंज पार्ट में बदलाव जोड़ रहा हूं।

• [कोर] बंडल का आकार 2kB gzipped (#9129) @oliviertassinari . कम करें
  हमने हटा दिया है:
  
  
  
  • jss-विस्तार (1.3 kB)
  
  
  • jss-लिखें (426 बी)
  
  
  • जेएसएस-विस्तार (702 बी)
  
  
  • जेएसएस-टेम्पलेट (330 बी)
  
  

हमें यह उल्लेख करने की आवश्यकता है कि उपयोगकर्ता एक JSS उदाहरण को कई स्थानों पर कैसे अनुकूलित कर सकता है, क्योंकि इस अनुकूलन के माध्यम से, हमने कई उपयोगकर्ताओं को इसमें और इसी तरह के मुद्दों (अभी भी आश्वस्त नहीं है कि यह इसके लायक था) में चला गया।

@kof मुझे लगता है कि आप सही हो सकते हैं: #9335

@kof मुझे लगता है कि हमें इसे एक प्रयोग के रूप में देखने की जरूरत है। मेरी रणनीति इंतजार करने और देखने की थी। अगर लोग शिकायत करते हैं, तो हम उनके द्वारा छूटे हुए प्लगइन्स को जोड़ देते हैं।

मेरे लिए, यह सब कंपोज़ के बारे में है

@kof मुझे लगता है कि हमें इसे एक प्रयोग के रूप में देखने की जरूरत है। मेरी रणनीति इंतजार करने और देखने की थी। अगर लोग शिकायत करते हैं, तो हम उनके द्वारा छूटे हुए प्लगइन्स को जोड़ देते हैं।

यह मूल रूप से पहले उपयोगकर्ता की प्रतीक्षा करने जैसा है जो एक प्लगइन की अनुपस्थिति के बारे में शिकायत करता है जिसका वह उपयोग कर रहा है, आप इस प्रयोग को कभी भी समाप्त नहीं करेंगे हाहा

"लिखता है" साझा-स्टाइलशीट-समस्या को हल करने के लिए एक अच्छा समाधान की तरह दिखता है"

दोह! @oallouch वही: मुझे यकीन था कि मुई jss-preset-default का उपयोग कर रहा था लेकिन फिर मैं इसमें ठोकर खाई।
मैं compose या extend का उपयोग करने का प्रयास कर रहा था।
@olegberman क्या यह हटाने लायक था अगर 2kb gzipped के बाद भी? मैं

@oliviertassinari ने कहा

हमने इस परिवर्तन को दर्शाने के लिए दस्तावेज़ीकरण को अद्यतन किया है।

मैं एक ही मुद्दे में भाग गया, विस्तार प्लगइन का उपयोग करने की कोशिश कर रहा था।
मैंने इसका अनुसरण करने की कोशिश की: https://material-ui-next.com/guides/right-to-left/#3 -jss-rtl
लेकिन मैं सर्वर साइड रेंडरिंग का उपयोग कर रहा हूं और मैं इसे काम करने में सक्षम नहीं था।

पुनश्च: सुनिश्चित नहीं है कि इन प्लगइन्स को 2kb के लिए हटाने के लायक था क्योंकि ये वास्तव में बहुत बढ़िया विशेषताएं हैं जिनका उपयोग हर किसी को करना चाहिए

मैं दूसरा, विस्तार और रचना JSS में IMHO आवश्यक उपकरण हैं और 2kb के लायक नहीं हैं।

रेंडरिंग रनटाइम ओवरहेड को परिमाणित करने की आवश्यकता है। यह केवल बंडल आकार के बारे में नहीं है।

यह अभी भी मुई के लिए वैकल्पिक है, इसलिए यदि आप पाते हैं कि यह ओवरहेड बढ़ाता है, तो आप क्लासनाम लाइब्रेरी और स्प्रेड ऑपरेटर का उपयोग करना जारी रख सकते हैं, मुझे लगता है कि इससे कोई फर्क नहीं पड़ेगा।

मैं जेएस-विस्तार प्लगइन को सक्षम करने की कोशिश कर रहा था जिस तरह से जेएस-आरटीएल प्लगइन को दस्तावेज़ों के अनुसार सक्षम किया जाना चाहिए। वही कोड, लेकिन मैंने सभी प्लगइन-संबंधित कॉल को jss-exend one में बदल दिया है। लेकिन सफलता के बिना। जिन नियमों को बढ़ाया जाना चाहिए, वे वास्तव में प्रभावित नहीं होते हैं। क्या कोई इसे अंततः बना सकता था?

धिक्कार है, आधा आखिरी दिन सामग्री-यूआई में जेएसएस-विस्तार का उपयोग करने के तरीके पर बिताया गया, इस उदाहरण के साथ कहीं मिला:
cssLabel: { "&$cssFocused": { color: grey[500] } }, cssFocused: { backgroundColor: blue[500] },
जहां मैं हालांकि "&$cssFocused विस्तार की तरह होगा: cssFocused. लेकिन ऐसा नहीं है। तो इसे कैसे करें?

@nsaubi आप नेस्टिंग कार्यक्षमता के बारे में बात कर रहे हैं, और युक्त नियम चयनकर्ता द्वारा प्रतिस्थापित किया गया है, जैसे sass में।

अगर भविष्य में जेएसएस-विस्तार/लिखें मानक बन जाएंगे तो कोई जानकारी?

मुझे आशा है कि विस्तार इसे वापस कर देगा क्योंकि यह जेएसएस कोड को क्लीनर आईएमओ बनाने में मदद करता है।

++ (1 )

2kb वास्तव में मायने नहीं रखता। मुझे लगता है कि "विस्तार और रचना" के साथ एक अच्छा कोडिंग पैटर्न स्थापित करना भविष्य के लिए अधिक महत्वपूर्ण है।
@oliviertassinari क्या आप कृपया उन्हें वापस जोड़ने के लिए मूल्यांकन कर सकते हैं, और वास्तव में, उनके लिए पूर्ण समर्थन जोड़ने के लिए?

@gitsupersmecher JssProvider घटक के साथ JSS में प्लगइन जोड़कर आप पहले से ही "विस्तार और रचना" के लिए पूर्ण समर्थन प्राप्त कर सकते हैं। अधिकांश लोग बिना साथ मिल सकते हैं। +2kb बंडल वृद्धि इस मुद्दे का एक पक्ष है, रनटाइम लागत दूसरा है।

मुझे लगता है कि रनटाइम लागत उन 2 के लिए लगभग ध्यान देने योग्य नहीं है। मुझे लगता है कि इसके लिए कुछ केबी जोड़ने लायक है, क्योंकि हमने स्टाइल को सार्वजनिक एपीआई का हिस्सा बनाया है और वे बहुत लोकप्रिय चीजें हैं।

हालांकि, विस्तार के बजाय, कोई स्प्रेड ऑपरेटर का उपयोग कर सकता है, जो ज्यादातर मामलों को कवर करता है और एक वर्गनाम को जोड़कर एक घटक के अंदर रचना की जा सकती है।

:+1: उन दोनों को दोबारा जोड़ने पर (विस्तार और लिखें)। वे निश्चित रूप से केवल 2KB IMO के लिए इसके लायक हैं।

एक अन्य विकल्प वास्तव में आंतरिक jss उदाहरण को छिपाना है और यह स्पष्ट करना है कि स्टाइल के लिए स्वयं के jss सेटअप का उपयोग कैसे करें।

नमस्ते, मैं एक nextjs परियोजना में jss-विस्तार जोड़ने की कोशिश कर रहा हूँ, (jss-rtl प्लगइन उदाहरण का उपयोग करके) सफलता के बिना। कोई इसे काम कर सकता है?

^ भी जानना चाहेंगे

यहां मैं पोस्ट करता हूं कि मैं क्या करता हूं। मैं नहीं जानता कि कैसे GenerateClassName को कार्यान्वित किया जाए क्योंकि nextjs उदाहरण में पहले से ही उपयोग किया जाता है।

इस उदाहरण को आधार के रूप में लेते हुए:
https://github.com/mui-org/material-ui/tree/master/examples/nextjs

पहले जेएसएस-विस्तार स्थापित करें
npm i --save jss-extend

/पृष्ठ/_app.js

import React from 'react';
import App, { Container } from 'next/app';
import { MuiThemeProvider } from '@material-ui/core/styles';
import CssBaseline from '@material-ui/core/CssBaseline';
import JssProvider from 'react-jss/lib/JssProvider';
import getPageContext from '../src/getPageContext';

/* --------------------------------------------------------------------------------
* ADD THE IMPORTS
*-----------------------------------------------------------------------------------*/
import { createGenerateClassName, jssPreset } from '@material-ui/core/styles';
import { create } from 'jss';
import jssExtend from 'jss-extend';

const jss = create({ plugins: [...jssPreset().plugins, JssProvider ()] });


class MyApp extends App {
  constructor(props) {
    super(props);
    this.pageContext = getPageContext();
  }

  pageContext = null;

  componentDidMount() {
    // Remove the server-side injected CSS.
    const jssStyles = document.querySelector('#jss-server-side');
    if (jssStyles && jssStyles.parentNode) {
      jssStyles.parentNode.removeChild(jssStyles);
    }
  }

  render() {
    const { Component, pageProps } = this.props;
    return (
      <Container>
        {/* Wrap every page in Jss and Theme providers 
             HERE ALSO ADD JSS TO PROVIDER
          */}
        <JssProvider
          jss={this.jss}
          registry={this.pageContext.sheetsRegistry}
          generateClassName={this.pageContext.generateClassName}
        >
          {/* MuiThemeProvider makes the theme available down the React
              tree thanks to React context. */}
          <MuiThemeProvider
            theme={this.pageContext.theme}
            sheetsManager={this.pageContext.sheetsManager}
          >
            {/* CssBaseline kickstart an elegant, consistent, and simple baseline to build upon. */}
            <CssBaseline />
            {/* Pass pageContext to the _document though the renderPage enhancer
                to render collected styles on server side. */}
            <Component pageContext={this.pageContext} {...pageProps} />
          </MuiThemeProvider>
        </JssProvider>
      </Container>
    );
  }
}

export default MyApp;

क्या एक्सटेंड बैक जोड़ने की कोई योजना है?

मैं https://material-ui.com/guides/right-to-left/#3 -jss-rtl पर गाइड का अनुसरण कर रहा हूं, और विस्तार करने के लिए rtl को बदल दिया है, लेकिन यह काम नहीं करता है। क्यों पर कोई अंतर्दृष्टि?

मैं यह कर रहा हूं और प्लगइन लोड नहीं हो रहा है (v3.2.2)
कोई विचार?

import React from 'react'
import ReactDOM from 'react-dom'
import {
  MuiThemeProvider,
  createMuiTheme,
  createGenerateClassName,
  jssPreset
} from '@material-ui/core/styles'
import JssProvider from 'react-jss/lib/JssProvider'
import { create } from 'jss'
import jssExtend from 'jss-extend'
import CssBaseline from '@material-ui/core/CssBaseline'
import { UserProvider } from './context/User'
import App from './components/App'

const jss = create({ plugins: [...jssPreset().plugins, jssExtend()] })
const generateClassName = createGenerateClassName()

const theme = createMuiTheme({ ... })

const Main = () => (
  <JssProvider jss={jss} generateClassName={generateClassName}>
    <MuiThemeProvider theme={theme}>
      <CssBaseline/>
        <App/>
    </MuiThemeProvider>
  </JssProvider>
)

आपको प्लगइन्स को सही क्रम में सेट करना होगा, http://cssinjs.org/plugins?v=v9.8.7

आप mui के लिए बनाए गए .a प्रीसेट का उपयोग कर रहे हैं और गलत क्रम में jssExtend जोड़ रहे हैं। इसके बजाय आप प्रतिक्रिया-जेएसएस से एक जेएसएस इंस्टेंस का उपयोग कर सकते हैं जिसमें पहले से ही सभी प्रीसेट लागू हैं: "react-jss" से {jss} आयात करें या http://cssinjs.org/jss-preset-default?v से डिफ़ॉल्ट प्रीसेट आयात करें।

बस इस मुद्दे में भागो। यह भी विश्वास करें कि इसे डिफ़ॉल्ट रूप से जगह में होना चाहिए था।

मैं तर्क दूंगा कि यह डिफ़ॉल्ट रूप से इस आधार पर भी होना चाहिए कि @oliviertassinari का तर्क पर्याप्त रूप से मजबूत नहीं है। आंशिक रूप से, क्योंकि यदि विस्तार/लिखने को प्रोत्साहित नहीं किया जाता है, तो एक अच्छा मौका है कि कोडबेस अनावश्यक सीएसएस से अतिरिक्त ब्लोट के साथ समाप्त हो सकता है - जिससे अनावश्यक प्रसंस्करण भी हो सकता है। हो सकता है कि 2kb जितना हानिकारक न हो और हो सकता है कि विस्तार/रचना जितना अधिक प्रसंस्करण न हो, लेकिन कोड रखरखाव भी यहां एक कारक है। अंत में, मेरा तर्क इतना मजबूत नहीं हो सकता है, लेकिन हाथ में विकल्पों के लिए इतना मजबूत तर्क नहीं होने की उपस्थिति में ... मैं कहता हूं कि भीड़ को वह दें जो वे चाहते हैं! :डी

मैं सहमत हूं कि विस्तार और लिखें डिफ़ॉल्ट रूप से शामिल किया जाना चाहिए। वे ऐसे मौलिक कार्य हैं और यही कारण है कि मैं जेएसएस का उपयोग करता हूं। मुझे उन्हें फिर से जोड़ना अच्छा लगेगा, क्योंकि छोटी परियोजनाएं भी उनका उपयोग करेंगी और कस्टम इंस्टाल तुलनात्मक रूप से बहुत लंबा है।

@AdamWhitehurst क्या आप इस मुद्दे को उठा सकते हैं? यह हमें बेहतर ट्रेडऑफ़ बनाने में मदद करेगा :)।

मुझे लगता है कि हमें निम्नलिखित भारित आयामों पर विचार करना होगा:

• बातचीत में अपवोट/प्रतिभागियों की संख्या।
• रनटाइम लागत: ? (क्या कोई इसके साथ हमारा बेंचमार्क सूट चला सकता है?)
• बंडल आकार की लागत: 613 बी । इस आयाम के साथ मुद्दा एक्स के लिए केवल हमारे घटकों में से एक का उपयोग करने की लागत के आसपास है, जैसे कि मॉडल।

आखिरकार, हम इसके लिए एक ट्विटर पोल चला सकते हैं .

रनटाइम लागत यदि आपके पास स्थापित प्लगइन्स का विस्तार / रचना है, तो यह लगभग 0 है, यह एक जाँच है कि क्या extend या composes संपत्ति परिभाषित है, यदि नहीं - यह कुछ भी नहीं करता है

पूरी तरह से, मैंने पहली पोस्ट को ऊपर उठाया, क्या आपका मतलब है? मैं इस सब के लिए नया हूँ, इसलिए मेरे साथ रहो, हाहा।

मेरा अपवोट भी लें

एक और विचार यह हो सकता है कि प्रदर्शनकारी वर्कअराउंड कैसे हैं। मेरे कोड से उदाहरण:

<Typography variant='h5' className={`${classes.sideLink} ${classes.leftSideLink}`} >About</Typography>

इस वर्कअराउंड को करने की लागत क्या होगी?

विस्तार और रचना के लिए इस मुद्दे पर कोई खबर? दूसरों की तरह, मैं भी अलग प्लगइन्स स्थापित करने के लिए दस्तावेज़ों का पालन करने में असमर्थ था। मैंने उदाहरण की प्रतिलिपि भी बनाई लेकिन StylesProvider के साथ समस्याओं में भाग गया।

@gabrielliwerant नए प्लगइन्स जोड़ना आसान होना चाहिए। यदि सामग्री-यूआई उस पर अमल करने में विफल रहता है तो हमें इस समस्या पर ध्यान देना चाहिए।

मैं बंद कर रहा हूँ क्योंकि हम पहले ही wait for upvotes लेबल जोड़ चुके हैं।

@gabrielliwerant

नवीनतम वर्तमान में यहां है: https://github.com/cssinjs/jss/tree/master/packages/jss-plugin-extend

npm i jss-plugin-extend

import {jssPreset, StylesProvider, ThemeProvider} from '@material-ui/styles';
import {create} from "jss";
import jssPluginSyntaxExtend from "jss-plugin-extend";

const jss = create({
    plugins: [...jssPreset().plugins, jssPluginSyntaxExtend()],
});

तब ऐसा कुछ काफी अच्छा काम करता प्रतीत होता है ...

    render() {
        const {Component, pageProps} = this.props;

        return (
            <Container>
                <Head>
                    <title></title>
                </Head>
                <StylesProvider jss={jss}>
                    <ThemeProvider theme={theme}>
                            <CssBaseline/>
                            <Component {...pageProps} />
                    </ThemeProvider>
                </StylesProvider>
            </Container>
        );
    }

@gabrielliwerant

नवीनतम वर्तमान में यहां है: https://github.com/cssinjs/jss/tree/master/packages/jss-plugin-extend

npm i jss-plugin-extend

import {jssPreset, StylesProvider, ThemeProvider} from '@material-ui/styles';
import {create} from "jss";
import jssPluginSyntaxExtend from "jss-plugin-extend";

const jss = create({
  plugins: [...jssPreset().plugins, jssPluginSyntaxExtend()],
});

तब ऐसा कुछ काफी अच्छा काम करता प्रतीत होता है ...

  render() {
      const {Component, pageProps} = this.props;

      return (
          <Container>
              <Head>
                  <title></title>
              </Head>
              <StylesProvider jss={jss}>
                  <ThemeProvider theme={theme}>
                          <CssBaseline/>
                          <Component {...pageProps} />
                  </ThemeProvider>
              </StylesProvider>
          </Container>
      );
  }

मैंने इस समाधान की कोशिश की, लेकिन इस संस्करण में केवल जेएस-प्लगइन-विस्तार काम करता है, सभी अंतर्निहित प्लगइन्स ( ... jssPreset ().plugins ) काम नहीं करते हैं, जैसे कि वे वहां नहीं थे। सामग्री-यूआई वी4.5, जेएसएस वी10

यह वह समाधान है जो मेरे लिए काम करता है:

import jss from 'jss';
import preset from 'jss-preset-default';
import { StylesProvider } from '@material-ui/styles';

jss.setup(preset());

<StylesProvider jss={jss}>
  ...
</StylesProvider>

"@material-ui/styles": "^4.5.0",
"jss": "^10.0.0",
"jss-preset-default": "^10.0.0-alpha.27"

हाय दोस्तों, MuiThemeProvider का उपयोग करना और jss प्लगइन्स का भी उपयोग करना संभव है? प्रलेखन थोड़ा पुराना प्रतीत होता है, और मेरे पास एक समाधान है जो विस्तार और रचना के साथ काम करना बंद कर देता है।
मुझे लगता है कि यह संदर्भ के कुछ बदलाव के कारण है। मेरा कोड इस तरह दिखता है:

import { MuiThemeProvider, createMuiTheme } from '@material-ui/core/styles';
import { StylesProvider, jssPreset, createGenerateClassName } from '@material-ui/styles';
import { create } from 'jss';
import jssCompose from 'jss-plugin-compose';
import jssExtend from 'jss-plugin-extend';

const ThemeProvider = ({ children }) => (
  <StylesProvider jss={jss} generateClassName={generateClassName}>
    <MuiThemeProvider theme={theme}>
      <ThemeContext.Provider value={theme}>{children}</ThemeContext.Provider>
    </MuiThemeProvider>
  </StylesProvider>
);

हां, यह संभव है, पुस्तकालय के लिए दाएं से बाएं समर्थन की आवश्यकता है।

@oliviertassinari कस्टम जेएसएस प्लगइन्स को जोड़ने के तरीके पर कोई उदाहरण है jss-extend अगलेजेएस के साथ?

@guiihlopes मैं आरटीएल गाइड का पालन करने के लिए प्रोत्साहित करूंगा, यह समान होना चाहिए: https://material-ui.com/guides/right-to-left/#3 -jss-rtl।

@guiihlopes मैं आरटीएल गाइड का पालन करने के लिए प्रोत्साहित करूंगा, यह समान होना चाहिए: https://material-ui.com/guides/right-to-left/#3 -jss-rtl।

बढ़िया ... मैंने उसी गाइड का पालन करने की कोशिश की और मैं इसमें फंस गया हूं:

async getInitialProps(ctx) {
    // imported jssExtend from 'jss-plugin-extend';
    const plugins = [...jssPreset().plugins, jssExtend()];
    const jss = create({ plugins });
    // Render app and page and get the context of the page with collected side effects.
    const sheets = new ServerStyleSheets({
      jss,
    });
    const originalRenderPage = ctx.renderPage;

    ctx.renderPage = () =>
      originalRenderPage({
        enhanceApp: App => props => sheets.collect(<App {...props} />),
      });

    const initialProps = await Document.getInitialProps(ctx);

    return {
      ...initialProps,
      // Styles fragment is rendered after the app and page rendering finish.
      styles: [...React.Children.toArray(initialProps.styles), sheets.getStyleElement()],
    };
  }

मैंने निम्नलिखित गाइड का भी उपयोग किया है: https://github.com/mui-org/material-ui/blob/master/examples/nextjs/pages/_document.js

Idk यह काम क्यों नहीं कर रहा है, ServerStyleSheets पास विकल्प StylesProvider पर और इसे काम करना चाहिए, है ना?
https://github.com/mui-org/material-ui/blob/master/packages/material-ui-styles/src/ServerStyleSheets/ServerStyleSheets.js#L24

क्या आप @oliviertassinari मुझे कुछ विचार दे सकते हैं कि यह ठीक से काम क्यों नहीं कर रहा है?

@guiihlopes आपके प्लगइन्स का क्रम बदलते हैं और प्रीसेट से पहले jssExtend डालते हैं। ;)

@guiihlopes आपके प्लगइन्स का क्रम बदलते हैं और प्रीसेट से पहले jssExtend डालते हैं। ;)

मैंने पहले ही कोशिश कर ली है, अभी भी काम नहीं कर रहा है ...: /

यद्यपि कोई StyleProvider में विस्तारित प्लगइन जोड़ सकता है, एमयूआई में जेएसएस स्टाइलिंग के लिए टीएस टाइप परिभाषाएं सिंटैक्स को विस्तारित करने की अनुमति नहीं देती हैं।

यद्यपि कोई StyleProvider में विस्तारित प्लगइन जोड़ सकता है, एमयूआई में जेएसएस स्टाइलिंग के लिए टीएस टाइप परिभाषाएं सिंटैक्स को विस्तारित करने की अनुमति नहीं देती हैं।

मुझे लगता है @mifrej सही है। मैंने यहां बताए गए लगभग सभी तरीकों की कोशिश की है लेकिन उनमें से कोई भी अब काम नहीं करता है। शायद वे पहले काम करते थे!