Skip to content

Commit

Permalink
Update CSS runtime package
Browse files Browse the repository at this point in the history
  • Loading branch information
1aron committed Jan 9, 2024
1 parent a608a1d commit 26ddf09
Show file tree
Hide file tree
Showing 13 changed files with 38 additions and 38 deletions.
4 changes: 2 additions & 2 deletions examples/esm.sh/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -6,9 +6,9 @@
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="preload" as="style" href="https://esm.sh/@master/normal.css@rc?css">
<link rel="stylesheet" href="https://esm.sh/@master/normal.css@rc?css">
<link rel="modulepreload" href="https://esm.sh/@master/css@rc">
<link rel="modulepreload" href="https://esm.sh/@master/css-runtime@rc">
<script type="module">
import { initCSSRuntime } from 'https://esm.sh/@master/css@rc'
import { initCSSRuntime } from 'https://esm.sh/@master/css-runtime@rc'
initCSSRuntime({
variables: {
primary: '#000000'
Expand Down

Large diffs are not rendered by default.

Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,7 @@ import ProgressiveRenderingIntro from '../../rendering-modes/components/Progress
```bash name=Terminal
npx degit master-co/css/examples/angular-with-progressive-rendering __my-project__
cd __my-project__
npm install @master/css@rc @master/css-server@rc
npm install @master/css-runtime@rc @master/css-server@rc
npm install
npm run dev
```
Expand Down Expand Up @@ -53,7 +53,7 @@ import ProgressiveRenderingIntro from '../../rendering-modes/components/Progress
</StepL>
<StepR>
```install
**@master/css@rc** **@master/css-server@rc**
**@master/css-runtime@rc** **@master/css-server@rc**
```
</StepR>
</Step>
Expand All @@ -79,10 +79,10 @@ import ProgressiveRenderingIntro from '../../rendering-modes/components/Progress
```ts name=src/main.ts
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { AppModule } from './app/app.module';
+import { initRuntime } from '@master/css';
+import { initCSSRuntime } from '@master/css-runtime';
+import config from '../master.css';

+initRuntime(config);
+initCSSRuntime(config);

platformBrowserDynamic().bootstrapModule(AppModule)
.catch(err => console.error(err));
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@ import RuntimeRenderingIntro from '../../../rendering-modes/components/RuntimeRe
```bash name=Terminal
npx degit master-co/css/examples/angular-with-runtime-rendering __my-project__
cd __my-project__
npm install @master/css@rc
npm install @master/css-runtime@rc
npm install
npm run dev
```
Expand Down Expand Up @@ -63,7 +63,7 @@ import RuntimeRenderingIntro from '../../../rendering-modes/components/RuntimeRe
</StepL>
<StepR>
```install
**@master/css@rc**
**@master/css-runtime@rc**
```
</StepR>
</Step>
Expand All @@ -87,10 +87,10 @@ import RuntimeRenderingIntro from '../../../rendering-modes/components/RuntimeRe
```ts name=src/main.ts
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { AppModule } from './app/app.module';
+ import { initRuntime } from '@master/css';
+ import { initCSSRuntime } from '@master/css-runtime';
+ import config from '../master.css';

+ initRuntime(config);
+ initCSSRuntime(config);

platformBrowserDynamic().bootstrapModule(AppModule)
.catch(err => console.error(err));
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,7 @@ import StaticExtractionIntro from '../../../rendering-modes/components/StaticExt
```bash name=Terminal
npx degit master-co/css/examples/angular-with-static-extraction __my-project__
cd __my-project__
npm install @master/css@rc
npm install @master/css-runtime@rc
npm install
npm run dev
```
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@ import RuntimeRenderingIntro from '../../rendering-modes/components/RuntimeRende
```bash name=Terminal
npx degit master-co/css/examples/astro-with-runtime-rendering __my-project__
cd __my-project__
npm install @master/css@rc
npm install @master/css-runtime@rc
npm install
npm run dev
```
Expand Down Expand Up @@ -55,7 +55,7 @@ import RuntimeRenderingIntro from '../../rendering-modes/components/RuntimeRende
</StepL>
<StepR>
```install
**@master/css@rc**
**@master/css-runtime@rc**
```
</StepR>
</Step>
Expand Down Expand Up @@ -84,10 +84,10 @@ import RuntimeRenderingIntro from '../../rendering-modes/components/RuntimeRende
<head>
+ <script>
+ import { initRuntime } from "@master/css";
+ import { initCSSRuntime } from "@master/css";
+ import config from "../../master.css";

+ initRuntime(config);
+ initCSSRuntime(config);
+ </script>
</head>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@ import RuntimeRenderingIntro from '../../rendering-modes/components/RuntimeRende
```bash name=Terminal
npx degit master-co/css/examples/blazor-with-runtime-rendering __my-project__
cd __my-project__
npm install @master/css@rc
npm install @master/css-runtime@rc
npm install
npm run dev
```
Expand Down Expand Up @@ -103,7 +103,7 @@ import RuntimeRenderingIntro from '../../rendering-modes/components/RuntimeRende
</StepL>
<StepR>
```install
**@master/css@rc**
**@master/css-runtime@rc**
```
</StepR>
</Step>
Expand All @@ -126,10 +126,10 @@ import RuntimeRenderingIntro from '../../rendering-modes/components/RuntimeRende
<StepR>
```js name=npm_packages/src/index.js
+ import { initRuntime } from '@master/css';
+ import { initCSSRuntime } from '@master/css-runtime';
+ import config from 'master.css';

+ initRuntime(config)
+ initCSSRuntime(config)
```
</StepR>
</Step>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -14,10 +14,10 @@ import RuntimeRenderingIntro from '../../rendering-modes/components/RuntimeRende
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="preload" as="style" href="https://esm.sh/@master/normal.css@rc?css">
<link rel="stylesheet" href="https://esm.sh/@master/normal.css@rc?css">
<link rel="modulepreload" href="https://esm.sh/@master/css@rc">
<link rel="modulepreload" href="https://esm.sh/@master/css-runtime@rc">
<script type="module">
+ import { initRuntime } from 'https://esm.sh/@master/css@rc'
initRuntime({
+ import { initCSSRuntime } from 'https://esm.sh/@master/css-runtime@rc'
initCSSRuntime({
variables: {
primary: '#000000'
}
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,7 @@ import RuntimeRenderingIntro from '../../rendering-modes/components/RuntimeRende
```bash name=Terminal
npx degit master-co/css/examples/laravel-with-runtime-rendering __my-project__
cd __my-project__
npm install @master/css@rc
npm install @master/css-runtime@rc
npm install
```
</StepR>
Expand Down Expand Up @@ -74,7 +74,7 @@ import RuntimeRenderingIntro from '../../rendering-modes/components/RuntimeRende
</StepL>
<StepR>
```install
**@master/css@rc**
**@master/css-runtime@rc**
```
</StepR>
</Step>
Expand All @@ -97,10 +97,10 @@ import RuntimeRenderingIntro from '../../rendering-modes/components/RuntimeRende
<StepR>
```js name=resources/js/app.js
import './bootstrap'
+ import { initRuntime } from '@master/css'
+ import { initCSSRuntime } from '@master/css-runtime'
+ import config from 'master.css'

+ initRuntime(config)
+ initCSSRuntime(config)
```
</StepR>
</Step>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,7 @@ import RuntimeRenderingIntro from '../../rendering-modes/components/RuntimeRende
```bash name=Terminal
npx degit master-co/css/examples/vite-with-runtime-rendering __my-project__
cd __my-project__
npm install @master/css@rc
npm install @master/css-runtime@rc
npm install
npm run dev
```
Expand Down Expand Up @@ -63,7 +63,7 @@ import RuntimeRenderingIntro from '../../rendering-modes/components/RuntimeRende
</StepL>
<StepR>
```install
**@master/css@rc**
**@master/css-runtime@rc**
```
</StepR>
</Step>
Expand All @@ -86,10 +86,10 @@ import RuntimeRenderingIntro from '../../rendering-modes/components/RuntimeRende
<StepR>
```ts name=main.ts
+ import { initRuntime } from '@master/css';
+ import { initCSSRuntime } from '@master/css-runtime';
+ import config from 'master.css';

+ initRuntime(config)
+ initCSSRuntime(config)
```
</StepR>
</Step>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@ import RuntimeRenderingIntro from '../../rendering-modes/components/RuntimeRende
```bash name=Terminal
npx degit master-co/css/examples/webpack-with-runtime-rendering __my-project__
cd __my-project__
npm install @master/css@rc
npm install @master/css-runtime@rc
npm install
npm run dev
```
Expand Down Expand Up @@ -57,7 +57,7 @@ import RuntimeRenderingIntro from '../../rendering-modes/components/RuntimeRende
</StepL>
<StepR>
```install
**@master/css@rc**
**@master/css-runtime@rc**
```
</StepR>
</Step>
Expand Down Expand Up @@ -127,10 +127,10 @@ import RuntimeRenderingIntro from '../../rendering-modes/components/RuntimeRende
</StepL>
<StepR>
```js name=src/index.js
+ import { initRuntime } from '@master/css';
+ import { initCSSRuntime } from '@master/css-runtime';
+ import config from '../master.css.js';

+ initRuntime(config);
+ initCSSRuntime(config);
```
</StepR>
</Step>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,7 @@ import StaticExtractionIntro from '../../../rendering-modes/components/StaticExt
```bash name=Terminal
npx degit master-co/css/examples/webpack-with-static-extraction __my-project__
cd __my-project__
npm install @master/css@rc
npm install @master/css-runtime@rc
npm install
npm run dev
```
Expand Down
2 changes: 1 addition & 1 deletion website/app/[locale]/(root)/docs/runtime/content.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -106,7 +106,7 @@ All objects instantiated via `js new CSSRuntime()`.
---

## Functions
### `initRuntime()`
### `initCSSRuntime()`
Initializes the Master CSS runtime rendering engine.
<DocFn>
{[
Expand Down

0 comments on commit 26ddf09

Please sign in to comment.