+++

stack--2022/3-advanced/normalize-string/src/normalizers/url/index.ts

@@ -10,6 +10,14 @@ import { normalizeꓽemailⵧreasonable, hasꓽemail_structure } from '../email/
 // https://en.wikipedia.org/wiki/URL
 
 function _normalizeⵧschemeꘌhttpₓ(url: string): string {
+	try {
+		// TODO one day URL.canParse
+		new URL(url)
+	}
+	catch(e) {
+		throw new Error(`Invalid URL!`)
+	}
+
 	let [scheme, ...rest] = url.split(':')
 	scheme = scheme.toLowerCase()
 

stack--2022/3-advanced/utils--async/src/index.ts

@@ -1,3 +1,4 @@
 export * from './awaitable.js'
 export * from './ponyfills.js'
 export * from './semantic.js'
+export * from './promises.js'

stack--2022/5-incubator/active--no-pkg/bite-sized/lists/senior-dev/tech-bites--concepts.md

@@ -3,9 +3,9 @@
 +++ https://martinfowler.com/
 +++ https://www.hackterms.com/about/all
 +++ https://www.linfo.org/main_index.html
-[ ] https://zknill.io/posts/every-programmer-should-know/
 12 factors https://12factor.net/
 97 Things Every Programmer Should Know
+[ ] https://zknill.io/posts/every-programmer-should-know/
 abstraction https://www.merrickchristensen.com/articles/abstraction/
 allocation
 annotation
@@ -167,6 +167,7 @@ IDEALS -- 6 Single responsibility
 IDEALS = principles for microservice design
 If it ain't broke, don't fix it
 IIFE
+naming https://ntietz.com/blog/when-to-use-cute-names-or-descriptive-names/
 immutability
 Interface segregation principle = instead of a class interface with all possible methods clients might need, there should be separate interfaces catering to the specific needs of each type of client https://en.wikipedia.org/wiki/Interface_segregation_principle
 Joel test
@@ -305,6 +306,7 @@ TDZ
 tech debt -- Accidental - e.g. bugs due to human error that unknowingly increases the cost of future work.
 tech debt -- Deliberate - e.g. optimising for short term delivery, knowing it increases the cost of future work.
 tech debt -- Incidental - e.g. organic changes in complexity over time that increases the cost of future work.
+temporary solutions https://80.lv/articles/this-30-year-old-windows-feature-was-created-as-a-temporary-solution/
 the room https://lethain.com/getting-in-the-room/
 this
 thread

stack--2022/5-incubator/active--no-pkg/bite-sized/lists/senior-dev/tech-bites--gamedev.md

@@ -136,8 +136,10 @@ transmog
 turtling
 twinking
 UI -- HUD
+UI -- HUD https://en.wikipedia.org/wiki/HUD_(video_games)
 UI -- minimap
 UI -- radar
+UI https://news.blizzard.com/en-us/world-of-warcraft/23837944/get-into-the-grid-of-things-with-the-updated-ui-and-hud
 UX -- title screen
 woodwalking
 zone

stack--2022/5-incubator/active--no-pkg/bite-sized/lists/senior-dev/tech-bites--process.md

@@ -25,8 +25,10 @@ documentation -- divio system -- 04 Explanations (or discussions) = understandin
 documentation -- divio system = https://documentation.divio.com/  https://nick.groenen.me/posts/the-4-types-of-technical-documentation/
 Every piece of business finance I could come up with after 10 years as a CFO https://twitter.com/KurtisHanni/status/1560986912613072899
 exec summary https://lethain.com/present-to-executives/
+fix broken windows https://frontendatscale.com/issues/22/
 full service ownership https://nick.groenen.me/notes/full-service-ownership/#full-service-ownership
 Headline driven development (Amazon) https://www.spakhm.com/headline-development
+How Might We? (HMW) = technique used to frame design challenges by formulating questions that focus on the desired outcome, are broad, and are phrased positively to encourage creativity and generate ideas
 Jobs to be Done (JTBD) https://en.wikipedia.org/wiki/Jobs-to-be-done_theory
 Kanban https://en.wikipedia.org/wiki/Kanban_(development)
 merge queues https://engineering.shopify.com/blogs/engineering/successfully-merging-work-1000-developers

stack--2022/5-incubator/active--no-pkg/bite-sized/lists/senior-dev/tech-bites--product-and-strategy.md

@@ -1,8 +1,12 @@
 6 Reasons Users Hate Your New Feature https://www.slicedbreaddesign.com/blog/6-reasons-users-hate-your-new-feature
+[ ] personal MBA
 active users -- daily (DAU) https://www.socialmediatoday.com/news/look-comparative-mau-and-dau-stats-major-social-apps/694563/
 active users -- monthly (MAU) https://www.socialmediatoday.com/news/look-comparative-mau-and-dau-stats-major-social-apps/694563/
+aha moment
+Annual Recurring Revenue (ARR)
 average revenue per user (ARPU)
 churn
+customer segmentation = Strategic, Enterprise, Mid-Market, SMB
 earliest -- 01 feedback-able product (EFP)
 earliest -- 02 testable product = first release that customers can actually do something with
 earliest -- 03 usable product = first release that early adopters will actually use, willingly
@@ -14,6 +18,7 @@ earliest https://every.to/p/the-most-advanced-yet-acceptable-products-win
 Embrace, Extend, and Extinguish https://en.wikipedia.org/wiki/Embrace,_extend,_and_extinguish
 enshittification = first, they are good to their users; then they abuse their users to make things better for their business customers; finally, they abuse those business customers to claw back all the value for themselves. Then, they die. https://en.wikipedia.org/wiki/Enshittification
 feature creep
+financing cycle https://en.wikipedia.org/wiki/Seed_money
 funnel
 illegal practices -- monopoly
 illegal practices -- payola https://en.wikipedia.org/wiki/Payola
@@ -24,6 +29,7 @@ illegal practices -- price skimming
 incentives -- perverse incentive https://en.wikipedia.org/wiki/Perverse_incentive
 land grab
 lock-in
+magic moment -> habit moment
 moat https://www.semianalysis.com/p/google-we-have-no-moat-and-neither
 Most Advanced Yet Acceptable (MAYA) UX concept
 network effect
@@ -33,8 +39,16 @@ path to commercial viability = Ex. X moonshots "proved much longer and riskier t
 principle -- end-to-end principle = fundamental principle of the Internet in which the role of a network is to reliably deliver data from willing senders to willing receivers
 principle -- right of exit = users of a platform can easily go elsewhere if they are dissatisfied with it. This requires interoperability, countering the network effects
 procurement
+product market fit (PMF) https://www.sequoiacap.com/article/pmf-framework/
+product market fit -- Future Vision
+product market fit -- Hair on Fire
+product market fit -- Hard Fact
+real-world context https://contextsdk.com/insights#product
 strategy https://stratechery.com/
 switching barriers
 switching cost
+System of Work = A connected portfolio of products with clear and discrete value propositions; built on a common platform and data model; can help implement an opinionated set of practices for effective teamwork across all kinds of teams
+total addressable market (TAM)
 try/test/graduate
+UXR
 vendor lock-in

stack--2022/5-incubator/active--no-pkg/bite-sized/lists/senior-dev/tech-bites--web.md

@@ -1,5 +1,7 @@
 +++ https://developer.mozilla.org/en-US/curriculum/
 [ ] +++ https://dev.to/anze_kop1tar/acronyms-you-should-know-when-going-to-a-job-interview-369l
+[ ] security https://portswigger.net/web-security/all-topics
+[ ] security https://xsleaks.dev/
 [ ] TODO shearing layers https://en.wikipedia.org/wiki/Shearing_layers
 APIs web
 appli web
@@ -73,15 +75,18 @@ realtime -- patterns -- Push biz events
 realtime -- patterns -- Push state
 realtime -- patterns -- Push state diff
 realtime updates https://zknill.io/posts/how-to-adopt-realtime/
+security -- clickjacking https://portswigger.net/web-security/clickjacking
+security -- cross-site leaks https://xsleaks.dev/
 testing https://www.testingjavascript.com/
 UI -- Application posture = sovereign, transient, background, auxiliary https://en.wikipedia.org/wiki/Application_posture
 UI -- aria https://www.w3.org/WAI/ARIA/apg/
+UI -- chrome
 UI -- contrast ratio https://www.siegemedia.com/contrast-ratio
-UI -- game -- HUD https://en.wikipedia.org/wiki/HUD_(video_games)
-UI -- game https://news.blizzard.com/en-us/world-of-warcraft/23837944/get-into-the-grid-of-things-with-the-updated-ui-and-hud
+UI -- HUD
 UI -- modals -- sheets = ~semi-modal https://en.wikipedia.org/wiki/Modal_window#Modal_sheets_in_Mac_OS_X
 UI -- modals https://en.wikipedia.org/wiki/Modal_window
 UI -- modes https://en.wikipedia.org/wiki/User_interface#Modalities_and_modes
+UI -- views
 User Agent Interface (UA) https://www.bram.us/2021/07/08/the-large-small-and-dynamic-viewports/#large-viewport
 UX -- Above the fold = is the area of a webpage that fits in a browser window without a user having to scroll down. This is the content that is first seen by the user and often dictates whether they’ll continue reading the webpage.
 UX -- honeycomb = useful + usable + findable + desirable + accessible + credible = valuable https://en.wikipedia.org/wiki/User_interface#A_model_of_design_criteria:_User_Experience_Honeycomb

stack--2022/5-incubator/active--no-pkg/bite-sized/lists/serious-memes/mental-models.md

@@ -24,6 +24,7 @@ Baptists and Bootleggers https://a16z.com/ai-will-save-the-world/
 base rate: The average outcome for an event over time. They’re like batting averages for life, and they work best with big sample sizes. For example, if you’re starting a business, avoid the restaurant business where margins are low and competition is high.
 be prepared
 bee browsing
+broken window theory
 bike-shed Effect: A group of people working on a project will fight over the most trivial ideas. They’ll ignore what’s complicated. They’ll focus too much on easy-to-understand ideas at the expense of important, but hard to talk about ideas. For example, instead of approving plans for a complicated spaceship, the team would argue over the color of the astronaut’s uniforms.
 bonne et mauvaises cartes
 brand -- 6 what's? = what we stand for, what we believe in, what people we seek to engage, what distinguishes us, what we offer, what we say and show https://hbr.org/2014/06/start-ups-need-a-minimum-viable-brand

stack--2022/5-incubator/active/generator--html/src/snippets/html/react-root.ts

@@ -19,9 +19,8 @@ function generate(spec: Immutable<HtmlDocumentSpec>): Html‿str {
 		<!-- React will render here and replace this -->
 		<section style="
 			text-align: center;
-			--width: 60ch;
-			max-width: var(--width);
-			margin: 0 max(1ch, (100vw - var(--width))/2);
+			max-width: 60ch;
+			margin: 0 auto;
 			">
 			<h1>${getꓽtitleⵧpage(spec, 'Loading…')}</h1>
 			<em>Loading…</em>

stack--2022/5-incubator/active/generator--website-entry-points/src/generate--http-headers/NOTES.md

@@ -1,2 +1,5 @@
 
 TODO CSP
+
+good reference!
+https://web.dev/articles/security-headers