.github/ISSUE_TEMPLATE.md

@@ -2,31 +2,28 @@
 
 ⚠️ IMPORTANT ⚠️
 
-If you need help or have a question about styled-jsx please ask it on Spectrum https://spectrum.chat/styled-jsx or join our Slack community at https://zeit.chat and ask it in the `#next` channel.
+If you need help or have a question about styled-jsx please ask it on Spectrum https://spectrum.chat/styled-jsx or join our Slack community at https://vercel.chat and ask it in the `#next` channel.
 
-Before you open a new issue please take a look at our [**Frequent Asked Questions**](https://github.com/zeit/styled-jsx#faq) and [**open issues**](https://github.com/zeit/styled-jsx/issues).
+Before you open a new issue please take a look at our [**Frequent Asked Questions**](https://github.com/vercel/styled-jsx#faq) and [**open issues**](https://github.com/vercel/styled-jsx/issues).
 
-Remember, often time asking in chat or looking at the FAQ/issues can be *faster than waiting for us to reply to a new issue**.
+Remember, often time asking in chat or looking at the FAQ/issues can be \*faster than waiting for us to reply to a new issue\*\*.
 
 If you are here to report a bug or request a feature please remove this introductory section and fill out the information below!
 
 ---
 
-#### Do you want to request a *feature* or report a *bug*?
+#### Do you want to request a _feature_ or report a _bug_?
 
 #### What is the current behavior?
 
 #### If the current behavior is a bug, please provide the steps to reproduce and possibly a minimal demo or testcase in the form of a Next.js app, CodeSandbox URL or similar
 
-1.
-2.
-
 #### What is the expected behavior?
 
 #### Environment (include versions)
 
-* OS:
-* Browser:
-* styled-jsx (version):
+- Version of styled-jsx (or next.js if it's being used):
+- Browser:
+- OS:
 
 #### Did this work in previous versions?

.github/workflows/main.yml

@@ -0,0 +1,59 @@
+name: CI
+
+on:
+  push:
+    branches:
+      - master
+      - alpha
+      - beta
+    tags:
+      - '!*'
+  pull_request:
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Begin CI...
+        uses: actions/checkout@v2
+
+      - name: Use Node 12
+        uses: actions/setup-node@v1
+        with:
+          node-version: 12.x
+
+      - name: Use cached node_modules
+        uses: actions/cache@v1
+        with:
+          path: node_modules
+          key: nodeModules-${{ hashFiles('**/yarn.lock') }}
+          restore-keys: |
+            nodeModules-
+
+      - name: Install dependencies
+        run: yarn install --frozen-lockfile
+        env:
+          CI: true
+
+      - name: Build
+        run: yarn build
+        env:
+          CI: true
+
+      - name: Lint
+        run: yarn lint
+        env:
+          CI: true
+
+      - name: Test
+        run: yarn test
+        env:
+          CI: true
+
+      - name: Release
+        if: github.event_name == 'push' && (github.ref == 'refs/heads/master' || github.ref == 'refs/heads/alpha' || github.ref == 'refs/heads/beta')
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          NPM_TOKEN: ${{ secrets.NPM_TOKEN_ELEVATED }}
+        run: yarn semantic-release

.github/workflows/prs.yml

@@ -0,0 +1,15 @@
+name: 'Lint PR'
+on:
+  pull_request_target:
+    types:
+      - opened
+      - edited
+      - synchronize
+
+jobs:
+  main:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: amannn/action-semantic-pull-request@v2.1.0
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

.gitignore

@@ -3,6 +3,7 @@ node_modules
 
 # build output
 dist
+out
 
 # logs
 npm-debug.log

.npmrc

@@ -1 +1,2 @@
+package-lock=false
 save-exact = true

.prettierrc.json

@@ -0,0 +1 @@
+{ "singleQuote": true, "semi": false }

Changelog.md

@@ -0,0 +1,79 @@
+# Changelog
+
+## [5.0.0]
+
+### Features
+
+- Introduce contextual styles (#744)
+- Opt-in react 18 insertion effect hook when available (#753)
+- Fallback to module level registry in browser (#768)
+
+### Improvements
+
+- Make JSXStyle return a noop if the registry context is not provided (#749)
+- Fix typings of `nonce` property
+- Pre-compile dependencies to reduce install size/time (#770)
+
+### BREAKING CHANGES
+
+#### APIs
+
+- `styled-jsx/server` import path is deprecated
+- `flush` and `flushToHTML` from `styled-jsx/server` APIs are deprecated
+- New component `<StyledRegistry>` is introduced
+- New APIs `useStyleRegistry` and `createStyleRegistry` are introduced
+
+#### Usage
+
+If you're only using styled-jsx purely client side, nothing will effect you.
+If you're using styled-jsx inside Next.js without customization, Next.js will automatically handle the changes for you.
+
+If you have your own customization with styled-jsx in Next.js, for example you have a custom `_document`:
+By default, doing this will let Next.js collect styles and pass them down.
+
+```jsx
+class Document extends React.Component {
+  static async getInitialProps(ctx) {
+    return await ctx.defaultGetInitialProps(ctx)
+  }
+}
+```
+
+Or for instance you're passing `nonce` property in `getInitialProps` of `_document`, this will let you configure it:
+
+```diff
+class Document extends React.Component {
+  static async getInitialProps(ctx) {
+-    return await ctx.defaultGetInitialProps(ctx)
++    return await ctx.defaultGetInitialProps(ctx, { nonce })
+  }
+}
+```
+
+If you're building the SSR solution yourself with other frameworks, please checkout the **Server-Side Rendering** section in readme.
+
+## [4.0.1]
+
+- Mark `@babel/core` as optional peer dependency
+
+## [4.0.0]
+
+- Use react hooks to manage styles injection (#720)
+
+### BREAKING CHANGES
+
+- Drop support for react versions < 16.8.0
+
+### Improvements
+
+- Drop babel 6 support (#730)
+- Auto publish alpha/beta versions
+
+## [3.4.x]
+
+### Improvements
+
+- Typing support
+- Inject unique \_JSXStyle identifier
+- Hide webpack loader warnings
+- Refactor the import helpers

babel-test.js

@@ -1 +1,2 @@
-module.exports = require('./dist/babel-test')
+/* eslint-ignore */
+module.exports = require('./dist/babel').test()

css.d.ts

@@ -0,0 +1,11 @@
+// Definitions by: @types/styled-jsx <https://www.npmjs.com/package/@types/styled-jsx>
+
+declare function css(chunks: TemplateStringsArray, ...args: any[]): JSX.Element
+declare namespace css {
+  function global(chunks: TemplateStringsArray, ...args: any[]): JSX.Element
+  function resolve(
+    chunks: TemplateStringsArray,
+    ...args: any[]
+  ): { className: string; styles: JSX.Element }
+}
+export = css

css.js

@@ -5,15 +5,19 @@ function notTranspiledError(name) {
       '` tagged template literals were not transpiled.'
   )
 }
+
 function css() {
   notTranspiledError('css')
 }
+
 css.global = function() {
   notTranspiledError('global')
 }
+
 css.resolve = function() {
   notTranspiledError('resolve')
 }
+
 module.exports = css
 module.exports.global = css.global
 module.exports.resolve = css.resolve

index.d.ts

@@ -0,0 +1,24 @@
+import React from 'react'
+
+declare module 'react' {
+  interface StyleHTMLAttributes<T> extends HTMLAttributes<T> {
+    jsx?: boolean
+    global?: boolean
+  }
+}
+
+export type StyleRegistry = {
+  styles(options?: { nonce?: string }): JSX.Element[]
+  flush(): void
+  add(props: any): void
+  remove(props: any): void
+}
+export function useStyleRegistry(): StyleRegistry
+export function StyleRegistry({
+  children,
+  registry
+}: {
+  children: JSX.Element | React.ReactNode
+  registry?: StyleRegistry
+}): JSX.Element
+export function createStyleRegistry(): StyleRegistry

index.js

@@ -0,0 +1 @@
+module.exports = require('./dist/index')

lib/style-transform.js

@@ -1 +1,2 @@
+/* eslint-ignore */
 module.exports = require('../dist/lib/style-transform')

license.md

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2016 Zeit, Inc.
+Copyright (c) 2016-present Vercel, Inc.
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

macro.js

@@ -1 +1 @@
-module.exports = require('./dist/macro')
+module.exports = require('./dist/babel').macro()