Product
Introducing SSO
Streamline your login process and enhance security by enabling Single Sign-On (SSO) on the Socket platform, now available for all customers on the Enterprise plan, supporting 20+ identity providers.
@swimlane/docspa-stackblitz
Advanced tools
Readme
(optional, external)
This module allows embedding StackBlitz projects within markdown using a embed-stackblitz
custom element and the [[stackblitz]] shortcode.
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { DocspaCoreModule } from '@swimlane/docspa-core';
import { DocspaStackblitzModule } from '@swimlane/docspa-stackblitz';
import { AppComponent } from './app.component';
import { config } from '../docspa.config';
@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule,
DocspaCoreModule.forRoot(config),
DocspaStackblitzModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
The embed-stackblitz
custom element accepts a StackBlitz project payload as the project
input.
<embed-stackblitz
title='Embeded StackBlitz Project<br />DocSPA'
project='{"template": "javascript", "files": {"index.js": "console.log(123)", "index.html": "Hello World"} }'>
</embed-stackblitz>
or a path to a project payload (JSON
file) in the documentation local files (relative to the document root folder):
[[stackblitz title="Local StackBlitz Project<br />DocSPA" project-path="examples/folder/stackblitz" ]]
i> When providing a payload path, if the files
property of the payload contains an array, this is treated as an array of relative paths from which the file content will be loaded.
You may also supply a project-id
to to load an existing StackBlitz project:
<embed-stackblitz
title='Existing StackBlitz Project<br />DocSPA'
project-id="sdk-create-project">
</embed-stackblitz>
If a both project-id
and either a project-path
or project
input are provided, the files listed in the local project's files are treated as a a patch to the existing StackBlitz project.
<embed-stackblitz
title='Existing StackBlitz Project with local changes<br />DocSPA'
project-id="sdk-create-project"
project-path="examples/folder/stackblitz">
</embed-stackblitz>
FAQs
<small>(optional, external)</small>
The npm package @swimlane/docspa-stackblitz receives a total of 15 weekly downloads. As such, @swimlane/docspa-stackblitz popularity was classified as not popular.
We found that @swimlane/docspa-stackblitz demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 41 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Product
Streamline your login process and enhance security by enabling Single Sign-On (SSO) on the Socket platform, now available for all customers on the Enterprise plan, supporting 20+ identity providers.
Security News
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
Security News
As cyber threats become more autonomous, AI-powered defenses are crucial for businesses to stay ahead of attackers who can exploit software vulnerabilities at scale.