New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

diagrams

Package Overview
Dependencies
Maintainers
1
Versions
39
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

diagrams - npm Package Compare versions

Comparing version 0.2.4 to 0.2.5

url.svg

4

bin/diagrams-railroad.js

@@ -25,3 +25,3 @@ #!/usr/bin/env node

}
console.log('hello');
var inputContent = fs.readFileSync(inputFilePath, 'utf8');

@@ -32,4 +32,4 @@ try {

} catch(error){
console.error(error);
console.log(error);
process.exit(1);
}
{
"name": "diagrams",
"version": "0.2.4",
"version": "0.2.5",
"description": "Generate Flowcharts, Network Sequence Diagrams, and Railroad Diagrams",

@@ -5,0 +5,0 @@ "main": "src/diagrams.js",

@@ -27,33 +27,37 @@ var railroadDiagrams = require('railroad-diagrams');

// TODO: Make this customizable
svgText = svgText.replace(/(<svg class="railroad-diagram" width="\d+" height="\d+" viewBox="\d+ \d+ \d+ \d+")>/,'$1> \n'+
'\t<defs>\n'+
'\t\t<style type="text/css"><![CDATA[\n'+
'\t\t\tsvg.railroad-diagram {\n'+
'\t\t\t\tbackground-color: hsl(30,20%,95%);\n'+
'\t\t\t}\n'+
'\t\t\tsvg.railroad-diagram path {\n'+
'\t\t\t\tstroke-width: 3;\n'+
'\t\t\t\tstroke: black;\n'+
'\t\t\t\tfill: rgba(0,0,0,0);\n'+
'\t\t\t}\n'+
'\t\t\tsvg.railroad-diagram text {\n'+
'\t\t\t\tfont: bold 14px monospace;\n'+
'\t\t\t\ttext-anchor: middle;\n'+
'\t\t\t}\n'+
'\t\t\tsvg.railroad-diagram text.label {\n'+
'\t\t\t\ttext-anchor: start;\n'+
'\t\t\t}\n'+
'\t\t\tsvg.railroad-diagram text.comment {\n'+
'\t\t\t\tfont: italic 12px monospace;\n'+
'\t\t\t}\n'+
'\t\t\tsvg.railroad-diagram g.non-terminal text {\n'+
'\t\t\t\t/*font-style: italic;*/\n'+
'\t\t\t}\n'+
'\t\t\tsvg.railroad-diagram rect {\n'+
'\t\t\t\tstroke-width: 3;\n'+
'\t\t\t\tstroke: black;\n'+
'\t\t\t\tfill: hsl(120,100%,90%);\n'+
'\t\t\t}\n'+
'\t\t]]></style>\n'+
'\t</defs>'
// Trick I used babeljs.io to generate this multi-line string:
/*
```
<defs>
<style type="text/css"><![CDATA[
svg.railroad-diagram {
stroke: rgba(0, 122, 209, 0.95);
}
svg.railroad-diagram path {
stroke-width: 2;
stroke: rgba(0, 122, 209, 0.95);
fill: rgba(0,0,0,0);
}
svg.railroad-diagram text {
font: 14px monospace;
text-anchor: middle;
stroke: black;
}
svg.railroad-diagram text.label {
text-anchor: start;
}
svg.railroad-diagram text.comment {
font: italic 12px monospace;
}
svg.railroad-diagram rect {
stroke-width: 2;
stroke: rgba(0, 122, 209, 0.95);
fill: rgba(0,0,0,0);
}
]]></style>
</defs>
```
*/
svgText = svgText.replace(/(<svg class="railroad-diagram" width="\d+" height="\d+" viewBox="\d+ \d+ \d+ \d+")>/,"$1> "+
"\n\t<defs>\n\t\t<style type=\"text/css\"><![CDATA[\n\t\t\tsvg.railroad-diagram {\n stroke: rgba(0, 122, 209, 0.95);\n\t\t\t}\n\t\t\tsvg.railroad-diagram path {\n\t\t\t\tstroke-width: 2;\n\t\t\t\tstroke: rgba(0, 122, 209, 0.95);\n\t\t\t\tfill: rgba(0,0,0,0);\n\t\t\t}\n\t\t\tsvg.railroad-diagram text {\n\t\t\t\tfont: 14px monospace;\n\t\t\t\ttext-anchor: middle;\n stroke: black;\n\t\t\t}\n\t\t\tsvg.railroad-diagram text.label {\n\t\t\t\ttext-anchor: start;\n\t\t\t}\n\t\t\tsvg.railroad-diagram text.comment {\n\t\t\t\tfont: italic 12px monospace;\n\t\t\t}\n\t\t\tsvg.railroad-diagram rect {\n\t\t\t\tstroke-width: 2;\n\t\t\t\tstroke: rgba(0, 122, 209, 0.95);\n\t\t\t\tfill: rgba(0,0,0,0);\n\t\t\t}\n\t\t]]></style>\n\t</defs>\n"
);

@@ -60,0 +64,0 @@ // The SVG doesn't render correctly in chrome unless this is added to the text that railroad-diagrams spits out

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc