remove unused renderers (#3063)
This commit is contained in:
Fred K. Schott
GitHub
parent
6c6e947740
commit
771127ea29
53 changed files with 8 additions and 1983 deletions
14
.github/labeler.yml
vendored
14
.github/labeler.yml
vendored
|
|
@ -19,22 +19,22 @@ markdown:
|
||||||
- packages/markdown/**
|
- packages/markdown/**
|
||||||
|
|
||||||
renderer:
|
renderer:
|
||||||
- packages/renderers/**
|
- packages/integrations/**
|
||||||
|
|
||||||
framework-lit:
|
framework-lit:
|
||||||
- packages/renderers/renderer-lit/**
|
- packages/integrations/lit/**
|
||||||
|
|
||||||
framework-preact:
|
framework-preact:
|
||||||
- packages/renderers/renderer-preact/**
|
- packages/integrations/preact/**
|
||||||
|
|
||||||
framework-react:
|
framework-react:
|
||||||
- packages/renderers/renderer-react/**
|
- packages/integrations/react/**
|
||||||
|
|
||||||
framework-solid:
|
framework-solid:
|
||||||
- packages/renderers/renderer-solid/**
|
- packages/integrations/solid/**
|
||||||
|
|
||||||
framework-svelte:
|
framework-svelte:
|
||||||
- packages/renderers/renderer-svelte/**
|
- packages/integrations/svelte/**
|
||||||
|
|
||||||
framework-vue:
|
framework-vue:
|
||||||
- packages/renderers/renderer-vue/**
|
- packages/integrations/vue/**
|
||||||
|
|
|
||||||
|
|
@ -25,7 +25,6 @@
|
||||||
"workspaces": [
|
"workspaces": [
|
||||||
"compiled/*",
|
"compiled/*",
|
||||||
"packages/markdown/*",
|
"packages/markdown/*",
|
||||||
"packages/renderers/*",
|
|
||||||
"packages/integrations/*",
|
"packages/integrations/*",
|
||||||
"packages/*",
|
"packages/*",
|
||||||
"examples/*",
|
"examples/*",
|
||||||
|
|
|
||||||
|
|
@ -3,7 +3,6 @@
|
||||||
"version": "0.0.0",
|
"version": "0.0.0",
|
||||||
"private": true,
|
"private": true,
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"astro": "workspace:*",
|
"astro": "workspace:*"
|
||||||
"@astrojs/renderer-solid": "workspace:*"
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,11 +0,0 @@
|
||||||
# Astro Renderers
|
|
||||||
|
|
||||||
Astro is designed to support your favorite UI frameworks. [React][react], [Svelte][svelte], [Vue][vue], and [Preact][preact] are all built-in to Astro and supported out of the box. No configuration is needed to enable these.
|
|
||||||
|
|
||||||
For adding additional frameworks (or your own custom one), please refer to [the full documentation][renderer-docs].
|
|
||||||
|
|
||||||
[preact]: https://npm.im/@astrojs/renderer-preact
|
|
||||||
[react]: https://npm.im/@astrojs/renderer-react
|
|
||||||
[renderer-docs]: https://docs.astro.build/reference/renderer-reference
|
|
||||||
[svelte]: https://npm.im/@astrojs/renderer-svelte
|
|
||||||
[vue]: https://npm.im/@astrojs/renderer-vue
|
|
||||||
1
packages/renderers/renderer-lit/.gitignore
vendored
1
packages/renderers/renderer-lit/.gitignore
vendored
|
|
@ -1 +0,0 @@
|
||||||
node_modules/
|
|
||||||
|
|
@ -1,55 +0,0 @@
|
||||||
# @astrojs/renderer-lit
|
|
||||||
|
|
||||||
## 0.4.0
|
|
||||||
|
|
||||||
### Minor Changes
|
|
||||||
|
|
||||||
- [#2563](https://github.com/withastro/astro/pull/2563) [`a907a73b`](https://github.com/withastro/astro/commit/a907a73b8cd14726d158ea460932f9cd8891923a) Thanks [@natemoo-re](https://github.com/natemoo-re)! - Upgrade renderer dependencies for `vite@2.8.x`
|
|
||||||
|
|
||||||
## 0.4.0-next.0
|
|
||||||
|
|
||||||
### Minor Changes
|
|
||||||
|
|
||||||
- [#2563](https://github.com/withastro/astro/pull/2563) [`a907a73b`](https://github.com/withastro/astro/commit/a907a73b8cd14726d158ea460932f9cd8891923a) Thanks [@natemoo-re](https://github.com/natemoo-re)! - Upgrade renderer dependencies for `vite@2.8.x`
|
|
||||||
|
|
||||||
## 0.3.1
|
|
||||||
|
|
||||||
### Patch Changes
|
|
||||||
|
|
||||||
- [#2370](https://github.com/withastro/astro/pull/2370) [`a7967530`](https://github.com/withastro/astro/commit/a7967530dfe9cfab5d6d866c8d2bcba9c47de39c) Thanks [@matthewp](https://github.com/matthewp)! - Makes the renderer compatible with the static build
|
|
||||||
|
|
||||||
## 0.3.0
|
|
||||||
|
|
||||||
### Minor Changes
|
|
||||||
|
|
||||||
- [#2202](https://github.com/withastro/astro/pull/2202) [`45cea6ae`](https://github.com/withastro/astro/commit/45cea6aec5a310fed4cb8da0d96670d6b99a2539) Thanks [@jonathantneal](https://github.com/jonathantneal)! - Officially drop support for Node v12. The minimum supported version is now Node v14.15+,
|
|
||||||
|
|
||||||
## 0.2.1
|
|
||||||
|
|
||||||
### Patch Changes
|
|
||||||
|
|
||||||
- ec01d1b4: renderer-lit will bind to properties rather than attributes fixing certain binding issues
|
|
||||||
|
|
||||||
## 0.2.0
|
|
||||||
|
|
||||||
### Minor Changes
|
|
||||||
|
|
||||||
- e6aaeff5: Updated framework renderers for the v0.21.0 release of Astro. Assorted changes and a new renderer interface are included in this release.
|
|
||||||
|
|
||||||
## 0.2.0-next.0
|
|
||||||
|
|
||||||
### Minor Changes
|
|
||||||
|
|
||||||
- d84bfe71: Updates the renderers to confirm to the new renderer API.
|
|
||||||
|
|
||||||
## 0.1.2
|
|
||||||
|
|
||||||
### Patch Changes
|
|
||||||
|
|
||||||
- 806dcd8d: Update Lit renderer to use v2 release
|
|
||||||
|
|
||||||
## 0.1.1
|
|
||||||
|
|
||||||
### Patch Changes
|
|
||||||
|
|
||||||
- 97d37f8f: Update READMEs for all renderers
|
|
||||||
|
|
@ -1,16 +0,0 @@
|
||||||
async function polyfill() {
|
|
||||||
const { hydrateShadowRoots } = await import(
|
|
||||||
'@webcomponents/template-shadowroot/template-shadowroot.js'
|
|
||||||
);
|
|
||||||
hydrateShadowRoots(document.body);
|
|
||||||
}
|
|
||||||
|
|
||||||
const polyfillCheckEl = new DOMParser()
|
|
||||||
.parseFromString(`<p><template shadowroot="open"></template></p>`, 'text/html', {
|
|
||||||
includeShadowRoots: true,
|
|
||||||
})
|
|
||||||
.querySelector('p');
|
|
||||||
|
|
||||||
if (!polyfillCheckEl || !polyfillCheckEl.shadowRoot) {
|
|
||||||
polyfill();
|
|
||||||
}
|
|
||||||
|
|
@ -1 +0,0 @@
|
||||||
import 'lit/experimental-hydrate-support.js';
|
|
||||||
|
|
@ -1,37 +0,0 @@
|
||||||
// NOTE: @lit-labs/ssr uses syntax incompatible with anything < Node v13.9.0.
|
|
||||||
// Throw an error if using that Node version.
|
|
||||||
|
|
||||||
const NODE_VERSION = parseFloat(process.versions.node);
|
|
||||||
if (NODE_VERSION < 13.9) {
|
|
||||||
throw new Error(
|
|
||||||
`Package @lit-labs/ssr requires Node version v13.9 or higher. Please update Node to use @astrojs/renderer-lit`
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
export default {
|
|
||||||
name: '@astrojs/renderer-lit',
|
|
||||||
server: './server.js',
|
|
||||||
polyfills: ['./client-shim.js'],
|
|
||||||
hydrationPolyfills: ['./hydration-support.js'],
|
|
||||||
viteConfig() {
|
|
||||||
return {
|
|
||||||
optimizeDeps: {
|
|
||||||
include: [
|
|
||||||
'@astrojs/renderer-lit/client-shim.js',
|
|
||||||
'@astrojs/renderer-lit/hydration-support.js',
|
|
||||||
'@webcomponents/template-shadowroot/template-shadowroot.js',
|
|
||||||
'lit/experimental-hydrate-support.js',
|
|
||||||
],
|
|
||||||
exclude: ['@astrojs/renderer-lit/server.js'],
|
|
||||||
},
|
|
||||||
ssr: {
|
|
||||||
external: [
|
|
||||||
'lit-element/lit-element.js',
|
|
||||||
'@lit-labs/ssr/lib/install-global-dom-shim.js',
|
|
||||||
'@lit-labs/ssr/lib/render-lit-html.js',
|
|
||||||
'@lit-labs/ssr/lib/lit-element-renderer.js',
|
|
||||||
],
|
|
||||||
},
|
|
||||||
};
|
|
||||||
},
|
|
||||||
};
|
|
||||||
|
|
@ -1,27 +0,0 @@
|
||||||
{
|
|
||||||
"name": "@astrojs/renderer-lit",
|
|
||||||
"version": "0.4.0",
|
|
||||||
"description": "Use Lit components within Astro",
|
|
||||||
"type": "module",
|
|
||||||
"author": "withastro",
|
|
||||||
"license": "MIT",
|
|
||||||
"repository": {
|
|
||||||
"type": "git",
|
|
||||||
"url": "https://github.com/withastro/astro.git",
|
|
||||||
"directory": "packages/renderers/renderer-lit"
|
|
||||||
},
|
|
||||||
"bugs": "https://github.com/withastro/astro/issues",
|
|
||||||
"homepage": "https://astro.build",
|
|
||||||
"exports": {
|
|
||||||
".": "./index.js",
|
|
||||||
"./*": "./*",
|
|
||||||
"./server.js": "./server.js",
|
|
||||||
"./client-shim.js": "./client-shim.js",
|
|
||||||
"./package.json": "./package.json"
|
|
||||||
},
|
|
||||||
"dependencies": {
|
|
||||||
"@lit-labs/ssr": "^2.1.0",
|
|
||||||
"@webcomponents/template-shadowroot": "^0.1.0",
|
|
||||||
"lit": "^2.2.2"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
@ -1,87 +0,0 @@
|
||||||
# Astro Lit Renderer
|
|
||||||
|
|
||||||
This is a plugin for [Astro](https://astro.build/) apps that enables server-side rendering of custom elements build with [Lit](https://lit.dev/).
|
|
||||||
|
|
||||||
Server-side rendering uses [Declarative Shadow DOM](https://web.dev/declarative-shadow-dom/), a new web technology that allows custom elements to be rendered to HTML with __0 JavaScript__.
|
|
||||||
|
|
||||||
## Installation
|
|
||||||
|
|
||||||
Install `@astrojs/renderer-lit` and then add it to your `astro.config.mjs` in the `renderers` property:
|
|
||||||
|
|
||||||
```
|
|
||||||
npm install @astrojs/renderer-lit
|
|
||||||
```
|
|
||||||
|
|
||||||
__astro.config.mjs__
|
|
||||||
|
|
||||||
```js
|
|
||||||
export default {
|
|
||||||
// ...
|
|
||||||
|
|
||||||
renderers: [
|
|
||||||
// ...
|
|
||||||
'@astrojs/renderer-lit'
|
|
||||||
]
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
## Usage
|
|
||||||
|
|
||||||
If you're familiar with Astro then you already know that you can import components into your templates and use them. What's different about custom elements is you can use the *tag name* directly.
|
|
||||||
|
|
||||||
Astro needs to know which tag is associated with which component script. We expose this through exporting a `tagName` variable from the component script. It looks like this:
|
|
||||||
|
|
||||||
__src/components/my-element.js__
|
|
||||||
|
|
||||||
```js
|
|
||||||
import { LitElement, html } from 'lit';
|
|
||||||
|
|
||||||
export const tagName = 'my-element';
|
|
||||||
|
|
||||||
class MyElement extends LitElement {
|
|
||||||
render() {
|
|
||||||
return html` <p>Hello world! From my-element</p> `;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
customElements.define(tagName, MyElement);
|
|
||||||
```
|
|
||||||
|
|
||||||
> Note that exporting the `tagName` is __required__ if you want to use the tag name in your templates. Otherwise you can export and use the constructor, like with non custom element frameworks.
|
|
||||||
|
|
||||||
In your Astro template import this component as a side-effect and use the element.
|
|
||||||
|
|
||||||
__src/pages/index.astro__
|
|
||||||
|
|
||||||
```astro
|
|
||||||
---
|
|
||||||
import '../components/my-element.js';
|
|
||||||
---
|
|
||||||
|
|
||||||
<my-element></my-element>
|
|
||||||
```
|
|
||||||
|
|
||||||
> Note that Lit requires browser globals such as `HTMLElement` and `customElements` to be present. For this reason the Lit renderer shims the server with these globals so Lit can run. You *might* run into libraries that work incorrectly because of this.
|
|
||||||
|
|
||||||
### Polyfills & Hydration
|
|
||||||
|
|
||||||
The renderer automatically handles adding appropriate polyfills for support in browsers that don't have Declarative Shadow DOM. The polyfill is about *1.5kB*. If the browser does support Declarative Shadow DOM then less than 250 bytes are loaded (to feature detect support).
|
|
||||||
|
|
||||||
Hydration is also handled automatically. You can use the same hydration directives such as `client:load`, `client:idle` and `client:visible` as you can with other libraries that Astro supports.
|
|
||||||
|
|
||||||
```astro
|
|
||||||
---
|
|
||||||
import '../components/my-element.js';
|
|
||||||
---
|
|
||||||
|
|
||||||
<my-element client:visible />
|
|
||||||
```
|
|
||||||
|
|
||||||
The above will only load the element's JavaScript when the user has scrolled it into view. Since it is server rendered they will not see any jank; it will load and hydrate transparently.
|
|
||||||
|
|
||||||
## More Documentation
|
|
||||||
|
|
||||||
[Astro Renderer Documentation][renderer-docs]
|
|
||||||
|
|
||||||
[astro]: https://astro.build
|
|
||||||
[renderer-docs]: https://docs.astro.build/reference/renderer-reference
|
|
||||||
|
|
@ -1,5 +0,0 @@
|
||||||
import { installWindowOnGlobal } from '@lit-labs/ssr/lib/dom-shim.js';
|
|
||||||
installWindowOnGlobal();
|
|
||||||
|
|
||||||
window.global = window;
|
|
||||||
document.getElementsByTagName = () => [];
|
|
||||||
|
|
@ -1,72 +0,0 @@
|
||||||
import './server-shim.js';
|
|
||||||
import '@lit-labs/ssr/lib/render-lit-html.js';
|
|
||||||
import { LitElementRenderer } from '@lit-labs/ssr/lib/lit-element-renderer.js';
|
|
||||||
|
|
||||||
function isCustomElementTag(name) {
|
|
||||||
return typeof name === 'string' && /-/.test(name);
|
|
||||||
}
|
|
||||||
|
|
||||||
function getCustomElementConstructor(name) {
|
|
||||||
if (typeof customElements !== 'undefined' && isCustomElementTag(name)) {
|
|
||||||
return customElements.get(name) || null;
|
|
||||||
}
|
|
||||||
return null;
|
|
||||||
}
|
|
||||||
|
|
||||||
async function isLitElement(Component) {
|
|
||||||
const Ctr = getCustomElementConstructor(Component);
|
|
||||||
return !!(Ctr && Ctr._$litElement$);
|
|
||||||
}
|
|
||||||
|
|
||||||
async function check(Component, _props, _children) {
|
|
||||||
// Lit doesn't support getting a tagName from a Constructor at this time.
|
|
||||||
// So this must be a string at the moment.
|
|
||||||
return !!(await isLitElement(Component));
|
|
||||||
}
|
|
||||||
|
|
||||||
function* render(tagName, attrs, children) {
|
|
||||||
const instance = new LitElementRenderer(tagName);
|
|
||||||
|
|
||||||
// LitElementRenderer creates a new element instance, so copy over.
|
|
||||||
const Ctr = getCustomElementConstructor(tagName);
|
|
||||||
for (let [name, value] of Object.entries(attrs)) {
|
|
||||||
// check if this is a reactive property
|
|
||||||
if (name in Ctr.prototype) {
|
|
||||||
instance.setProperty(name, value);
|
|
||||||
} else {
|
|
||||||
instance.setAttribute(name, value);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
instance.connectedCallback();
|
|
||||||
|
|
||||||
yield `<${tagName}`;
|
|
||||||
yield* instance.renderAttributes();
|
|
||||||
yield `>`;
|
|
||||||
const shadowContents = instance.renderShadow({});
|
|
||||||
if (shadowContents !== undefined) {
|
|
||||||
yield '<template shadowroot="open">';
|
|
||||||
yield* shadowContents;
|
|
||||||
yield '</template>';
|
|
||||||
}
|
|
||||||
yield children || ''; // don’t print “undefined” as string
|
|
||||||
yield `</${tagName}>`;
|
|
||||||
}
|
|
||||||
|
|
||||||
async function renderToStaticMarkup(Component, props, children) {
|
|
||||||
let tagName = Component;
|
|
||||||
|
|
||||||
let out = '';
|
|
||||||
for (let chunk of render(tagName, props, children)) {
|
|
||||||
out += chunk;
|
|
||||||
}
|
|
||||||
|
|
||||||
return {
|
|
||||||
html: out,
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
export default {
|
|
||||||
check,
|
|
||||||
renderToStaticMarkup,
|
|
||||||
};
|
|
||||||
|
|
@ -1,119 +0,0 @@
|
||||||
# @astrojs/renderer-preact
|
|
||||||
|
|
||||||
## 0.5.0
|
|
||||||
|
|
||||||
### Minor Changes
|
|
||||||
|
|
||||||
- [#2563](https://github.com/withastro/astro/pull/2563) [`a907a73b`](https://github.com/withastro/astro/commit/a907a73b8cd14726d158ea460932f9cd8891923a) Thanks [@natemoo-re](https://github.com/natemoo-re)! - Upgrade renderer dependencies for `vite@2.8.x`
|
|
||||||
|
|
||||||
## 0.5.0-next.0
|
|
||||||
|
|
||||||
### Minor Changes
|
|
||||||
|
|
||||||
- [#2563](https://github.com/withastro/astro/pull/2563) [`a907a73b`](https://github.com/withastro/astro/commit/a907a73b8cd14726d158ea460932f9cd8891923a) Thanks [@natemoo-re](https://github.com/natemoo-re)! - Upgrade renderer dependencies for `vite@2.8.x`
|
|
||||||
|
|
||||||
## 0.4.0
|
|
||||||
|
|
||||||
### Minor Changes
|
|
||||||
|
|
||||||
- [#2202](https://github.com/withastro/astro/pull/2202) [`45cea6ae`](https://github.com/withastro/astro/commit/45cea6aec5a310fed4cb8da0d96670d6b99a2539) Thanks [@jonathantneal](https://github.com/jonathantneal)! - Officially drop support for Node v12. The minimum supported version is now Node v14.15+,
|
|
||||||
|
|
||||||
## 0.3.2
|
|
||||||
|
|
||||||
### Patch Changes
|
|
||||||
|
|
||||||
- [#2170](https://github.com/withastro/astro/pull/2170) [`5af24efb`](https://github.com/withastro/astro/commit/5af24efb3493b8f5b6a8f980c792455c7dc34eb5) Thanks [@FredKSchott](https://github.com/FredKSchott)! - Fix preact 10.6 regression by pinning to preact 10.5
|
|
||||||
|
|
||||||
## 0.3.1
|
|
||||||
|
|
||||||
### Patch Changes
|
|
||||||
|
|
||||||
- [#2078](https://github.com/withastro/astro/pull/2078) [`ac3e8702`](https://github.com/withastro/astro/commit/ac3e870280e983a7977da79b6eec0568d38d8420) Thanks [@natemoo-re](https://github.com/natemoo-re)! - Fix behavior of renderers when no children are passed in
|
|
||||||
|
|
||||||
## 0.3.0
|
|
||||||
|
|
||||||
### Minor Changes
|
|
||||||
|
|
||||||
- e6aaeff5: Updated framework renderers for the v0.21.0 release of Astro. Assorted changes and a new renderer interface are included in this release.
|
|
||||||
|
|
||||||
## 0.3.0-next.1
|
|
||||||
|
|
||||||
### Patch Changes
|
|
||||||
|
|
||||||
- 3cd1458a: Bugfix: Bundled CSS missing files on Windows
|
|
||||||
|
|
||||||
## 0.3.0-next.0
|
|
||||||
|
|
||||||
### Minor Changes
|
|
||||||
|
|
||||||
- d84bfe71: Updates the renderers to confirm to the new renderer API.
|
|
||||||
|
|
||||||
## 0.2.2
|
|
||||||
|
|
||||||
### Patch Changes
|
|
||||||
|
|
||||||
- 97d37f8f: Update READMEs for all renderers
|
|
||||||
|
|
||||||
## 0.2.1
|
|
||||||
|
|
||||||
### Patch Changes
|
|
||||||
|
|
||||||
- f7e86150: Fix an issue where preact component UI wouldn't update on hydrate
|
|
||||||
|
|
||||||
## 0.2.0
|
|
||||||
|
|
||||||
### Minor Changes
|
|
||||||
|
|
||||||
- bd18e14: Switches to [the new JSX Transform](https://reactjs.org/blog/2020/09/22/introducing-the-new-jsx-transform.html) originally introduced for React v17. This also leverages the new `jsxTransformOptions` options for renderers.
|
|
||||||
|
|
||||||
This change also removes the need for importing your Framework's `jsxFactory` directly, which means you can wave goodbye to `import React from "react";` and `import { h } from "preact";`.
|
|
||||||
|
|
||||||
> **If you are using mutliple frameworks** and a file doesn't reference `react` or `preact`, Astro might not be able to locate the correct renderer! You can add a pragma comment like `/** @jsxImportSource preact */` to the top of your file. Alternatively, just import the JSX pragma as you traditionally would have.
|
|
||||||
|
|
||||||
### Patch Changes
|
|
||||||
|
|
||||||
- bd18e14: Update `check` logic to exclude false-positives from SolidJS
|
|
||||||
|
|
||||||
## 0.2.0-next.0
|
|
||||||
|
|
||||||
### Minor Changes
|
|
||||||
|
|
||||||
- bd18e14: Switches to [the new JSX Transform](https://reactjs.org/blog/2020/09/22/introducing-the-new-jsx-transform.html) originally introduced for React v17. This also leverages the new `jsxTransformOptions` options for renderers.
|
|
||||||
|
|
||||||
This change also removes the need for importing your Framework's `jsxFactory` directly, which means you can wave goodbye to `import React from "react";` and `import { h } from "preact";`.
|
|
||||||
|
|
||||||
> **If you are using mutliple frameworks** and a file doesn't reference `react` or `preact`, Astro might not be able to locate the correct renderer! You can add a pragma comment like `/** @jsxImportSource preact */` to the top of your file. Alternatively, just import the JSX pragma as you traditionally would have.
|
|
||||||
|
|
||||||
### Patch Changes
|
|
||||||
|
|
||||||
- bd18e14: Update `check` logic to exclude false-positives from SolidJS
|
|
||||||
|
|
||||||
## 0.1.3
|
|
||||||
|
|
||||||
### Patch Changes
|
|
||||||
|
|
||||||
- 0abd251: Allows renderers to provide knownEntrypoint config values
|
|
||||||
|
|
||||||
## 0.1.2
|
|
||||||
|
|
||||||
### Patch Changes
|
|
||||||
|
|
||||||
- 9d4a40f: Fixes bug with using arrow function components
|
|
||||||
|
|
||||||
## 0.1.1
|
|
||||||
|
|
||||||
### Patch Changes
|
|
||||||
|
|
||||||
- ab2972b: Update package.json engines for esm support
|
|
||||||
|
|
||||||
## 0.1.0
|
|
||||||
|
|
||||||
### Minor Changes
|
|
||||||
|
|
||||||
- 643c880: Initial release
|
|
||||||
|
|
||||||
## 0.1.0-next.0
|
|
||||||
|
|
||||||
### Minor Changes
|
|
||||||
|
|
||||||
- 643c880: Initial release
|
|
||||||
|
|
@ -1,31 +0,0 @@
|
||||||
# @astrojs/renderer-preact
|
|
||||||
|
|
||||||
This is a plugin for [Astro][astro] apps that enables server-side rendering of Preact components.
|
|
||||||
|
|
||||||
## Installation
|
|
||||||
|
|
||||||
Install `@astrojs/renderer-preact` and then add it to your `astro.config.mjs` in the `renderers` property:
|
|
||||||
|
|
||||||
```
|
|
||||||
npm install @astrojs/renderer-preact
|
|
||||||
```
|
|
||||||
|
|
||||||
__astro.config.mjs__
|
|
||||||
|
|
||||||
```js
|
|
||||||
export default {
|
|
||||||
// ...
|
|
||||||
|
|
||||||
renderers: [
|
|
||||||
// ...
|
|
||||||
'@astrojs/renderer-preact'
|
|
||||||
]
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
## Documentation
|
|
||||||
|
|
||||||
[Astro Renderer Documentation][renderer-docs]
|
|
||||||
|
|
||||||
[astro]: https://astro.build
|
|
||||||
[renderer-docs]: https://docs.astro.build/reference/renderer-reference
|
|
||||||
|
|
@ -1,8 +0,0 @@
|
||||||
import { h, render } from 'preact';
|
|
||||||
import StaticHtml from './static-html.js';
|
|
||||||
|
|
||||||
export default (element) => (Component, props, children) =>
|
|
||||||
render(
|
|
||||||
h(Component, props, children != null ? h(StaticHtml, { value: children }) : children),
|
|
||||||
element
|
|
||||||
);
|
|
||||||
|
|
@ -1,36 +0,0 @@
|
||||||
export default {
|
|
||||||
name: '@astrojs/renderer-preact/compat',
|
|
||||||
client: '../client.js',
|
|
||||||
server: '../server.js',
|
|
||||||
jsxImportSource: 'react',
|
|
||||||
jsxTransformOptions: async () => {
|
|
||||||
const {
|
|
||||||
default: { default: jsx },
|
|
||||||
} = await import('@babel/plugin-transform-react-jsx');
|
|
||||||
return {
|
|
||||||
plugins: [jsx({}, { runtime: 'automatic', importSource: 'preact/compat' })],
|
|
||||||
};
|
|
||||||
},
|
|
||||||
viteConfig() {
|
|
||||||
return {
|
|
||||||
alias: {
|
|
||||||
react: 'preact/compat',
|
|
||||||
'react-dom': 'preact/compat',
|
|
||||||
},
|
|
||||||
resolve: {
|
|
||||||
dedupe: ['react', 'react-dom'],
|
|
||||||
},
|
|
||||||
optimizeDeps: {
|
|
||||||
include: [
|
|
||||||
'@astrojs/renderer-preact/client.js',
|
|
||||||
'preact/compat',
|
|
||||||
'preact/compat/jsx-runtime',
|
|
||||||
'preact-render-to-string',
|
|
||||||
],
|
|
||||||
},
|
|
||||||
ssr: {
|
|
||||||
external: ['preact-render-to-string'],
|
|
||||||
},
|
|
||||||
};
|
|
||||||
},
|
|
||||||
};
|
|
||||||
|
|
@ -1,30 +0,0 @@
|
||||||
export default {
|
|
||||||
name: '@astrojs/renderer-preact',
|
|
||||||
client: './client.js',
|
|
||||||
server: './server.js',
|
|
||||||
jsxImportSource: 'preact',
|
|
||||||
jsxTransformOptions: async () => {
|
|
||||||
const {
|
|
||||||
default: { default: jsx },
|
|
||||||
} = await import('@babel/plugin-transform-react-jsx');
|
|
||||||
return {
|
|
||||||
plugins: [jsx({}, { runtime: 'automatic', importSource: 'preact' })],
|
|
||||||
};
|
|
||||||
},
|
|
||||||
viteConfig() {
|
|
||||||
return {
|
|
||||||
optimizeDeps: {
|
|
||||||
include: [
|
|
||||||
'@astrojs/renderer-preact/client.js',
|
|
||||||
'preact',
|
|
||||||
'preact/jsx-runtime',
|
|
||||||
'preact-render-to-string',
|
|
||||||
],
|
|
||||||
exclude: ['@astrojs/renderer-preact/server.js'],
|
|
||||||
},
|
|
||||||
ssr: {
|
|
||||||
external: ['preact-render-to-string'],
|
|
||||||
},
|
|
||||||
};
|
|
||||||
},
|
|
||||||
};
|
|
||||||
|
|
@ -1,31 +0,0 @@
|
||||||
{
|
|
||||||
"name": "@astrojs/renderer-preact",
|
|
||||||
"description": "Use Preact components within Astro",
|
|
||||||
"version": "0.5.0",
|
|
||||||
"type": "module",
|
|
||||||
"author": "withastro",
|
|
||||||
"license": "MIT",
|
|
||||||
"repository": {
|
|
||||||
"type": "git",
|
|
||||||
"url": "https://github.com/withastro/astro.git",
|
|
||||||
"directory": "packages/renderers/renderer-preact"
|
|
||||||
},
|
|
||||||
"bugs": "https://github.com/withastro/astro/issues",
|
|
||||||
"homepage": "https://astro.build",
|
|
||||||
"exports": {
|
|
||||||
".": "./index.js",
|
|
||||||
"./*": "./*",
|
|
||||||
"./compat": "./compat/index.js",
|
|
||||||
"./client.js": "./client.js",
|
|
||||||
"./server.js": "./server.js",
|
|
||||||
"./package.json": "./package.json"
|
|
||||||
},
|
|
||||||
"dependencies": {
|
|
||||||
"@babel/plugin-transform-react-jsx": "^7.17.3",
|
|
||||||
"preact": "^10.7.1",
|
|
||||||
"preact-render-to-string": "^5.1.21"
|
|
||||||
},
|
|
||||||
"engines": {
|
|
||||||
"node": "^14.15.0 || >=16.0.0"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
@ -1,37 +0,0 @@
|
||||||
import { h, Component as BaseComponent } from 'preact';
|
|
||||||
import render from 'preact-render-to-string';
|
|
||||||
import StaticHtml from './static-html.js';
|
|
||||||
|
|
||||||
function check(Component, props, children) {
|
|
||||||
if (typeof Component !== 'function') return false;
|
|
||||||
|
|
||||||
if (Component.prototype != null && typeof Component.prototype.render === 'function') {
|
|
||||||
return BaseComponent.isPrototypeOf(Component);
|
|
||||||
}
|
|
||||||
|
|
||||||
try {
|
|
||||||
const { html } = renderToStaticMarkup(Component, props, children);
|
|
||||||
if (typeof html !== 'string') {
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
|
|
||||||
// There are edge cases (SolidJS) where Preact *might* render a string,
|
|
||||||
// but components would be <undefined></undefined>
|
|
||||||
|
|
||||||
return !/\<undefined\>/.test(html);
|
|
||||||
} catch (err) {
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function renderToStaticMarkup(Component, props, children) {
|
|
||||||
const html = render(
|
|
||||||
h(Component, props, children != null ? h(StaticHtml, { value: children }) : children)
|
|
||||||
);
|
|
||||||
return { html };
|
|
||||||
}
|
|
||||||
|
|
||||||
export default {
|
|
||||||
check,
|
|
||||||
renderToStaticMarkup,
|
|
||||||
};
|
|
||||||
|
|
@ -1,24 +0,0 @@
|
||||||
import { h } from 'preact';
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Astro passes `children` as a string of HTML, so we need
|
|
||||||
* a wrapper `div` to render that content as VNodes.
|
|
||||||
*
|
|
||||||
* As a bonus, we can signal to Preact that this subtree is
|
|
||||||
* entirely static and will never change via `shouldComponentUpdate`.
|
|
||||||
*/
|
|
||||||
const StaticHtml = ({ value }) => {
|
|
||||||
if (!value) return null;
|
|
||||||
return h('astro-fragment', { dangerouslySetInnerHTML: { __html: value } });
|
|
||||||
};
|
|
||||||
|
|
||||||
/**
|
|
||||||
* This tells Preact to opt-out of re-rendering this subtree,
|
|
||||||
* In addition to being a performance optimization,
|
|
||||||
* this also allows other frameworks to attach to `children`.
|
|
||||||
*
|
|
||||||
* See https://preactjs.com/guide/v8/external-dom-mutations
|
|
||||||
*/
|
|
||||||
StaticHtml.shouldComponentUpdate = () => false;
|
|
||||||
|
|
||||||
export default StaticHtml;
|
|
||||||
|
|
@ -1,123 +0,0 @@
|
||||||
# @astrojs/renderer-react
|
|
||||||
|
|
||||||
## 0.5.0
|
|
||||||
|
|
||||||
### Minor Changes
|
|
||||||
|
|
||||||
- [#2563](https://github.com/withastro/astro/pull/2563) [`a907a73b`](https://github.com/withastro/astro/commit/a907a73b8cd14726d158ea460932f9cd8891923a) Thanks [@natemoo-re](https://github.com/natemoo-re)! - Upgrade renderer dependencies for `vite@2.8.x`
|
|
||||||
|
|
||||||
## 0.5.0-next.0
|
|
||||||
|
|
||||||
### Minor Changes
|
|
||||||
|
|
||||||
- [#2563](https://github.com/withastro/astro/pull/2563) [`a907a73b`](https://github.com/withastro/astro/commit/a907a73b8cd14726d158ea460932f9cd8891923a) Thanks [@natemoo-re](https://github.com/natemoo-re)! - Upgrade renderer dependencies for `vite@2.8.x`
|
|
||||||
|
|
||||||
## 0.4.1
|
|
||||||
|
|
||||||
### Patch Changes
|
|
||||||
|
|
||||||
- [#2369](https://github.com/withastro/astro/pull/2369) [`20eaddb2`](https://github.com/withastro/astro/commit/20eaddb2a723253c7fbde3e56955a549bdf3f342) Thanks [@matthewp](https://github.com/matthewp)! - Fix for using the React renderer with the static build
|
|
||||||
|
|
||||||
## 0.4.0
|
|
||||||
|
|
||||||
### Minor Changes
|
|
||||||
|
|
||||||
- [#2202](https://github.com/withastro/astro/pull/2202) [`45cea6ae`](https://github.com/withastro/astro/commit/45cea6aec5a310fed4cb8da0d96670d6b99a2539) Thanks [@jonathantneal](https://github.com/jonathantneal)! - Officially drop support for Node v12. The minimum supported version is now Node v14.15+,
|
|
||||||
|
|
||||||
## 0.3.1
|
|
||||||
|
|
||||||
### Patch Changes
|
|
||||||
|
|
||||||
- [#2078](https://github.com/withastro/astro/pull/2078) [`ac3e8702`](https://github.com/withastro/astro/commit/ac3e870280e983a7977da79b6eec0568d38d8420) Thanks [@natemoo-re](https://github.com/natemoo-re)! - Fix behavior of renderers when no children are passed in
|
|
||||||
|
|
||||||
## 0.3.0
|
|
||||||
|
|
||||||
### Minor Changes
|
|
||||||
|
|
||||||
- e6aaeff5: Updated framework renderers for the v0.21.0 release of Astro. Assorted changes and a new renderer interface are included in this release.
|
|
||||||
|
|
||||||
## 0.3.0-next.1
|
|
||||||
|
|
||||||
### Patch Changes
|
|
||||||
|
|
||||||
- 3cd1458a: Bugfix: Bundled CSS missing files on Windows
|
|
||||||
|
|
||||||
## 0.3.0-next.0
|
|
||||||
|
|
||||||
### Minor Changes
|
|
||||||
|
|
||||||
- d84bfe71: Updates the renderers to confirm to the new renderer API.
|
|
||||||
|
|
||||||
## 0.2.2
|
|
||||||
|
|
||||||
### Patch Changes
|
|
||||||
|
|
||||||
- 756e3769: Fixes detect to allow rendering React.PureComponents
|
|
||||||
|
|
||||||
## 0.2.1
|
|
||||||
|
|
||||||
### Patch Changes
|
|
||||||
|
|
||||||
- 97d37f8f: Update READMEs for all renderers
|
|
||||||
|
|
||||||
## 0.2.0
|
|
||||||
|
|
||||||
### Minor Changes
|
|
||||||
|
|
||||||
- bd18e14: Switches to [the new JSX Transform](https://reactjs.org/blog/2020/09/22/introducing-the-new-jsx-transform.html) originally introduced for React v17. This also leverages the new `jsxTransformOptions` options for renderers.
|
|
||||||
|
|
||||||
This change also removes the need for importing your Framework's `jsxFactory` directly, which means you can wave goodbye to `import React from "react";` and `import { h } from "preact";`.
|
|
||||||
|
|
||||||
> **If you are using mutliple frameworks** and a file doesn't reference `react` or `preact`, Astro might not be able to locate the correct renderer! You can add a pragma comment like `/** @jsxImportSource preact */` to the top of your file. Alternatively, just import the JSX pragma as you traditionally would have.
|
|
||||||
|
|
||||||
## 0.2.0-next.0
|
|
||||||
|
|
||||||
### Minor Changes
|
|
||||||
|
|
||||||
- bd18e14: Switches to [the new JSX Transform](https://reactjs.org/blog/2020/09/22/introducing-the-new-jsx-transform.html) originally introduced for React v17. This also leverages the new `jsxTransformOptions` options for renderers.
|
|
||||||
|
|
||||||
This change also removes the need for importing your Framework's `jsxFactory` directly, which means you can wave goodbye to `import React from "react";` and `import { h } from "preact";`.
|
|
||||||
|
|
||||||
> **If you are using mutliple frameworks** and a file doesn't reference `react` or `preact`, Astro might not be able to locate the correct renderer! You can add a pragma comment like `/** @jsxImportSource preact */` to the top of your file. Alternatively, just import the JSX pragma as you traditionally would have.
|
|
||||||
|
|
||||||
## 0.1.5
|
|
||||||
|
|
||||||
### Patch Changes
|
|
||||||
|
|
||||||
- 1e01251: Fixes bug with React renderer that would not hydrate correctly
|
|
||||||
|
|
||||||
## 0.1.4
|
|
||||||
|
|
||||||
### Patch Changes
|
|
||||||
|
|
||||||
- 21dc28c: Add react-dom as a knownEntrypoint (speeds up astro startup)
|
|
||||||
|
|
||||||
## 0.1.3
|
|
||||||
|
|
||||||
### Patch Changes
|
|
||||||
|
|
||||||
- 0abd251: Allows renderers to provide knownEntrypoint config values
|
|
||||||
|
|
||||||
## 0.1.2
|
|
||||||
|
|
||||||
### Patch Changes
|
|
||||||
|
|
||||||
- 9d4a40f: Fixes bug with using arrow function components
|
|
||||||
|
|
||||||
## 0.1.1
|
|
||||||
|
|
||||||
### Patch Changes
|
|
||||||
|
|
||||||
- ab2972b: Update package.json engines for esm support
|
|
||||||
|
|
||||||
## 0.1.0
|
|
||||||
|
|
||||||
### Minor Changes
|
|
||||||
|
|
||||||
- 643c880: Initial release
|
|
||||||
|
|
||||||
## 0.1.0-next.0
|
|
||||||
|
|
||||||
### Minor Changes
|
|
||||||
|
|
||||||
- 643c880: Initial release
|
|
||||||
|
|
@ -1,31 +0,0 @@
|
||||||
# @astrojs/renderer-react
|
|
||||||
|
|
||||||
This is a plugin for [Astro][astro] apps that enables server-side rendering of React components.
|
|
||||||
|
|
||||||
## Installation
|
|
||||||
|
|
||||||
Install `@astrojs/renderer-react` and then add it to your `astro.config.mjs` in the `renderers` property:
|
|
||||||
|
|
||||||
```
|
|
||||||
npm install @astrojs/renderer-react
|
|
||||||
```
|
|
||||||
|
|
||||||
__astro.config.mjs__
|
|
||||||
|
|
||||||
```js
|
|
||||||
export default {
|
|
||||||
// ...
|
|
||||||
|
|
||||||
renderers: [
|
|
||||||
// ...
|
|
||||||
'@astrojs/renderer-react'
|
|
||||||
]
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
## Documentation
|
|
||||||
|
|
||||||
[Astro Renderer Documentation][renderer-docs]
|
|
||||||
|
|
||||||
[astro]: https://astro.build
|
|
||||||
[renderer-docs]: https://docs.astro.build/reference/renderer-reference
|
|
||||||
|
|
@ -1,15 +0,0 @@
|
||||||
import { createElement } from 'react';
|
|
||||||
import { hydrate } from 'react-dom';
|
|
||||||
import StaticHtml from './static-html.js';
|
|
||||||
|
|
||||||
export default (element) => (Component, props, children) =>
|
|
||||||
hydrate(
|
|
||||||
createElement(
|
|
||||||
Component,
|
|
||||||
{ ...props, suppressHydrationWarning: true },
|
|
||||||
children != null
|
|
||||||
? createElement(StaticHtml, { value: children, suppressHydrationWarning: true })
|
|
||||||
: children
|
|
||||||
),
|
|
||||||
element
|
|
||||||
);
|
|
||||||
|
|
@ -1,42 +0,0 @@
|
||||||
export default {
|
|
||||||
name: '@astrojs/renderer-react',
|
|
||||||
client: './client.js',
|
|
||||||
server: './server.js',
|
|
||||||
jsxImportSource: 'react',
|
|
||||||
jsxTransformOptions: async () => {
|
|
||||||
const {
|
|
||||||
default: { default: jsx },
|
|
||||||
} = await import('@babel/plugin-transform-react-jsx');
|
|
||||||
return {
|
|
||||||
plugins: [
|
|
||||||
jsx(
|
|
||||||
{},
|
|
||||||
{
|
|
||||||
runtime: 'automatic',
|
|
||||||
importSource: '@astrojs/renderer-react',
|
|
||||||
}
|
|
||||||
),
|
|
||||||
],
|
|
||||||
};
|
|
||||||
},
|
|
||||||
viteConfig() {
|
|
||||||
return {
|
|
||||||
optimizeDeps: {
|
|
||||||
include: [
|
|
||||||
'@astrojs/renderer-react/client.js',
|
|
||||||
'react',
|
|
||||||
'react/jsx-runtime',
|
|
||||||
'react/jsx-dev-runtime',
|
|
||||||
'react-dom',
|
|
||||||
],
|
|
||||||
exclude: ['@astrojs/renderer-react/server.js'],
|
|
||||||
},
|
|
||||||
resolve: {
|
|
||||||
dedupe: ['react', 'react-dom'],
|
|
||||||
},
|
|
||||||
ssr: {
|
|
||||||
external: ['react-dom/server.js'],
|
|
||||||
},
|
|
||||||
};
|
|
||||||
},
|
|
||||||
};
|
|
||||||
|
|
@ -1,8 +0,0 @@
|
||||||
// This module is a simple wrapper around react/jsx-runtime so that
|
|
||||||
// it can run in Node ESM. 'react' doesn't declare this module as an export map
|
|
||||||
// So we have to use the .js. The .js is not added via the babel automatic JSX transform
|
|
||||||
// hence this module as a workaround.
|
|
||||||
import jsxr from 'react/jsx-runtime.js';
|
|
||||||
const { jsx, jsxs, Fragment } = jsxr;
|
|
||||||
|
|
||||||
export { jsx, jsxs, Fragment };
|
|
||||||
|
|
@ -1,31 +0,0 @@
|
||||||
{
|
|
||||||
"name": "@astrojs/renderer-react",
|
|
||||||
"description": "Use React components within Astro",
|
|
||||||
"version": "0.5.0",
|
|
||||||
"type": "module",
|
|
||||||
"author": "withastro",
|
|
||||||
"license": "MIT",
|
|
||||||
"repository": {
|
|
||||||
"type": "git",
|
|
||||||
"url": "https://github.com/withastro/astro.git",
|
|
||||||
"directory": "packages/renderers/renderer-react"
|
|
||||||
},
|
|
||||||
"bugs": "https://github.com/withastro/astro/issues",
|
|
||||||
"homepage": "https://astro.build",
|
|
||||||
"exports": {
|
|
||||||
".": "./index.js",
|
|
||||||
"./*": "./*",
|
|
||||||
"./client.js": "./client.js",
|
|
||||||
"./server.js": "./server.js",
|
|
||||||
"./package.json": "./package.json",
|
|
||||||
"./jsx-runtime": "./jsx-runtime.js"
|
|
||||||
},
|
|
||||||
"dependencies": {
|
|
||||||
"@babel/plugin-transform-react-jsx": "^7.17.3",
|
|
||||||
"react": "^18.0.0",
|
|
||||||
"react-dom": "^18.0.0"
|
|
||||||
},
|
|
||||||
"engines": {
|
|
||||||
"node": "^14.15.0 || >=16.0.0"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
@ -1,71 +0,0 @@
|
||||||
import React from 'react';
|
|
||||||
import ReactDOM from 'react-dom/server.js';
|
|
||||||
import StaticHtml from './static-html.js';
|
|
||||||
|
|
||||||
const reactTypeof = Symbol.for('react.element');
|
|
||||||
|
|
||||||
function errorIsComingFromPreactComponent(err) {
|
|
||||||
return (
|
|
||||||
err.message &&
|
|
||||||
(err.message.startsWith("Cannot read property '__H'") ||
|
|
||||||
err.message.includes("(reading '__H')"))
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
function check(Component, props, children) {
|
|
||||||
// Note: there are packages that do some unholy things to create "components".
|
|
||||||
// Checking the $$typeof property catches most of these patterns.
|
|
||||||
if (typeof Component === 'object') {
|
|
||||||
const $$typeof = Component['$$typeof'];
|
|
||||||
return $$typeof && $$typeof.toString().slice('Symbol('.length).startsWith('react');
|
|
||||||
}
|
|
||||||
if (typeof Component !== 'function') return false;
|
|
||||||
|
|
||||||
if (Component.prototype != null && typeof Component.prototype.render === 'function') {
|
|
||||||
return React.Component.isPrototypeOf(Component) || React.PureComponent.isPrototypeOf(Component);
|
|
||||||
}
|
|
||||||
|
|
||||||
let error = null;
|
|
||||||
let isReactComponent = false;
|
|
||||||
function Tester(...args) {
|
|
||||||
try {
|
|
||||||
const vnode = Component(...args);
|
|
||||||
if (vnode && vnode['$$typeof'] === reactTypeof) {
|
|
||||||
isReactComponent = true;
|
|
||||||
}
|
|
||||||
} catch (err) {
|
|
||||||
if (!errorIsComingFromPreactComponent(err)) {
|
|
||||||
error = err;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
return React.createElement('div');
|
|
||||||
}
|
|
||||||
|
|
||||||
renderToStaticMarkup(Tester, props, children, {});
|
|
||||||
|
|
||||||
if (error) {
|
|
||||||
throw error;
|
|
||||||
}
|
|
||||||
return isReactComponent;
|
|
||||||
}
|
|
||||||
|
|
||||||
function renderToStaticMarkup(Component, props, children, metadata) {
|
|
||||||
delete props['class'];
|
|
||||||
const vnode = React.createElement(Component, {
|
|
||||||
...props,
|
|
||||||
children: children != null ? React.createElement(StaticHtml, { value: children }) : undefined,
|
|
||||||
});
|
|
||||||
let html;
|
|
||||||
if (metadata && metadata.hydrate) {
|
|
||||||
html = ReactDOM.renderToString(vnode);
|
|
||||||
} else {
|
|
||||||
html = ReactDOM.renderToStaticMarkup(vnode);
|
|
||||||
}
|
|
||||||
return { html };
|
|
||||||
}
|
|
||||||
|
|
||||||
export default {
|
|
||||||
check,
|
|
||||||
renderToStaticMarkup,
|
|
||||||
};
|
|
||||||
|
|
@ -1,27 +0,0 @@
|
||||||
import { createElement as h } from 'react';
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Astro passes `children` as a string of HTML, so we need
|
|
||||||
* a wrapper `div` to render that content as VNodes.
|
|
||||||
*
|
|
||||||
* As a bonus, we can signal to React that this subtree is
|
|
||||||
* entirely static and will never change via `shouldComponentUpdate`.
|
|
||||||
*/
|
|
||||||
const StaticHtml = ({ value }) => {
|
|
||||||
if (!value) return null;
|
|
||||||
return h('astro-fragment', {
|
|
||||||
suppressHydrationWarning: true,
|
|
||||||
dangerouslySetInnerHTML: { __html: value },
|
|
||||||
});
|
|
||||||
};
|
|
||||||
|
|
||||||
/**
|
|
||||||
* This tells React to opt-out of re-rendering this subtree,
|
|
||||||
* In addition to being a performance optimization,
|
|
||||||
* this also allows other frameworks to attach to `children`.
|
|
||||||
*
|
|
||||||
* See https://preactjs.com/guide/v8/external-dom-mutations
|
|
||||||
*/
|
|
||||||
StaticHtml.shouldComponentUpdate = () => false;
|
|
||||||
|
|
||||||
export default StaticHtml;
|
|
||||||
|
|
@ -1,95 +0,0 @@
|
||||||
# @astrojs/renderer-solid
|
|
||||||
|
|
||||||
## 0.4.2
|
|
||||||
|
|
||||||
### Patch Changes
|
|
||||||
|
|
||||||
- [`815d62f1`](https://github.com/withastro/astro/commit/815d62f151a36fef7d09590d4962ca71bda61b32) Thanks [@FredKSchott](https://github.com/FredKSchott)! - no changes.
|
|
||||||
|
|
||||||
## 0.4.1
|
|
||||||
|
|
||||||
### Patch Changes
|
|
||||||
|
|
||||||
- [#3003](https://github.com/withastro/astro/pull/3003) [`13b782f4`](https://github.com/withastro/astro/commit/13b782f421871af36978f29154c715c66739d475) Thanks [@ryansolid](https://github.com/ryansolid)! - Improve nested hydration with Solid
|
|
||||||
|
|
||||||
## 0.4.1-beta.0
|
|
||||||
|
|
||||||
### Patch Changes
|
|
||||||
|
|
||||||
- [#3003](https://github.com/withastro/astro/pull/3003) [`13b782f4`](https://github.com/withastro/astro/commit/13b782f421871af36978f29154c715c66739d475) Thanks [@ryansolid](https://github.com/ryansolid)! - Improve nested hydration with Solid
|
|
||||||
|
|
||||||
## 0.4.0
|
|
||||||
|
|
||||||
### Minor Changes
|
|
||||||
|
|
||||||
- [#2563](https://github.com/withastro/astro/pull/2563) [`a907a73b`](https://github.com/withastro/astro/commit/a907a73b8cd14726d158ea460932f9cd8891923a) Thanks [@natemoo-re](https://github.com/natemoo-re)! - Upgrade renderer dependencies for `vite@2.8.x`
|
|
||||||
|
|
||||||
## 0.4.0-next.0
|
|
||||||
|
|
||||||
### Minor Changes
|
|
||||||
|
|
||||||
- [#2563](https://github.com/withastro/astro/pull/2563) [`a907a73b`](https://github.com/withastro/astro/commit/a907a73b8cd14726d158ea460932f9cd8891923a) Thanks [@natemoo-re](https://github.com/natemoo-re)! - Upgrade renderer dependencies for `vite@2.8.x`
|
|
||||||
|
|
||||||
## 0.3.1
|
|
||||||
|
|
||||||
### Patch Changes
|
|
||||||
|
|
||||||
- [#2359](https://github.com/withastro/astro/pull/2359) [`f482c626`](https://github.com/withastro/astro/commit/f482c626a6e3472052d13cb0d348323ef4e822a8) Thanks [@toSayNothing](https://github.com/toSayNothing)! - fix renderer-solid
|
|
||||||
|
|
||||||
## 0.3.0
|
|
||||||
|
|
||||||
### Minor Changes
|
|
||||||
|
|
||||||
- [#2202](https://github.com/withastro/astro/pull/2202) [`45cea6ae`](https://github.com/withastro/astro/commit/45cea6aec5a310fed4cb8da0d96670d6b99a2539) Thanks [@jonathantneal](https://github.com/jonathantneal)! - Officially drop support for Node v12. The minimum supported version is now Node v14.15+,
|
|
||||||
|
|
||||||
## 0.2.1
|
|
||||||
|
|
||||||
### Patch Changes
|
|
||||||
|
|
||||||
- [#2078](https://github.com/withastro/astro/pull/2078) [`ac3e8702`](https://github.com/withastro/astro/commit/ac3e870280e983a7977da79b6eec0568d38d8420) Thanks [@natemoo-re](https://github.com/natemoo-re)! - Fix behavior of renderers when no children are passed in
|
|
||||||
|
|
||||||
## 0.2.0
|
|
||||||
|
|
||||||
### Minor Changes
|
|
||||||
|
|
||||||
- e6aaeff5: Updated framework renderers for the v0.21.0 release of Astro. Assorted changes and a new renderer interface are included in this release.
|
|
||||||
|
|
||||||
## 0.2.0-next.1
|
|
||||||
|
|
||||||
### Patch Changes
|
|
||||||
|
|
||||||
- 3cd1458a: Bugfix: Bundled CSS missing files on Windows
|
|
||||||
|
|
||||||
## 0.2.0-next.0
|
|
||||||
|
|
||||||
### Minor Changes
|
|
||||||
|
|
||||||
- d84bfe71: Updates the renderers to confirm to the new renderer API.
|
|
||||||
|
|
||||||
## 0.1.1
|
|
||||||
|
|
||||||
### Patch Changes
|
|
||||||
|
|
||||||
- 97d37f8f: Update READMEs for all renderers
|
|
||||||
|
|
||||||
## 0.1.0
|
|
||||||
|
|
||||||
### Minor Changes
|
|
||||||
|
|
||||||
- bd18e14: Initial release
|
|
||||||
|
|
||||||
### Patch Changes
|
|
||||||
|
|
||||||
- bef5103: Uses Solid's `render` function to render our components on the client.
|
|
||||||
|
|
||||||
## 0.1.0-next.1
|
|
||||||
|
|
||||||
### Patch Changes
|
|
||||||
|
|
||||||
- bef5103: Uses Solid's `render` function to render our components on the client.
|
|
||||||
|
|
||||||
## 0.1.0-next.0
|
|
||||||
|
|
||||||
### Minor Changes
|
|
||||||
|
|
||||||
- bd18e14: Initial release
|
|
||||||
|
|
@ -1,31 +0,0 @@
|
||||||
# @astrojs/renderer-solid
|
|
||||||
|
|
||||||
This is a plugin for [Astro][astro] apps that enables server-side rendering of SolidJS components.
|
|
||||||
|
|
||||||
## Installation
|
|
||||||
|
|
||||||
Install `@astrojs/renderer-solid` and then add it to your `astro.config.mjs` in the `renderers` property:
|
|
||||||
|
|
||||||
```
|
|
||||||
npm install @astrojs/renderer-solid
|
|
||||||
```
|
|
||||||
|
|
||||||
__astro.config.mjs__
|
|
||||||
|
|
||||||
```js
|
|
||||||
export default {
|
|
||||||
// ...
|
|
||||||
|
|
||||||
renderers: [
|
|
||||||
// ...
|
|
||||||
'@astrojs/renderer-solid'
|
|
||||||
]
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
## Documentation
|
|
||||||
|
|
||||||
[Astro Renderer Documentation][renderer-docs]
|
|
||||||
|
|
||||||
[astro]: https://astro.build
|
|
||||||
[renderer-docs]: https://docs.astro.build/reference/renderer-reference
|
|
||||||
|
|
@ -1,25 +0,0 @@
|
||||||
import { sharedConfig } from 'solid-js';
|
|
||||||
import { hydrate, createComponent } from 'solid-js/web';
|
|
||||||
|
|
||||||
export default (element) => (Component, props, childHTML) => {
|
|
||||||
let children;
|
|
||||||
hydrate(
|
|
||||||
() =>
|
|
||||||
createComponent(Component, {
|
|
||||||
...props,
|
|
||||||
get children() {
|
|
||||||
if (childHTML != null) {
|
|
||||||
// hydrating
|
|
||||||
if (sharedConfig.context) children = element.querySelector('astro-fragment');
|
|
||||||
|
|
||||||
if (children == null) {
|
|
||||||
children = document.createElement('astro-fragment');
|
|
||||||
children.innerHTML = childHTML;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return children;
|
|
||||||
},
|
|
||||||
}),
|
|
||||||
element
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
@ -1,49 +0,0 @@
|
||||||
export default {
|
|
||||||
name: '@astrojs/renderer-solid',
|
|
||||||
client: './client.js',
|
|
||||||
server: './server.js',
|
|
||||||
jsxImportSource: 'solid-js',
|
|
||||||
jsxTransformOptions: async ({ ssr }) => {
|
|
||||||
const [{ default: solid }] = await Promise.all([import('babel-preset-solid')]);
|
|
||||||
const options = {
|
|
||||||
presets: [solid({}, { generate: ssr ? 'ssr' : 'dom', hydratable: true })],
|
|
||||||
plugins: [],
|
|
||||||
};
|
|
||||||
|
|
||||||
return options;
|
|
||||||
},
|
|
||||||
viteConfig(options) {
|
|
||||||
// https://github.com/solidjs/vite-plugin-solid
|
|
||||||
|
|
||||||
// We inject the dev mode only if the user explicitely wants it or if we are in dev (serve) mode
|
|
||||||
const replaceDev = options.mode === 'development' || options.command === 'serve';
|
|
||||||
|
|
||||||
const nestedDeps = [
|
|
||||||
'solid-js',
|
|
||||||
'solid-js/web',
|
|
||||||
'solid-js/store',
|
|
||||||
'solid-js/html',
|
|
||||||
'solid-js/h',
|
|
||||||
];
|
|
||||||
|
|
||||||
return {
|
|
||||||
/**
|
|
||||||
* We only need esbuild on .ts or .js files.
|
|
||||||
* .tsx & .jsx files are handled by us
|
|
||||||
*/
|
|
||||||
esbuild: { include: /\.ts$/ },
|
|
||||||
resolve: {
|
|
||||||
conditions: ['solid', ...(replaceDev ? ['development'] : [])],
|
|
||||||
dedupe: nestedDeps,
|
|
||||||
alias: [{ find: /^solid-refresh$/, replacement: '/@solid-refresh' }],
|
|
||||||
},
|
|
||||||
optimizeDeps: {
|
|
||||||
include: nestedDeps,
|
|
||||||
exclude: ['@astrojs/renderer-solid/server.js'],
|
|
||||||
},
|
|
||||||
ssr: {
|
|
||||||
external: ['babel-preset-solid'],
|
|
||||||
},
|
|
||||||
};
|
|
||||||
},
|
|
||||||
};
|
|
||||||
|
|
@ -1,29 +0,0 @@
|
||||||
{
|
|
||||||
"name": "@astrojs/renderer-solid",
|
|
||||||
"version": "0.4.2",
|
|
||||||
"description": "Use Solid components within Astro",
|
|
||||||
"type": "module",
|
|
||||||
"author": "withastro",
|
|
||||||
"license": "MIT",
|
|
||||||
"repository": {
|
|
||||||
"type": "git",
|
|
||||||
"url": "https://github.com/withastro/astro.git",
|
|
||||||
"directory": "packages/renderers/renderer-solid"
|
|
||||||
},
|
|
||||||
"bugs": "https://github.com/withastro/astro/issues",
|
|
||||||
"homepage": "https://astro.build",
|
|
||||||
"exports": {
|
|
||||||
".": "./index.js",
|
|
||||||
"./*": "./*",
|
|
||||||
"./client.js": "./client.js",
|
|
||||||
"./server.js": "./server.js",
|
|
||||||
"./package.json": "./package.json"
|
|
||||||
},
|
|
||||||
"dependencies": {
|
|
||||||
"babel-preset-solid": "^1.3.13",
|
|
||||||
"solid-js": "^1.3.14"
|
|
||||||
},
|
|
||||||
"engines": {
|
|
||||||
"node": "^14.15.0 || >=16.0.0"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
@ -1,30 +0,0 @@
|
||||||
import { renderToString, ssr, createComponent } from 'solid-js/web';
|
|
||||||
|
|
||||||
function check(Component, props, children) {
|
|
||||||
if (typeof Component !== 'function') return false;
|
|
||||||
try {
|
|
||||||
const { html } = renderToStaticMarkup(Component, props, children);
|
|
||||||
return typeof html === 'string';
|
|
||||||
} catch (err) {
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function renderToStaticMarkup(Component, props, children) {
|
|
||||||
const html = renderToString(() =>
|
|
||||||
createComponent(Component, {
|
|
||||||
...props,
|
|
||||||
// In Solid SSR mode, `ssr` creates the expected structure for `children`.
|
|
||||||
// In Solid client mode, `ssr` is just a stub.
|
|
||||||
children: children != null ? ssr(`<astro-fragment>${children}</astro-fragment>`) : children,
|
|
||||||
})
|
|
||||||
);
|
|
||||||
return {
|
|
||||||
html: html + `<script>window._$HY||(_$HY={events:[],completed:new WeakSet,r:{}})</script>`,
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
export default {
|
|
||||||
check,
|
|
||||||
renderToStaticMarkup,
|
|
||||||
};
|
|
||||||
|
|
@ -1,12 +0,0 @@
|
||||||
import { ssr } from 'solid-js/web';
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Astro passes `children` as a string of HTML, so we need
|
|
||||||
* a wrapper `astro-fragment` to render that content as VNodes.
|
|
||||||
*/
|
|
||||||
const StaticHtml = ({ innerHTML }) => {
|
|
||||||
if (!innerHTML) return null;
|
|
||||||
return ssr(`<astro-fragment>${innerHTML}</astro-fragment>`);
|
|
||||||
};
|
|
||||||
|
|
||||||
export default StaticHtml;
|
|
||||||
|
|
@ -1,109 +0,0 @@
|
||||||
# @astrojs/renderer-svelte
|
|
||||||
|
|
||||||
## 0.5.2
|
|
||||||
|
|
||||||
### Patch Changes
|
|
||||||
|
|
||||||
- [#2807](https://github.com/withastro/astro/pull/2807) [`79282163`](https://github.com/withastro/astro/commit/79282163e229bfe332b1221be3099f751b05807b) Thanks [@bholmesdev](https://github.com/bholmesdev)! - Remove "PostCSS configuration was not passed or is invalid" error when using the Svelte renderer
|
|
||||||
|
|
||||||
## 0.5.1
|
|
||||||
|
|
||||||
### Patch Changes
|
|
||||||
|
|
||||||
- [#2722](https://github.com/withastro/astro/pull/2722) [`0d37f8e0`](https://github.com/withastro/astro/commit/0d37f8e0a51ac7bcf9e108151828b733bbba6e94) Thanks [@natemoo-re](https://github.com/natemoo-re)! - Temporarily revert [#2715](https://github.com/withastro/astro/pull/2715) to fix `.svelte` files breaking in the static build.
|
|
||||||
|
|
||||||
## 0.5.0
|
|
||||||
|
|
||||||
### Minor Changes
|
|
||||||
|
|
||||||
- [#2715](https://github.com/withastro/astro/pull/2715) [`5f91e007`](https://github.com/withastro/astro/commit/5f91e007cbbb3a5ff7322964d811844b0921db61) Thanks [@natemoo-re](https://github.com/natemoo-re)! - Internally, we'll now use Vite to preprocess assets rather than pulling in `svelte-preprocess`.
|
|
||||||
|
|
||||||
> This removes the default warnings about missing `postcss-load-config`
|
|
||||||
|
|
||||||
## 0.4.0
|
|
||||||
|
|
||||||
### Minor Changes
|
|
||||||
|
|
||||||
- [#2563](https://github.com/withastro/astro/pull/2563) [`a907a73b`](https://github.com/withastro/astro/commit/a907a73b8cd14726d158ea460932f9cd8891923a) Thanks [@natemoo-re](https://github.com/natemoo-re)! - Upgrade renderer dependencies for `vite@2.8.x`
|
|
||||||
|
|
||||||
## 0.4.0-next.0
|
|
||||||
|
|
||||||
### Minor Changes
|
|
||||||
|
|
||||||
- [#2563](https://github.com/withastro/astro/pull/2563) [`a907a73b`](https://github.com/withastro/astro/commit/a907a73b8cd14726d158ea460932f9cd8891923a) Thanks [@natemoo-re](https://github.com/natemoo-re)! - Upgrade renderer dependencies for `vite@2.8.x`
|
|
||||||
|
|
||||||
## 0.3.1
|
|
||||||
|
|
||||||
### Patch Changes
|
|
||||||
|
|
||||||
- [#2300](https://github.com/withastro/astro/pull/2300) [`34486676`](https://github.com/withastro/astro/commit/344866762c3a96b92bd754cf3706db73e2d74647) Thanks [@moritzlaube](https://github.com/moritzlaube)! - Update Svelte to 3.44.3 to get rid of console warning that component receives an unexpected slot "default".
|
|
||||||
|
|
||||||
## 0.3.0
|
|
||||||
|
|
||||||
### Minor Changes
|
|
||||||
|
|
||||||
- [#2202](https://github.com/withastro/astro/pull/2202) [`45cea6ae`](https://github.com/withastro/astro/commit/45cea6aec5a310fed4cb8da0d96670d6b99a2539) Thanks [@jonathantneal](https://github.com/jonathantneal)! - Officially drop support for Node v12. The minimum supported version is now Node v14.15+,
|
|
||||||
|
|
||||||
## 0.2.3
|
|
||||||
|
|
||||||
### Patch Changes
|
|
||||||
|
|
||||||
- [#2216](https://github.com/withastro/astro/pull/2216) [`b8c821a0`](https://github.com/withastro/astro/commit/b8c821a0743ed004691eae0eea471a368d2fa35f) Thanks [@natemoo-re](https://github.com/natemoo-re)! - Pin `@sveltejs/vite-plugin-svelte` to `1.0.0-next.30` for now
|
|
||||||
|
|
||||||
## 0.2.2
|
|
||||||
|
|
||||||
### Patch Changes
|
|
||||||
|
|
||||||
- [#2078](https://github.com/withastro/astro/pull/2078) [`ac3e8702`](https://github.com/withastro/astro/commit/ac3e870280e983a7977da79b6eec0568d38d8420) Thanks [@natemoo-re](https://github.com/natemoo-re)! - Fix behavior of renderers when no children are passed in
|
|
||||||
|
|
||||||
## 0.2.1
|
|
||||||
|
|
||||||
### Patch Changes
|
|
||||||
|
|
||||||
- 4cec1256: Add TypeScript, Sass support to Svelte
|
|
||||||
|
|
||||||
## 0.2.0
|
|
||||||
|
|
||||||
### Minor Changes
|
|
||||||
|
|
||||||
- e6aaeff5: Updated framework renderers for the v0.21.0 release of Astro. Assorted changes and a new renderer interface are included in this release.
|
|
||||||
|
|
||||||
## 0.2.0-next.1
|
|
||||||
|
|
||||||
### Patch Changes
|
|
||||||
|
|
||||||
- 3cd1458a: Bugfix: Bundled CSS missing files on Windows
|
|
||||||
|
|
||||||
## 0.2.0-next.0
|
|
||||||
|
|
||||||
### Minor Changes
|
|
||||||
|
|
||||||
- d84bfe71: Updates the renderers to confirm to the new renderer API.
|
|
||||||
|
|
||||||
## 0.1.2
|
|
||||||
|
|
||||||
### Patch Changes
|
|
||||||
|
|
||||||
- 97d37f8f: Update READMEs for all renderers
|
|
||||||
|
|
||||||
## 0.1.1
|
|
||||||
|
|
||||||
### Patch Changes
|
|
||||||
|
|
||||||
- ab2972b: Update package.json engines for esm support
|
|
||||||
|
|
||||||
## 0.1.0
|
|
||||||
|
|
||||||
### Minor Changes
|
|
||||||
|
|
||||||
- 643c880: Initial release
|
|
||||||
|
|
||||||
### Patch Changes
|
|
||||||
|
|
||||||
- c9d833e: Fixed a bug that was preventing SSR from working
|
|
||||||
|
|
||||||
## 0.1.0-next.0
|
|
||||||
|
|
||||||
### Minor Changes
|
|
||||||
|
|
||||||
- 643c880: Initial release
|
|
||||||
|
|
@ -1,31 +0,0 @@
|
||||||
# @astrojs/renderer-svelte
|
|
||||||
|
|
||||||
This is a plugin for [Astro][astro] apps that enables server-side rendering of Svelte components.
|
|
||||||
|
|
||||||
## Installation
|
|
||||||
|
|
||||||
Install `@astrojs/renderer-svelte` and then add it to your `astro.config.mjs` in the `renderers` property:
|
|
||||||
|
|
||||||
```
|
|
||||||
npm install @astrojs/renderer-svelte
|
|
||||||
```
|
|
||||||
|
|
||||||
__astro.config.mjs__
|
|
||||||
|
|
||||||
```js
|
|
||||||
export default {
|
|
||||||
// ...
|
|
||||||
|
|
||||||
renderers: [
|
|
||||||
// ...
|
|
||||||
'@astrojs/renderer-svelte'
|
|
||||||
]
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
## Documentation
|
|
||||||
|
|
||||||
[Astro Renderer Documentation][renderer-docs]
|
|
||||||
|
|
||||||
[astro]: https://astro.build
|
|
||||||
[renderer-docs]: https://docs.astro.build/reference/renderer-reference
|
|
||||||
|
|
@ -1,21 +0,0 @@
|
||||||
<script>
|
|
||||||
/**
|
|
||||||
* Why do we need a wrapper component?
|
|
||||||
*
|
|
||||||
* Astro passes `children` as a string of HTML, so we need
|
|
||||||
* a way to render that content.
|
|
||||||
*
|
|
||||||
* Rather than passing a magical prop which needs special
|
|
||||||
* handling, using this wrapper allows Svelte users to just
|
|
||||||
* use `<slot />` like they would for any other component.
|
|
||||||
*/
|
|
||||||
const { __astro_component: Component, __astro_children, ...props } = $$props;
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<svelte:component this={Component} {...props}>
|
|
||||||
{#if __astro_children != null}
|
|
||||||
<astro-fragment>
|
|
||||||
{@html __astro_children}
|
|
||||||
</astro-fragment>
|
|
||||||
{/if}
|
|
||||||
</svelte:component>
|
|
||||||
|
|
@ -1,19 +0,0 @@
|
||||||
/* App.svelte generated by Svelte v3.38.2 */
|
|
||||||
import { create_ssr_component, missing_component, validate_component } from 'svelte/internal';
|
|
||||||
|
|
||||||
const App = create_ssr_component(($$result, $$props, $$bindings, slots) => {
|
|
||||||
const { __astro_component: Component, __astro_children, ...props } = $$props;
|
|
||||||
const children = {};
|
|
||||||
if (__astro_children != null) {
|
|
||||||
children.default = () => `<astro-fragment>${__astro_children}</astro-fragment>`;
|
|
||||||
}
|
|
||||||
|
|
||||||
return `${validate_component(Component || missing_component, 'svelte:component').$$render(
|
|
||||||
$$result,
|
|
||||||
Object.assign(props),
|
|
||||||
{},
|
|
||||||
children
|
|
||||||
)}`;
|
|
||||||
});
|
|
||||||
|
|
||||||
export default App;
|
|
||||||
|
|
@ -1,14 +0,0 @@
|
||||||
import SvelteWrapper from './Wrapper.svelte';
|
|
||||||
|
|
||||||
export default (target) => {
|
|
||||||
return (component, props, children) => {
|
|
||||||
delete props['class'];
|
|
||||||
try {
|
|
||||||
new SvelteWrapper({
|
|
||||||
target,
|
|
||||||
props: { __astro_component: component, __astro_children: children, ...props },
|
|
||||||
hydrate: true,
|
|
||||||
});
|
|
||||||
} catch (e) {}
|
|
||||||
};
|
|
||||||
};
|
|
||||||
|
|
@ -1,31 +0,0 @@
|
||||||
import { svelte } from '@sveltejs/vite-plugin-svelte';
|
|
||||||
import preprocess from 'svelte-preprocess';
|
|
||||||
|
|
||||||
export default {
|
|
||||||
name: '@astrojs/renderer-svelte',
|
|
||||||
client: './client.js',
|
|
||||||
server: './server.js',
|
|
||||||
viteConfig({ mode }) {
|
|
||||||
return {
|
|
||||||
optimizeDeps: {
|
|
||||||
include: ['@astrojs/renderer-svelte/client.js', 'svelte', 'svelte/internal'],
|
|
||||||
exclude: ['@astrojs/renderer-svelte/server.js'],
|
|
||||||
},
|
|
||||||
plugins: [
|
|
||||||
svelte({
|
|
||||||
emitCss: true,
|
|
||||||
compilerOptions: { dev: mode === 'development', hydratable: true },
|
|
||||||
preprocess: [
|
|
||||||
preprocess({
|
|
||||||
less: true,
|
|
||||||
sass: { renderSync: true },
|
|
||||||
scss: { renderSync: true },
|
|
||||||
stylus: true,
|
|
||||||
typescript: true,
|
|
||||||
}),
|
|
||||||
],
|
|
||||||
}),
|
|
||||||
],
|
|
||||||
};
|
|
||||||
},
|
|
||||||
};
|
|
||||||
|
|
@ -1,31 +0,0 @@
|
||||||
{
|
|
||||||
"name": "@astrojs/renderer-svelte",
|
|
||||||
"version": "0.5.2",
|
|
||||||
"description": "Use Svelte components within Astro",
|
|
||||||
"type": "module",
|
|
||||||
"author": "withastro",
|
|
||||||
"license": "MIT",
|
|
||||||
"repository": {
|
|
||||||
"type": "git",
|
|
||||||
"url": "https://github.com/withastro/astro.git",
|
|
||||||
"directory": "packages/renderers/renderer-svelte"
|
|
||||||
},
|
|
||||||
"bugs": "https://github.com/withastro/astro/issues",
|
|
||||||
"homepage": "https://astro.build",
|
|
||||||
"exports": {
|
|
||||||
".": "./index.js",
|
|
||||||
"./*": "./*",
|
|
||||||
"./client.js": "./client.js",
|
|
||||||
"./server.js": "./server.js",
|
|
||||||
"./package.json": "./package.json"
|
|
||||||
},
|
|
||||||
"dependencies": {
|
|
||||||
"@sveltejs/vite-plugin-svelte": "^1.0.0-next.41",
|
|
||||||
"svelte": "^3.47.0",
|
|
||||||
"svelte-preprocess": "^4.10.5",
|
|
||||||
"vite": "^2.9.1"
|
|
||||||
},
|
|
||||||
"engines": {
|
|
||||||
"node": "^14.15.0 || >=16.0.0"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
@ -1,19 +0,0 @@
|
||||||
import SvelteWrapper from './Wrapper.svelte.ssr.js';
|
|
||||||
|
|
||||||
function check(Component) {
|
|
||||||
return Component['render'] && Component['$$render'];
|
|
||||||
}
|
|
||||||
|
|
||||||
async function renderToStaticMarkup(Component, props, children) {
|
|
||||||
const { html } = SvelteWrapper.render({
|
|
||||||
__astro_component: Component,
|
|
||||||
__astro_children: children,
|
|
||||||
...props,
|
|
||||||
});
|
|
||||||
return { html };
|
|
||||||
}
|
|
||||||
|
|
||||||
export default {
|
|
||||||
check,
|
|
||||||
renderToStaticMarkup,
|
|
||||||
};
|
|
||||||
|
|
@ -1,121 +0,0 @@
|
||||||
# @astrojs/renderer-vue
|
|
||||||
|
|
||||||
## 0.4.0
|
|
||||||
|
|
||||||
### Minor Changes
|
|
||||||
|
|
||||||
- [#2563](https://github.com/withastro/astro/pull/2563) [`a907a73b`](https://github.com/withastro/astro/commit/a907a73b8cd14726d158ea460932f9cd8891923a) Thanks [@natemoo-re](https://github.com/natemoo-re)! - Upgrade renderer dependencies for `vite@2.8.x`
|
|
||||||
|
|
||||||
## 0.4.0-next.0
|
|
||||||
|
|
||||||
### Minor Changes
|
|
||||||
|
|
||||||
- [#2563](https://github.com/withastro/astro/pull/2563) [`a907a73b`](https://github.com/withastro/astro/commit/a907a73b8cd14726d158ea460932f9cd8891923a) Thanks [@natemoo-re](https://github.com/natemoo-re)! - Upgrade renderer dependencies for `vite@2.8.x`
|
|
||||||
|
|
||||||
## 0.3.0
|
|
||||||
|
|
||||||
### Minor Changes
|
|
||||||
|
|
||||||
- [#2202](https://github.com/withastro/astro/pull/2202) [`45cea6ae`](https://github.com/withastro/astro/commit/45cea6aec5a310fed4cb8da0d96670d6b99a2539) Thanks [@jonathantneal](https://github.com/jonathantneal)! - Officially drop support for Node v12. The minimum supported version is now Node v14.15+,
|
|
||||||
|
|
||||||
## 0.2.1
|
|
||||||
|
|
||||||
### Patch Changes
|
|
||||||
|
|
||||||
- [#2078](https://github.com/withastro/astro/pull/2078) [`ac3e8702`](https://github.com/withastro/astro/commit/ac3e870280e983a7977da79b6eec0568d38d8420) Thanks [@natemoo-re](https://github.com/natemoo-re)! - Fix behavior of renderers when no children are passed in
|
|
||||||
|
|
||||||
## 0.2.0
|
|
||||||
|
|
||||||
### Minor Changes
|
|
||||||
|
|
||||||
- e6aaeff5: Updated framework renderers for the v0.21.0 release of Astro. Assorted changes and a new renderer interface are included in this release.
|
|
||||||
|
|
||||||
## 0.2.0-next.2
|
|
||||||
|
|
||||||
### Patch Changes
|
|
||||||
|
|
||||||
- 8986d33b: Improve error display
|
|
||||||
|
|
||||||
## 0.2.0-next.1
|
|
||||||
|
|
||||||
### Patch Changes
|
|
||||||
|
|
||||||
- 3cd1458a: Bugfix: Bundled CSS missing files on Windows
|
|
||||||
|
|
||||||
## 0.2.0-next.0
|
|
||||||
|
|
||||||
### Minor Changes
|
|
||||||
|
|
||||||
- d84bfe71: Updates the renderers to confirm to the new renderer API.
|
|
||||||
|
|
||||||
## 0.1.9
|
|
||||||
|
|
||||||
### Patch Changes
|
|
||||||
|
|
||||||
- 31d06880: Expose name on host component for Vue devtools
|
|
||||||
|
|
||||||
## 0.1.8
|
|
||||||
|
|
||||||
### Patch Changes
|
|
||||||
|
|
||||||
- 97d37f8f: Update READMEs for all renderers
|
|
||||||
|
|
||||||
## 0.1.7
|
|
||||||
|
|
||||||
### Patch Changes
|
|
||||||
|
|
||||||
- 1339d5e3: Bump Vue version to latest stable
|
|
||||||
|
|
||||||
## 0.1.6
|
|
||||||
|
|
||||||
### Patch Changes
|
|
||||||
|
|
||||||
- a1491cc6: Fix Vue components nesting
|
|
||||||
|
|
||||||
## 0.1.5
|
|
||||||
|
|
||||||
### Patch Changes
|
|
||||||
|
|
||||||
- fdb1c15: Revert #858
|
|
||||||
|
|
||||||
## 0.1.4
|
|
||||||
|
|
||||||
### Patch Changes
|
|
||||||
|
|
||||||
- 1f79144: Exclude @vue/runtime-core from processing to fix Vue SSR for nested components
|
|
||||||
|
|
||||||
## 0.1.4-next.0
|
|
||||||
|
|
||||||
### Patch Changes
|
|
||||||
|
|
||||||
- 1f79144: Exclude @vue/runtime-core from processing to fix Vue SSR for nested components
|
|
||||||
|
|
||||||
## 0.1.3
|
|
||||||
|
|
||||||
### Patch Changes
|
|
||||||
|
|
||||||
- 0abd251: Allows renderers to provide knownEntrypoint config values
|
|
||||||
|
|
||||||
## 0.1.2
|
|
||||||
|
|
||||||
### Patch Changes
|
|
||||||
|
|
||||||
- ab2972b: Update package.json engines for esm support
|
|
||||||
|
|
||||||
## 0.1.1
|
|
||||||
|
|
||||||
### Patch Changes
|
|
||||||
|
|
||||||
- b1364af: Updates logging to display messages from Snowpack
|
|
||||||
|
|
||||||
## 0.1.0
|
|
||||||
|
|
||||||
### Minor Changes
|
|
||||||
|
|
||||||
- 643c880: Initial release
|
|
||||||
|
|
||||||
## 0.1.0-next.0
|
|
||||||
|
|
||||||
### Minor Changes
|
|
||||||
|
|
||||||
- 643c880: Initial release
|
|
||||||
|
|
@ -1,31 +0,0 @@
|
||||||
# @astrojs/renderer-vue
|
|
||||||
|
|
||||||
This is a plugin for [Astro][astro] apps that enables server-side rendering of Vue 3.x components.
|
|
||||||
|
|
||||||
## Installation
|
|
||||||
|
|
||||||
Install `@astrojs/renderer-vue` and then add it to your `astro.config.mjs` in the `renderers` property:
|
|
||||||
|
|
||||||
```
|
|
||||||
npm install @astrojs/renderer-vue
|
|
||||||
```
|
|
||||||
|
|
||||||
__astro.config.mjs__
|
|
||||||
|
|
||||||
```js
|
|
||||||
export default {
|
|
||||||
// ...
|
|
||||||
|
|
||||||
renderers: [
|
|
||||||
// ...
|
|
||||||
'@astrojs/renderer-vue'
|
|
||||||
]
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
## Documentation
|
|
||||||
|
|
||||||
[Astro Renderer Documentation][renderer-docs]
|
|
||||||
|
|
||||||
[astro]: https://astro.build
|
|
||||||
[renderer-docs]: https://docs.astro.build/reference/renderer-reference
|
|
||||||
|
|
@ -1,14 +0,0 @@
|
||||||
import { h, createSSRApp } from 'vue';
|
|
||||||
import StaticHtml from './static-html.js';
|
|
||||||
|
|
||||||
export default (element) => (Component, props, children) => {
|
|
||||||
delete props['class'];
|
|
||||||
// Expose name on host component for Vue devtools
|
|
||||||
const name = Component.name ? `${Component.name} Host` : undefined;
|
|
||||||
const slots = {};
|
|
||||||
if (children != null) {
|
|
||||||
slots.default = () => h(StaticHtml, { value: children });
|
|
||||||
}
|
|
||||||
const app = createSSRApp({ name, render: () => h(Component, props, slots) });
|
|
||||||
app.mount(element, true);
|
|
||||||
};
|
|
||||||
|
|
@ -1,19 +0,0 @@
|
||||||
import vue from '@vitejs/plugin-vue';
|
|
||||||
|
|
||||||
export default {
|
|
||||||
name: '@astrojs/renderer-vue',
|
|
||||||
client: './client.js',
|
|
||||||
server: './server.js',
|
|
||||||
viteConfig() {
|
|
||||||
return {
|
|
||||||
optimizeDeps: {
|
|
||||||
include: ['@astrojs/renderer-vue/client.js', 'vue'],
|
|
||||||
exclude: ['@astrojs/renderer-vue/server.js'],
|
|
||||||
},
|
|
||||||
plugins: [vue()],
|
|
||||||
ssr: {
|
|
||||||
external: ['@vue/server-renderer'],
|
|
||||||
},
|
|
||||||
};
|
|
||||||
},
|
|
||||||
};
|
|
||||||
|
|
@ -1,30 +0,0 @@
|
||||||
{
|
|
||||||
"name": "@astrojs/renderer-vue",
|
|
||||||
"version": "0.4.0",
|
|
||||||
"description": "Use Vue components within Astro",
|
|
||||||
"type": "module",
|
|
||||||
"author": "withastro",
|
|
||||||
"license": "MIT",
|
|
||||||
"repository": {
|
|
||||||
"type": "git",
|
|
||||||
"url": "https://github.com/withastro/astro.git",
|
|
||||||
"directory": "packages/renderers/renderer-vue"
|
|
||||||
},
|
|
||||||
"bugs": "https://github.com/withastro/astro/issues",
|
|
||||||
"homepage": "https://astro.build",
|
|
||||||
"exports": {
|
|
||||||
".": "./index.js",
|
|
||||||
"./*": "./*",
|
|
||||||
"./client.js": "./client.js",
|
|
||||||
"./server.js": "./server.js",
|
|
||||||
"./package.json": "./package.json"
|
|
||||||
},
|
|
||||||
"dependencies": {
|
|
||||||
"@vitejs/plugin-vue": "^2.3.1",
|
|
||||||
"vite": "^2.9.1",
|
|
||||||
"vue": "^3.2.31"
|
|
||||||
},
|
|
||||||
"engines": {
|
|
||||||
"node": "^14.15.0 || >=16.0.0"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
@ -1,22 +0,0 @@
|
||||||
import { h, createSSRApp } from 'vue';
|
|
||||||
import { renderToString } from 'vue/server-renderer';
|
|
||||||
import StaticHtml from './static-html.js';
|
|
||||||
|
|
||||||
function check(Component) {
|
|
||||||
return !!Component['ssrRender'];
|
|
||||||
}
|
|
||||||
|
|
||||||
async function renderToStaticMarkup(Component, props, children) {
|
|
||||||
const slots = {};
|
|
||||||
if (children != null) {
|
|
||||||
slots.default = () => h(StaticHtml, { value: children });
|
|
||||||
}
|
|
||||||
const app = createSSRApp({ render: () => h(Component, props, slots) });
|
|
||||||
const html = await renderToString(app);
|
|
||||||
return { html };
|
|
||||||
}
|
|
||||||
|
|
||||||
export default {
|
|
||||||
check,
|
|
||||||
renderToStaticMarkup,
|
|
||||||
};
|
|
||||||
|
|
@ -1,27 +0,0 @@
|
||||||
import { h, defineComponent } from 'vue';
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Astro passes `children` as a string of HTML, so we need
|
|
||||||
* a wrapper `div` to render that content as VNodes.
|
|
||||||
*
|
|
||||||
* This is the Vue + JSX equivalent of using `<div v-html="value" />`
|
|
||||||
*/
|
|
||||||
const StaticHtml = defineComponent({
|
|
||||||
props: {
|
|
||||||
value: String,
|
|
||||||
},
|
|
||||||
setup({ value }) {
|
|
||||||
if (!value) return () => null;
|
|
||||||
return () => h('astro-fragment', { innerHTML: value });
|
|
||||||
},
|
|
||||||
});
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Other frameworks have `shouldComponentUpdate` in order to signal
|
|
||||||
* that this subtree is entirely static and will not be updated
|
|
||||||
*
|
|
||||||
* Fortunately, Vue is smart enough to figure that out without any
|
|
||||||
* help from us, so this just works out of the box!
|
|
||||||
*/
|
|
||||||
|
|
||||||
export default StaticHtml;
|
|
||||||
183
pnpm-lock.yaml
183
pnpm-lock.yaml
|
|
@ -779,10 +779,8 @@ importers:
|
||||||
|
|
||||||
packages/astro/test/fixtures/astro-jsx:
|
packages/astro/test/fixtures/astro-jsx:
|
||||||
specifiers:
|
specifiers:
|
||||||
'@astrojs/renderer-solid': workspace:*
|
|
||||||
astro: workspace:*
|
astro: workspace:*
|
||||||
dependencies:
|
dependencies:
|
||||||
'@astrojs/renderer-solid': link:../../../../renderers/renderer-solid
|
|
||||||
astro: link:../../..
|
astro: link:../../..
|
||||||
|
|
||||||
packages/astro/test/fixtures/astro-markdown:
|
packages/astro/test/fixtures/astro-markdown:
|
||||||
|
|
@ -1460,66 +1458,6 @@ importers:
|
||||||
'@types/prismjs': 1.26.0
|
'@types/prismjs': 1.26.0
|
||||||
astro-scripts: link:../../../scripts
|
astro-scripts: link:../../../scripts
|
||||||
|
|
||||||
packages/renderers/renderer-lit:
|
|
||||||
specifiers:
|
|
||||||
'@lit-labs/ssr': ^2.1.0
|
|
||||||
'@webcomponents/template-shadowroot': ^0.1.0
|
|
||||||
lit: ^2.2.2
|
|
||||||
dependencies:
|
|
||||||
'@lit-labs/ssr': 2.1.0
|
|
||||||
'@webcomponents/template-shadowroot': 0.1.0
|
|
||||||
lit: 2.2.2
|
|
||||||
|
|
||||||
packages/renderers/renderer-preact:
|
|
||||||
specifiers:
|
|
||||||
'@babel/plugin-transform-react-jsx': ^7.17.3
|
|
||||||
preact: ^10.7.1
|
|
||||||
preact-render-to-string: ^5.1.21
|
|
||||||
dependencies:
|
|
||||||
'@babel/plugin-transform-react-jsx': 7.17.3
|
|
||||||
preact: 10.7.1
|
|
||||||
preact-render-to-string: 5.1.21_preact@10.7.1
|
|
||||||
|
|
||||||
packages/renderers/renderer-react:
|
|
||||||
specifiers:
|
|
||||||
'@babel/plugin-transform-react-jsx': ^7.17.3
|
|
||||||
react: ^18.0.0
|
|
||||||
react-dom: ^18.0.0
|
|
||||||
dependencies:
|
|
||||||
'@babel/plugin-transform-react-jsx': 7.17.3
|
|
||||||
react: 18.0.0
|
|
||||||
react-dom: 18.0.0_react@18.0.0
|
|
||||||
|
|
||||||
packages/renderers/renderer-solid:
|
|
||||||
specifiers:
|
|
||||||
babel-preset-solid: ^1.3.13
|
|
||||||
solid-js: ^1.3.14
|
|
||||||
dependencies:
|
|
||||||
babel-preset-solid: 1.3.13
|
|
||||||
solid-js: 1.3.14
|
|
||||||
|
|
||||||
packages/renderers/renderer-svelte:
|
|
||||||
specifiers:
|
|
||||||
'@sveltejs/vite-plugin-svelte': ^1.0.0-next.41
|
|
||||||
svelte: ^3.47.0
|
|
||||||
svelte-preprocess: ^4.10.5
|
|
||||||
vite: ^2.9.1
|
|
||||||
dependencies:
|
|
||||||
'@sveltejs/vite-plugin-svelte': 1.0.0-next.41_svelte@3.47.0+vite@2.9.1
|
|
||||||
svelte: 3.47.0
|
|
||||||
svelte-preprocess: 4.10.5_svelte@3.47.0+typescript@4.6.3
|
|
||||||
vite: 2.9.1
|
|
||||||
|
|
||||||
packages/renderers/renderer-vue:
|
|
||||||
specifiers:
|
|
||||||
'@vitejs/plugin-vue': ^2.3.1
|
|
||||||
vite: ^2.9.1
|
|
||||||
vue: ^3.2.31
|
|
||||||
dependencies:
|
|
||||||
'@vitejs/plugin-vue': 2.3.1_vite@2.9.1+vue@3.2.31
|
|
||||||
vite: 2.9.1
|
|
||||||
vue: 3.2.31
|
|
||||||
|
|
||||||
packages/webapi:
|
packages/webapi:
|
||||||
specifiers:
|
specifiers:
|
||||||
'@rollup/plugin-alias': ^3.1.9
|
'@rollup/plugin-alias': ^3.1.9
|
||||||
|
|
@ -1568,10 +1506,6 @@ importers:
|
||||||
|
|
||||||
scripts:
|
scripts:
|
||||||
specifiers:
|
specifiers:
|
||||||
'@astrojs/renderer-preact': workspace:*
|
|
||||||
'@astrojs/renderer-react': workspace:*
|
|
||||||
'@astrojs/renderer-svelte': workspace:*
|
|
||||||
'@astrojs/renderer-vue': workspace:*
|
|
||||||
'@astrojs/webapi': workspace:*
|
'@astrojs/webapi': workspace:*
|
||||||
adm-zip: ^0.5.9
|
adm-zip: ^0.5.9
|
||||||
arg: ^5.0.1
|
arg: ^5.0.1
|
||||||
|
|
@ -1581,10 +1515,6 @@ importers:
|
||||||
svelte: ^3.47.0
|
svelte: ^3.47.0
|
||||||
tar: ^6.1.11
|
tar: ^6.1.11
|
||||||
dependencies:
|
dependencies:
|
||||||
'@astrojs/renderer-preact': link:../packages/renderers/renderer-preact
|
|
||||||
'@astrojs/renderer-react': link:../packages/renderers/renderer-react
|
|
||||||
'@astrojs/renderer-svelte': link:../packages/renderers/renderer-svelte
|
|
||||||
'@astrojs/renderer-vue': link:../packages/renderers/renderer-vue
|
|
||||||
'@astrojs/webapi': link:../packages/webapi
|
'@astrojs/webapi': link:../packages/webapi
|
||||||
adm-zip: 0.5.9
|
adm-zip: 0.5.9
|
||||||
arg: 5.0.1
|
arg: 5.0.1
|
||||||
|
|
@ -3815,30 +3745,6 @@ packages:
|
||||||
- supports-color
|
- supports-color
|
||||||
dev: false
|
dev: false
|
||||||
|
|
||||||
/@sveltejs/vite-plugin-svelte/1.0.0-next.41_svelte@3.47.0+vite@2.9.1:
|
|
||||||
resolution: {integrity: sha512-2kZ49mpi/YW1PIPvKaJNSSwIFgmw9QUf1+yaNa4U8yJD6AsfSHXAU3goscWbi1jfWnSg2PhvwAf+bvLCdp2F9g==}
|
|
||||||
engines: {node: ^14.13.1 || >= 16}
|
|
||||||
peerDependencies:
|
|
||||||
diff-match-patch: ^1.0.5
|
|
||||||
svelte: ^3.44.0
|
|
||||||
vite: ^2.9.0
|
|
||||||
peerDependenciesMeta:
|
|
||||||
diff-match-patch:
|
|
||||||
optional: true
|
|
||||||
vite:
|
|
||||||
optional: true
|
|
||||||
dependencies:
|
|
||||||
'@rollup/pluginutils': 4.2.0
|
|
||||||
debug: 4.3.4
|
|
||||||
kleur: 4.1.4
|
|
||||||
magic-string: 0.26.1
|
|
||||||
svelte: 3.47.0
|
|
||||||
svelte-hmr: 0.14.11_svelte@3.47.0
|
|
||||||
vite: 2.9.1
|
|
||||||
transitivePeerDependencies:
|
|
||||||
- supports-color
|
|
||||||
dev: false
|
|
||||||
|
|
||||||
/@tootallnate/once/1.1.2:
|
/@tootallnate/once/1.1.2:
|
||||||
resolution: {integrity: sha512-RbzJvlNzmRq5c3O09UipeuXno4tA1FE6ikOjxZK0tuxVv3412l64l5t1W5pj4+rJq9vpkm/kwiR07aZXnsKPxw==}
|
resolution: {integrity: sha512-RbzJvlNzmRq5c3O09UipeuXno4tA1FE6ikOjxZK0tuxVv3412l64l5t1W5pj4+rJq9vpkm/kwiR07aZXnsKPxw==}
|
||||||
engines: {node: '>= 6'}
|
engines: {node: '>= 6'}
|
||||||
|
|
@ -4343,20 +4249,6 @@ packages:
|
||||||
'@unocss/scope': 0.15.6
|
'@unocss/scope': 0.15.6
|
||||||
dev: true
|
dev: true
|
||||||
|
|
||||||
/@vitejs/plugin-vue/2.3.1_vite@2.9.1+vue@3.2.31:
|
|
||||||
resolution: {integrity: sha512-YNzBt8+jt6bSwpt7LP890U1UcTOIZZxfpE5WOJ638PNxSEKOqAi0+FSKS0nVeukfdZ0Ai/H7AFd6k3hayfGZqQ==}
|
|
||||||
engines: {node: '>=12.0.0'}
|
|
||||||
peerDependencies:
|
|
||||||
vite: ^2.5.10
|
|
||||||
vue: ^3.2.25
|
|
||||||
peerDependenciesMeta:
|
|
||||||
vite:
|
|
||||||
optional: true
|
|
||||||
dependencies:
|
|
||||||
vite: 2.9.1
|
|
||||||
vue: 3.2.31
|
|
||||||
dev: false
|
|
||||||
|
|
||||||
/@vitejs/plugin-vue/2.3.1_vue@3.2.31:
|
/@vitejs/plugin-vue/2.3.1_vue@3.2.31:
|
||||||
resolution: {integrity: sha512-YNzBt8+jt6bSwpt7LP890U1UcTOIZZxfpE5WOJ638PNxSEKOqAi0+FSKS0nVeukfdZ0Ai/H7AFd6k3hayfGZqQ==}
|
resolution: {integrity: sha512-YNzBt8+jt6bSwpt7LP890U1UcTOIZZxfpE5WOJ638PNxSEKOqAi0+FSKS0nVeukfdZ0Ai/H7AFd6k3hayfGZqQ==}
|
||||||
engines: {node: '>=12.0.0'}
|
engines: {node: '>=12.0.0'}
|
||||||
|
|
@ -9677,57 +9569,6 @@ packages:
|
||||||
typescript: 4.6.3
|
typescript: 4.6.3
|
||||||
dev: false
|
dev: false
|
||||||
|
|
||||||
/svelte-preprocess/4.10.5_svelte@3.47.0+typescript@4.6.3:
|
|
||||||
resolution: {integrity: sha512-VKXPRScCzAZqeBZOGq4LLwtNrAu++mVn7XvQox3eFDV7Ciq0Lg70Q8QWjH9iXF7J+pMlXhPsSFwpCb2E+hoeyA==}
|
|
||||||
engines: {node: '>= 9.11.2'}
|
|
||||||
requiresBuild: true
|
|
||||||
peerDependencies:
|
|
||||||
'@babel/core': ^7.10.2
|
|
||||||
coffeescript: ^2.5.1
|
|
||||||
less: ^3.11.3 || ^4.0.0
|
|
||||||
node-sass: '*'
|
|
||||||
postcss: ^7 || ^8
|
|
||||||
postcss-load-config: ^2.1.0 || ^3.0.0
|
|
||||||
pug: ^3.0.0
|
|
||||||
sass: ^1.26.8
|
|
||||||
stylus: ^0.55.0
|
|
||||||
sugarss: ^2.0.0
|
|
||||||
svelte: ^3.23.0
|
|
||||||
typescript: ^3.9.5 || ^4.0.0
|
|
||||||
peerDependenciesMeta:
|
|
||||||
'@babel/core':
|
|
||||||
optional: true
|
|
||||||
coffeescript:
|
|
||||||
optional: true
|
|
||||||
less:
|
|
||||||
optional: true
|
|
||||||
node-sass:
|
|
||||||
optional: true
|
|
||||||
postcss:
|
|
||||||
optional: true
|
|
||||||
postcss-load-config:
|
|
||||||
optional: true
|
|
||||||
pug:
|
|
||||||
optional: true
|
|
||||||
sass:
|
|
||||||
optional: true
|
|
||||||
stylus:
|
|
||||||
optional: true
|
|
||||||
sugarss:
|
|
||||||
optional: true
|
|
||||||
typescript:
|
|
||||||
optional: true
|
|
||||||
dependencies:
|
|
||||||
'@types/pug': 2.0.6
|
|
||||||
'@types/sass': 1.43.1
|
|
||||||
detect-indent: 6.1.0
|
|
||||||
magic-string: 0.25.9
|
|
||||||
sorcery: 0.10.0
|
|
||||||
strip-indent: 3.0.0
|
|
||||||
svelte: 3.47.0
|
|
||||||
typescript: 4.6.3
|
|
||||||
dev: false
|
|
||||||
|
|
||||||
/svelte/3.47.0:
|
/svelte/3.47.0:
|
||||||
resolution: {integrity: sha512-4JaJp3HEoTCGARRWZQIZDUanhYv0iyoHikklVHVLH9xFE9db22g4TDv7CPeNA8HD1JgjXI1vlhR1JZvvhaTu2Q==}
|
resolution: {integrity: sha512-4JaJp3HEoTCGARRWZQIZDUanhYv0iyoHikklVHVLH9xFE9db22g4TDv7CPeNA8HD1JgjXI1vlhR1JZvvhaTu2Q==}
|
||||||
engines: {node: '>= 8'}
|
engines: {node: '>= 8'}
|
||||||
|
|
@ -10422,30 +10263,6 @@ packages:
|
||||||
- supports-color
|
- supports-color
|
||||||
dev: true
|
dev: true
|
||||||
|
|
||||||
/vite/2.9.1:
|
|
||||||
resolution: {integrity: sha512-vSlsSdOYGcYEJfkQ/NeLXgnRv5zZfpAsdztkIrs7AZHV8RCMZQkwjo4DS5BnrYTqoWqLoUe1Cah4aVO4oNNqCQ==}
|
|
||||||
engines: {node: '>=12.2.0'}
|
|
||||||
hasBin: true
|
|
||||||
peerDependencies:
|
|
||||||
less: '*'
|
|
||||||
sass: '*'
|
|
||||||
stylus: '*'
|
|
||||||
peerDependenciesMeta:
|
|
||||||
less:
|
|
||||||
optional: true
|
|
||||||
sass:
|
|
||||||
optional: true
|
|
||||||
stylus:
|
|
||||||
optional: true
|
|
||||||
dependencies:
|
|
||||||
esbuild: 0.14.34
|
|
||||||
postcss: 8.4.12
|
|
||||||
resolve: 1.22.0
|
|
||||||
rollup: 2.70.1
|
|
||||||
optionalDependencies:
|
|
||||||
fsevents: 2.3.2
|
|
||||||
dev: false
|
|
||||||
|
|
||||||
/vite/2.9.1_sass@1.50.0:
|
/vite/2.9.1_sass@1.50.0:
|
||||||
resolution: {integrity: sha512-vSlsSdOYGcYEJfkQ/NeLXgnRv5zZfpAsdztkIrs7AZHV8RCMZQkwjo4DS5BnrYTqoWqLoUe1Cah4aVO4oNNqCQ==}
|
resolution: {integrity: sha512-vSlsSdOYGcYEJfkQ/NeLXgnRv5zZfpAsdztkIrs7AZHV8RCMZQkwjo4DS5BnrYTqoWqLoUe1Cah4aVO4oNNqCQ==}
|
||||||
engines: {node: '>=12.2.0'}
|
engines: {node: '>=12.2.0'}
|
||||||
|
|
|
||||||
|
|
@ -8,10 +8,6 @@
|
||||||
"astro-scripts": "./index.js"
|
"astro-scripts": "./index.js"
|
||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@astrojs/renderer-preact": "workspace:*",
|
|
||||||
"@astrojs/renderer-react": "workspace:*",
|
|
||||||
"@astrojs/renderer-svelte": "workspace:*",
|
|
||||||
"@astrojs/renderer-vue": "workspace:*",
|
|
||||||
"@astrojs/webapi": "workspace:*",
|
"@astrojs/webapi": "workspace:*",
|
||||||
"adm-zip": "^0.5.9",
|
"adm-zip": "^0.5.9",
|
||||||
"arg": "^5.0.1",
|
"arg": "^5.0.1",
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue