profile
viewpoint
Beau Roberts beauroberts @shotgunsoftware London, UK http://shotgunsoftware.com

algolia/react-element-to-jsx-string 343

Turn a ReactElement into the corresponding JSX string

Autodesk/hig 133

Autodesk's unified design design system

beauroberts/webpack 1

A bundler for javascript and friends. Packs many modules into a few bundled assets. Code Splitting allows to load parts for the application on demand. Through "loaders" modules can be CommonJs, AMD, ES6 modules, CSS, Images, JSON, Coffeescript, LESS, ... and your custom stuff.

beauroberts/body-scroll-lock 0

Body scroll locking that just works with everything 😏

beauroberts/DefinitelyTyped 0

The repository for high quality TypeScript type definitions.

beauroberts/heroku-buildpack-nodejs 0

The official Heroku buildpack for Node.js apps.

beauroberts/hig 0

Autodesk's unified design design system

beauroberts/lerna 0

:dragon: A tool for managing JavaScript projects with multiple packages.

beauroberts/mdx-deck 0

♠️ React MDX-based presentation decks

beauroberts/parcel-resolver-realpath 0

A Parcel resolver that resolves symlinks to their real paths

issue commentjohanholmerin/style9

Compiled from Atlassian

Didn't even realize that yours was library agnostic, thanks for the answer.

Dattaya

comment created time in 16 days

issue closedjohanholmerin/style9

Compiled from Atlassian

Hi, is there any reason not to combine your efforts with compiled from Atlassian? They support shorthands properties, styled-components and emotion-like API, and much more. CSS extraction is currently being worked on.

closed time in 16 days

Dattaya

issue commentjohanholmerin/style9

Compiled from Atlassian

They have different goals. Compiled is React-specific, has a more complex API, and does not(yet) support extracting CSS. style9 is mainly an open-source implementation of Facebook's stylex. It can be used with any framework, has a very small API, and can only be pre-compiled.

Dattaya

comment created time in 16 days

issue openedjohanholmerin/style9

Compiled from Atlassian

Hi, is there any reason not to combine your efforts with compiled from Atlassian? They support shorthands properties, styled-components and emotion-like API, and much more. CSS extraction is currently being worked on.

created time in 16 days

fork manneohrstrom/maya-usd

A common USD (Universal Scene Description) plugin for Autodesk Maya

fork in 17 days

push eventjohanholmerin/style9

Johan Holmerin

commit sha 10da0b767c19668f7598f9039f18ff7a0f208a20

Remove trailing whitespace

view details

Johan Holmerin

commit sha bed8c5f2ca584946f12805cc6dabbd46af7d8c86

Support at-rules in Typescript

view details

push time in 19 days

push eventjohanholmerin/style9

Johan Holmerin

commit sha 10da0b767c19668f7598f9039f18ff7a0f208a20

Remove trailing whitespace

view details

push time in 19 days

create barnchjohanholmerin/style9

branch : atrules-ts42

created branch time in 19 days

issue closedjohanholmerin/style9

Webpack Example

I know that this is not the ideal place for this... I'm having trouble running a webpack with babel-loader. Would you have a more complete example of a configured webpack? I was not successful, following the documentation.

My webpack:

module.exports = (env = { NODE_ENV: 'development' }) => {
  const prod = env.NODE_ENV === 'production';

  // eslint-disable-next-line no-console
  console.log(`MODE: ${prod ? 'PRODUCTION' : 'DEVELOPMENT'}`);

  return {
    entry: './src/index.tsx',
    output: {
      filename: '[name].[chunkhash].js',
      path: path.resolve(__dirname, 'dist'),
    },
    mode: prod ? 'production' : 'development',
    devtool: 'source-map',
    ...(prod
      ? {}
      : { devServer: { historyApiFallback: true, hot: true, hotOnly: true } }),
    plugins: [
      // HTML Template
      new HtmlWebpackPlugin({ template: './index.html' }),
      new Style9Plugin(),
      new MiniCssExtractPlugin(),
    ].filter(Boolean),
    resolve: {
      extensions: ['.tsx', '.ts', '.js'],
    },
    module: {
      rules: [
        {
          test: /\.([tj])sx?$/,
          use: [
            Style9Plugin.loader,
            {
              loader: 'babel-loader',
              options: {
                presets: [
                  ['@babel/preset-env', { targets: 'last 1 chrome version' }],
                  [
                    '@babel/preset-react',
                    {
                      // Removes the need to import React into JSX files
                      runtime: 'automatic',
                    },
                  ],
                  '@babel/preset-typescript',
                ],
                plugins: [
                  // Fast Refresh
                  !prod && require.resolve('react-refresh/babel'),
                ].filter(Boolean),
                cacheDirectory: true,
              },
            },
          ],
        },
        {
          test: /\.css$/i,
          use: [MiniCssExtractPlugin.loader, 'css-loader'],
        },
        {
          test: /\.(png|jpe?g|gif|woff2?|eot|otf|webp)$/i,
          use: 'file-loader',
        },
      ],
    },
  };
};

Error:

Captura de Tela 2020-12-28 às 22 30 14

closed time in 22 days

rodrigojcmello

issue commentjohanholmerin/style9

Webpack Example

Was caused by incompatibility with Webpack 5. It should be fixed in 0.5.9.

rodrigojcmello

comment created time in 22 days

delete branch johanholmerin/style9

delete branch : webpack5

delete time in 22 days

push eventjohanholmerin/style9

Johan Holmerin

commit sha 0b9b9ca4a6bd3ad1d5ca111ea9011399cb7aabf7

Upgrade webpack-virtual-modules

view details

Johan Holmerin

commit sha a0efb4dd4f974f9272f5b6b04c338ac96991294f

Add loader-utils

view details

Johan Holmerin

commit sha c32a20195c91f09746295447469a88efb307667b

Ensure chunks and files are arrays

view details

Johan Holmerin

commit sha 8c985bc2edd109c20c3e05dc4bf2893eb7c66452

0.5.9

view details

push time in 22 days

created tagjohanholmerin/style9

tag0.5.9

CSS-in-JS compiler inspired by Facebook's stylex

created time in 22 days

create barnchjohanholmerin/style9

branch : webpack5

created branch time in 22 days

issue commentjohanholmerin/style9

Webpack Example

repo: https://github.com/rodrigojcmello/style9-webpack

I disabled the style9 settings in the webpack just to make the application run. I also commented on the use in "src / components / Button / index.tsx"

rodrigojcmello

comment created time in 22 days

issue commentjohanholmerin/style9

Webpack Example

just for the record, i just tested running with npm 7 instead of yarn, and the error changed. Now I will generate a repo.

Captura de Tela 2020-12-29 às 08 52 08

rodrigojcmello

comment created time in 22 days

issue commentjohanholmerin/style9

Webpack Example

sure

rodrigojcmello

comment created time in 22 days

issue commentjohanholmerin/style9

Webpack Example

Could you create a repo with the issue?

rodrigojcmello

comment created time in 22 days

issue commentjohanholmerin/style9

Webpack Example

node 15.5.0 / npm 7.3.0 yarn 2.4.0

rodrigojcmello

comment created time in 22 days

issue commentjohanholmerin/style9

Webpack Example

It seems that the issue is flatMap not existing. Which version of node are you using?

rodrigojcmello

comment created time in 22 days

issue openedjohanholmerin/style9

Webpack Exemple

I know that this is not the ideal place for this... I'm having trouble running a webpack with babel-loader. Would you have a more complete example of a configured webpack? I was not successful, following the documentation.

My webpack:

module.exports = (env = { NODE_ENV: 'development' }) => {
  const prod = env.NODE_ENV === 'production';

  // eslint-disable-next-line no-console
  console.log(`MODE: ${prod ? 'PRODUCTION' : 'DEVELOPMENT'}`);

  return {
    entry: './src/index.tsx',
    output: {
      filename: '[name].[chunkhash].js',
      path: path.resolve(__dirname, 'dist'),
    },
    mode: prod ? 'production' : 'development',
    devtool: 'source-map',
    ...(prod
      ? {}
      : { devServer: { historyApiFallback: true, hot: true, hotOnly: true } }),
    plugins: [
      // HTML Template
      new HtmlWebpackPlugin({ template: './index.html' }),
      new Style9Plugin(),
      new MiniCssExtractPlugin(),
    ].filter(Boolean),
    resolve: {
      extensions: ['.tsx', '.ts', '.js'],
    },
    module: {
      rules: [
        {
          test: /\.([tj])sx?$/,
          use: [
            Style9Plugin.loader,
            {
              loader: 'babel-loader',
              options: {
                presets: [
                  ['@babel/preset-env', { targets: 'last 1 chrome version' }],
                  [
                    '@babel/preset-react',
                    {
                      // Removes the need to import React into JSX files
                      runtime: 'automatic',
                    },
                  ],
                  '@babel/preset-typescript',
                ],
                plugins: [
                  // Fast Refresh
                  !prod && require.resolve('react-refresh/babel'),
                ].filter(Boolean),
                cacheDirectory: true,
              },
            },
          ],
        },
        {
          test: /\.css$/i,
          use: [MiniCssExtractPlugin.loader, 'css-loader'],
        },
        {
          test: /\.(png|jpe?g|gif|woff2?|eot|otf|webp)$/i,
          use: 'file-loader',
        },
      ],
    },
  };
};

Error:

Captura de Tela 2020-12-28 às 22 30 14

created time in 23 days

created tagjohanholmerin/style9

tag0.5.8

CSS-in-JS compiler inspired by Facebook's stylex

created time in a month

push eventjohanholmerin/style9

Johan Holmerin

commit sha 2927356515ce9d238f2d1358d3b2b0250c792fae

0.5.8

view details

push time in a month

push eventjohanholmerin/style9

Ben Southgate

commit sha 49e87878c80a99868ce20a1895d042a7bb503fbc

Add cursor properties (#18)

view details

push time in a month

PR merged johanholmerin/style9

Add cursor properties (#17)

Resolves #17

+44 -0

1 comment

1 changed file

bsouthga

pr closed time in a month

issue closedjohanholmerin/style9

`cursor` property

I noticed that the cursor property (https://developer.mozilla.org/en-US/docs/Web/CSS/cursor) is not supported anywhere here. Is this something you would accept a PR for?

closed time in a month

bsouthga

pull request commentjohanholmerin/style9

Add cursor properties (#17)

LGTM. At the moment there are no template literal types, but that might be something worth exploring in the future.

bsouthga

comment created time in a month

PR opened johanholmerin/style9

Add cursor properties (#17)

Resolves #17

+44 -0

0 comment

1 changed file

pr created time in a month

issue openedjohanholmerin/style9

`cursor` property

I noticed that the cursor property (https://developer.mozilla.org/en-US/docs/Web/CSS/cursor) is not supported anywhere here. Is this something you would accept a PR for?

created time in a month

PR opened beauroberts/parcel-resolver-realpath

chore(deps): bump ini from 1.3.5 to 1.3.8

Bumps ini from 1.3.5 to 1.3.8. <details> <summary>Commits</summary> <ul> <li><a href="https://github.com/npm/ini/commit/a2c5da86604bc2238fe393c5ff083bf23a9910eb"><code>a2c5da8</code></a> 1.3.8</li> <li><a href="https://github.com/npm/ini/commit/af5c6bb5dca6f0248c153aa87e25bddfc515ff6e"><code>af5c6bb</code></a> Do not use Object.create(null)</li> <li><a href="https://github.com/npm/ini/commit/8b648a1ac49e1b3b7686ea957e0b95e544bc6ec1"><code>8b648a1</code></a> don't test where our devdeps don't even work</li> <li><a href="https://github.com/npm/ini/commit/c74c8af35f32b801a7e82a8309eab792a95932f6"><code>c74c8af</code></a> 1.3.7</li> <li><a href="https://github.com/npm/ini/commit/024b8b55ac1c980c6225607b007714c54eb501ba"><code>024b8b5</code></a> update deps, add linting</li> <li><a href="https://github.com/npm/ini/commit/032fbaf5f0b98fce70c8cc380e0d05177a9c9073"><code>032fbaf</code></a> Use Object.create(null) to avoid default object property hazards</li> <li><a href="https://github.com/npm/ini/commit/2da90391ef70db41d10f013e3a87f9a8c5d01a72"><code>2da9039</code></a> 1.3.6</li> <li><a href="https://github.com/npm/ini/commit/cfea636f534b5ca7550d2c28b7d1a95d936d56c6"><code>cfea636</code></a> better git push script, before publish instead of after</li> <li><a href="https://github.com/npm/ini/commit/56d2805e07ccd94e2ba0984ac9240ff02d44b6f1"><code>56d2805</code></a> do not allow invalid hazardous string as section name</li> <li>See full diff in <a href="https://github.com/isaacs/ini/compare/v1.3.5...v1.3.8">compare view</a></li> </ul> </details> <details> <summary>Maintainer changes</summary> <p>This version was pushed to npm by <a href="https://www.npmjs.com/~isaacs">isaacs</a>, a new releaser for ini since your current version.</p> </details> <br />

Dependabot compatibility score

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


<details> <summary>Dependabot commands and options</summary> <br />

You can trigger Dependabot actions by commenting on this PR:

  • @dependabot rebase will rebase this PR
  • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
  • @dependabot merge will merge this PR after your CI passes on it
  • @dependabot squash and merge will squash and merge this PR after your CI passes on it
  • @dependabot cancel merge will cancel a previously requested merge and block automerging
  • @dependabot reopen will reopen this PR if it is closed
  • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
  • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
  • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
  • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
  • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
  • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
  • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
  • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

You can disable automated security fix PRs for this repo from the Security Alerts page.

</details>

+4 -4

0 comment

1 changed file

pr created time in a month

more