Skip to main content
SimilarExport ZIP
100%

I18n Scripts For Package.json

✓ Published0🌍 Public
OOhtsu
Last edited Apr 22, 2018
Created on Feb 7, 2018

This example presents a JSON object of npm script commands for an Angular project, illustrating internationalization configurations. It uses the `ng xi18n` extraction tool and `ng serve` or `ng build` commands with flags like `--i18nFile`, `--i18nFormat=xlf`, and `--locale` to generate or run localized builds for Japanese, English, French, German, Italian, and Spanish. The visualization likely parses this JSON to display the script names and their corresponding locale-specific arguments.

AI-generated description

Similar vizzes

Loading thumbnail…

Angular5による多言語サイトの構築方法 ref: https://qiita.com/SOhtsu/items/7e5d072e5ba6c7f0aad5

This example demonstrates how to build a multilingual Angular 5 site using the built-in internationalization (i18n) tools, with separate build configurations for Japanese and French alongside the default English version. The setup uses Angular CLI commands like `ng serve` and custom npm scripts that invoke `ng build` with flags such as `--i18nFile`, `--i18nFormat=xlf`, and `--locale=ja` or `--locale=fr`, producing distinct output directories (`dist/ja`, `dist/fr`) with base-href adjustments. It shows the workflow of cloning a gist repository, installing dependencies via `npm install`, serving the development build, and then generating localized production bundles from source locale files.

OOhtsu
71% match
Loading thumbnail…

i18n-railslove

This example demonstrates a React-based internationalization setup for a mobile app, showing how language resources are organized and loaded for seven locales (Arabic, German, English, Persian, French, Russian, and Turkish). It uses `i18next` combined with `react-i18next` and `expo-localization` to detect the system language and select the appropriate JSON resource files. The `i18next-parser` configuration automatically extracts translatable strings from JS/JSX source files, generating locale-specific JSON files with sorted keys. A custom `changeLanguage` function allows runtime language switching, while a fallback to English ensures robustness. The code also includes a script to check that all translations are clean and complete.

PP3nny
56% match
Loading thumbnail…

package.json for webpack-es6-boilerplate

This visualization displays the contents of a package.json file for a webpack-based ES6 boilerplate project, mapping dependencies and scripts as structured JSON. The code defines build and start commands using webpack and webpack-dev-server, while Babel presets handle ES2015 transpilation. The rendering relies on JSON syntax highlighting and indentation to reveal the hierarchical relationships between configuration fields, though no external charting libraries are used. The data source is the gist authored by 15Dkatz, presenting the full file without additional visual encoding beyond the raw text format.

115Dkatz
53% match
Loading thumbnail…

Localbackup Gulpfile.js for Angular

This example demonstrates a Gulp task that creates timestamped local backups of an Angular project directory. It computes a version string from the current date using a custom `dateFormat` object, constructs a target path naming convention (`../<solution>_<timestamp>`), and copies all project files—excluding `node_modules`—to that destination via `gulp.src` and `gulp.dest`. The code relies on Node.js `path` parsing to derive the solution name and logs the generated paths before execution. The default Gulp task triggers the backup process.

OOhtsu
53% match
Loading thumbnail…

Javascript build tools

This example illustrates the JavaScript build-tool ecosystem, mapping tools like npm, yarn, rollup, and webpack to their roles as package managers or module bundlers. It uses plain DOM elements and D3 v7’s `select` and `version` to display text, while the underlying code demonstrates module syntax with named and default exports. The visualization’s source files show how `index.js` imports from `something.js` and `thing.js`, and the HTML references a rollup-injected bundle, clarifying how bundlers assemble local packages into browser-ready scripts.

BBart van Pelt
52% match
Loading thumbnail…

Adding script of localback for existing gulpfile.js

This example adds a `localbackup` task to an existing Gulpfile, creating a timestamped backup of the current Angular project directory. It derives the solution name from the current directory path using Node’s `path.parse`, generates a version string with custom date formatting, and defines a target path that includes both the solution name and timestamp. The task uses `gulp.src` with glob patterns to copy project files while excluding `node_modules`, then pipes the result to `gulp.dest`. The code shows the Gulp task API and a custom date formatting object operating without external dependencies.

OOhtsu
51% match
Loading thumbnail…

Local Backup for Angular

This example demonstrates a Gulp-based backup workflow for local Angular projects. The code defines a `localbackup` task that copies all project files, excluding `node_modules`, into a timestamped destination folder using `gulp.src` and `gulp.dest`. It uses the `path` module to derive the current directory name and a custom `dateFormat` object to generate a version string from the current date and time. The backup folder is named by combining the solution name with this timestamp, targeting the Angular dependency directory path. The default Gulp task triggers the backup process.

OOhtsu
51% match
Loading thumbnail…

WSLへのPandocのインストール ref: https://qiita.com/SOhtsu/items/e921142372d0f4cce410

This example demonstrates a Node.js script that converts Markdown files into PDF documents using Pandoc, with a specific focus on Japanese typesetting. The code spawns the Pandoc process with arguments for LuaLaTeX as the PDF engine, the `ltjarticle` document class, a table of contents, and cross-referencing via the `pandoc-crossref` filter. It captures and prints the child process’s stdout and stderr streams to the console. The script relies on the `child_process` module’s `spawn` API to manage the external command.

OOhtsu
51% match