# magic

Published articles for magic.

This is one page of public article previews, not the complete archive. Follow Next page to continue. Summaries are not the original full articles.

## GraphQL Schema Auto-Completion with PhpStorm

DevFeed: [GraphQL Schema Auto-Completion with PhpStorm](<https://devfeed.tech/articles/graphql-schema-auto-completion-with-phpstorm-31267.md>)

Original publisher: [Read original article](<https://nystudio107.com/blog/graphql-schema-auto-completion-with-phpstorm>)

Author: andrew@nystudio107.com (Andrew Welch)

Published: 2019-09-18T20:26:00Z

Content type: tutorial

Language: en

Sources: [nystudio107 | Articles on modern web development.](<https://devfeed.tech/sources/nystudio107-articles-on-modern-web-development.md>)

Topics: [GraphQL](<https://devfeed.tech/topics/graphql.md>), [phpstorm](<https://devfeed.tech/topics/phpstorm.md>), [Syntax Highlighting](<https://devfeed.tech/topics/syntax-highlighting.md>), [Sublime Text](<https://devfeed.tech/topics/sublime-text.md>)

Tags: [auto-completion](<https://devfeed.tech/tags/auto-completion.md>), [combined](<https://devfeed.tech/tags/combined.md>), [graphql](<https://devfeed.tech/tags/graphql.md>), [highlighting](<https://devfeed.tech/tags/highlighting.md>), [insights](<https://devfeed.tech/tags/insights.md>), [little](<https://devfeed.tech/tags/little.md>), [magic](<https://devfeed.tech/tags/magic.md>), [phpstorm](<https://devfeed.tech/tags/phpstorm.md>), [plugin](<https://devfeed.tech/tags/plugin.md>), [schema](<https://devfeed.tech/tags/schema.md>), [schemas](<https://devfeed.tech/tags/schemas.md>), [syntax](<https://devfeed.tech/tags/syntax.md>), [syntax-highlighting](<https://devfeed.tech/tags/syntax-highlighting.md>)

### AI overview

A tutorial on configuring the JS GraphQL plugin in PhpStorm to provide GraphQL schema auto-completion and syntax highlighting. It explains how to install the plugin, configure a .graphqlconfig file, and generate a schema dump by introspecting a GraphQL endpoint.

### Source excerpt

The JS GraphQL plugin combined with a little magic will give you full auto-completion and syntax highlighting of GraphQL schemas in PhpStorm

## Auto-Complete Craft CMS 3 APIs in Twig with PhpStorm

DevFeed: [Auto-Complete Craft CMS 3 APIs in Twig with PhpStorm](<https://devfeed.tech/articles/auto-complete-craft-cms-3-apis-in-twig-with-phpstorm-31243.md>)

Original publisher: [Read original article](<https://nystudio107.com/blog/auto-complete-craft-cms-3-apis-in-twig-with-phpstorm>)

Author: andrew@nystudio107.com (Andrew Welch)

Published: 2019-03-17T22:55:00Z

Content type: tutorial

Language: en

Sources: [nystudio107 | Articles on modern web development.](<https://devfeed.tech/sources/nystudio107-articles-on-modern-web-development.md>)

Topics: [phpstorm](<https://devfeed.tech/topics/phpstorm.md>), [Content Management System](<https://devfeed.tech/topics/cms.md>), [PHP](<https://devfeed.tech/topics/php.md>)

Tags: [apis](<https://devfeed.tech/tags/apis.md>), [auto-complete](<https://devfeed.tech/tags/auto-complete.md>), [auto-completion](<https://devfeed.tech/tags/auto-completion.md>), [cms](<https://devfeed.tech/tags/cms.md>), [combined](<https://devfeed.tech/tags/combined.md>), [craft](<https://devfeed.tech/tags/craft.md>), [deprecated](<https://devfeed.tech/tags/deprecated.md>), [insights](<https://devfeed.tech/tags/insights.md>), [little](<https://devfeed.tech/tags/little.md>), [magic](<https://devfeed.tech/tags/magic.md>), [phpstorm](<https://devfeed.tech/tags/phpstorm.md>), [plugin](<https://devfeed.tech/tags/plugin.md>), [symfony](<https://devfeed.tech/tags/symfony.md>), [templates](<https://devfeed.tech/tags/templates.md>), [twig](<https://devfeed.tech/tags/twig.md>)

### AI overview

A deprecated tutorial explains how to configure PhpStorm's Symfony plugin and a faux Twig extension to enable Craft CMS API autocomplete in Twig templates. It recommends using the Craft Autocomplete package instead.

### Source excerpt

The Symfony plugin combined with a little magic will give you full auto-complete of all Craft CMS APIs in your Twig templates with PhpStorm!

## Using VueJS + GraphQL to make Practical Magic

DevFeed: [Using VueJS + GraphQL to make Practical Magic](<https://devfeed.tech/articles/using-vuejs-graphql-to-make-practical-magic-31320.md>)

Original publisher: [Read original article](<https://nystudio107.com/blog/using-vuejs-graphql-to-make-practical-magic>)

Author: andrew@nystudio107.com (Andrew Welch)

Published: 2018-08-27T22:29:00Z

Content type: tutorial

Language: en

Sources: [nystudio107 | Articles on modern web development.](<https://devfeed.tech/sources/nystudio107-articles-on-modern-web-development.md>)

Topics: [GraphQL](<https://devfeed.tech/topics/graphql.md>), [vuejs](<https://devfeed.tech/topics/vuejs.md>), [Content Management System](<https://devfeed.tech/topics/cms.md>), [Front end](<https://devfeed.tech/topics/frontend.md>), [JavaScript](<https://devfeed.tech/topics/javascript.md>), [axios](<https://devfeed.tech/topics/axios.md>), [Bootstrap](<https://devfeed.tech/topics/bootstrap.md>), [Jamstack](<https://devfeed.tech/topics/jamstack.md>)

Tags: [auto-complete](<https://devfeed.tech/tags/auto-complete.md>), [axios](<https://devfeed.tech/tags/axios.md>), [bootstrap](<https://devfeed.tech/tags/bootstrap.md>), [craft](<https://devfeed.tech/tags/craft.md>), [everyday](<https://devfeed.tech/tags/everyday.md>), [form](<https://devfeed.tech/tags/form.md>), [graphql](<https://devfeed.tech/tags/graphql.md>), [headless](<https://devfeed.tech/tags/headless.md>), [insights](<https://devfeed.tech/tags/insights.md>), [jamstack](<https://devfeed.tech/tags/jamstack.md>), [javascript](<https://devfeed.tech/tags/javascript.md>), [like](<https://devfeed.tech/tags/like.md>), [magic](<https://devfeed.tech/tags/magic.md>), [practical](<https://devfeed.tech/tags/practical.md>), [problems](<https://devfeed.tech/tags/problems.md>), [saving](<https://devfeed.tech/tags/saving.md>), [searching](<https://devfeed.tech/tags/searching.md>), [solve](<https://devfeed.tech/tags/solve.md>), [submission](<https://devfeed.tech/tags/submission.md>), [using](<https://devfeed.tech/tags/using.md>), [vuejs](<https://devfeed.tech/tags/vuejs.md>)

### AI overview

A practical tutorial showing how to use VueJS and GraphQL with a headless Craft CMS backend to implement auto-complete search and save contact-form submissions. It introduces the frontend and backend tooling used in the examples, including Axios, Bootstrap 4, Craft CMS, and CraftQL.

### Source excerpt

Make some practical magic with VueJS + GraphQL to solve everyday problems like auto-complete searching and form submission saving with a headless Craft CMS server

## Organizing Threat Modeling Magic

DevFeed: [Organizing Threat Modeling Magic](<https://devfeed.tech/articles/organizing-threat-modeling-magic-36922.md>)

Original publisher: [Read original article](<https://shostack.org/blog/organizing-threat-modeling-magic/>)

Author: Jonathan Marcil

Published: 2017-08-29T00:00:00Z

Content type: article

Language: en

Sources: [Shostack & Friends Blog](<https://devfeed.tech/sources/shostack-friends-blog.md>)

Topics: [Vulnerabilities](<https://devfeed.tech/topics/vulnerabilities.md>)

Tags: [application](<https://devfeed.tech/tags/application.md>), [coverage](<https://devfeed.tech/tags/coverage.md>), [magic](<https://devfeed.tech/tags/magic.md>)

### AI overview

The article presents a personal approach to threat modeling that represents system threats as attack trees. It describes weighting branches to estimate effort, aggregate sub-goal and root-goal priorities, and choose which technical efforts to pursue based on attacker motivations and tradeoffs.

### Source excerpt

[no description provided]